@trsys-tech/matrix-library 0.3.4 → 0.3.5

package/dist/index.es.js

@@ -5,54 +5,55 @@ import { Breadcrumb as n, BreadcrumbEllipsis as l, BreadcrumbItem as S, Breadcru
 import { Card as D, CardContent as u, CardDescription as C, CardFooter as g, CardHeader as s, CardTitle as T } from "./card.es.js";
 import { Checkbox as P } from "./checkbox.es.js";
 import { Chip as k } from "./chip.es.js";
-import { Command as M, CommandDialog as B, CommandEmpty as G, CommandGroup as I, CommandInput as A, CommandItem as R, CommandList as v, CommandSeparator as L, CommandShortcut as H } from "./command.es.js";
-import { Collapsible as E, CollapsibleContent as O, CollapsibleTrigger as V } from "./collapsible.es.js";
-import { ConfirmProvider as U, useConfirm as j } from "./confirm.es.js";
-import { DatePicker as J } from "./datepicker.es.js";
-import { DateRangePicker as N } from "./daterangepicker.es.js";
-import { TimePicker as W } from "./timepicker.es.js";
-import { Calendar as Y } from "./calendar.es.js";
-import { DataGrid as _, DataGridActionBar as $, DataGridContent as ee, DeleteAction as re, ExtraActions as oe, FreezeAction as te, PrintAction as ae, RefreshAction as ie, SearchAction as me, useDataGrid as pe } from "./datagrid.es.js";
-import { Dialog as le, DialogClose as Se, DialogContent as de, DialogDescription as be, DialogFooter as xe, DialogHeader as fe, DialogOverlay as ce, DialogPortal as De, DialogTitle as ue, DialogTrigger as Ce } from "./dialog.es.js";
-import { Drawer as se, DrawerContent as Te, DrawerMain as Fe } from "./drawer.es.js";
-import { SwipableDrawer as we, SwipableDrawerClose as ke, SwipableDrawerContent as he, SwipableDrawerDescription as Me, SwipableDrawerFooter as Be, SwipableDrawerHeader as Ge, SwipableDrawerTitle as Ie, SwipableDrawerTrigger as Ae } from "./swipabledrawer.es.js";
-import { Form as ve, FormControl as Le, FormDescription as He, FormField as ye, FormItem as Ee, FormLabel as Oe, FormMessage as Ve } from "./form.es.js";
-import { FormCheckbox as Ue } from "./formcheckbox.es.js";
-import { FormCombobox as qe } from "./formcombobox.es.js";
-import { FormDatePicker as Ke } from "./formdatepicker.es.js";
-import { FormDateRangePicker as Qe } from "./formdaterangepicker.es.js";
-import { FormInput as Xe } from "./forminput.es.js";
-import { FormMultiSelect as Ze } from "./formmultiselect.es.js";
-import { FormRating as $e } from "./formrating.es.js";
-import { FormSelect as rr } from "./formselect.es.js";
-import { FormSwitch as tr } from "./formswitch.es.js";
-import { FormTextarea as ir } from "./formtextarea.es.js";
-import { FormTimePicker as pr } from "./formtimepicker.es.js";
-import { IconButton as lr } from "./iconbutton.es.js";
-import { Label as dr } from "./label.es.js";
-import { Modal as xr, ModalFooter as fr } from "./modal.es.js";
-import { Popover as Dr, PopoverAnchor as ur, PopoverContent as Cr, PopoverTrigger as gr } from "./popover.es.js";
-import { Rating as Tr } from "./rating.es.js";
-import { RadioGroup as Pr, RadioGroupItem as wr } from "./radiogroup.es.js";
-import { Select as hr, SelectContent as Mr, SelectGroup as Br, SelectItem as Gr, SelectLabel as Ir, SelectScrollDownButton as Ar, SelectScrollUpButton as Rr, SelectSeparator as vr, SelectTrigger as Lr, SelectValue as Hr } from "./select.es.js";
-import { Separator as Er } from "./separator.es.js";
-import { Sheet as Vr, SheetClose as zr, SheetContent as Ur, SheetDescription as jr, SheetFooter as qr, SheetHeader as Jr, SheetOverlay as Kr, SheetPortal as Nr, SheetTitle as Qr, SheetTrigger as Wr } from "./sheet.es.js";
-import { Sidebar as Yr, SidebarContent as Zr, SidebarFooter as _r, SidebarGroup as $r, SidebarGroupAction as eo, SidebarGroupContent as ro, SidebarGroupLabel as oo, SidebarHeader as to, SidebarInset as ao, SidebarMenu as io, SidebarMenuAction as mo, SidebarMenuBadge as po, SidebarMenuButton as no, SidebarMenuItem as lo, SidebarMenuSkeleton as So, SidebarMenuSub as bo, SidebarMenuSubButton as xo, SidebarMenuSubItem as fo, SidebarProvider as co, SidebarRail as Do, SidebarSeparator as uo, SidebarTrigger as Co, useSidebar as go } from "./sidebar.es.js";
-import { Skeleton as To } from "./skeleton.es.js";
-import { Switch as Po } from "./switch.es.js";
-import { Tabs as ko, TabsContent as ho, TabsList as Mo, TabsTrigger as Bo } from "./tabs.es.js";
-import { TextField as Io } from "./textfield.es.js";
-import { Toast as Ro } from "./toast.es.js";
-import { toast as Lo } from "./use-toast.es.js";
-import { Tooltip as yo, TooltipContent as Eo, TooltipProvider as Oo, TooltipTrigger as Vo } from "./tooltip.es.js";
-import { useIsMobile as Uo } from "./use-mobile.es.js";
-import { cn as qo } from "./utils.es.js";
-import { DesktopDatePicker as Ko } from "./desktopdatepicker.es.js";
-import { MobileDatePicker as Qo } from "./mobiledatepicker.es.js";
-import { DesktopDateRangePicker as Xo } from "./desktopdaterangepicker.es.js";
-import { MobileDateRangePicker as Zo } from "./mobiledaterangepicker.es.js";
-import { MobileTimePicker as $o } from "./mobiletimepicker.es.js";
-import { DesktopTimePicker as rt } from "./desktoptimepicker.es.js";
+import { Combobox as M } from "./combobox.es.js";
+import { Command as G, CommandDialog as I, CommandEmpty as A, CommandGroup as R, CommandInput as v, CommandItem as L, CommandList as H, CommandSeparator as y, CommandShortcut as E } from "./command.es.js";
+import { Collapsible as V, CollapsibleContent as z, CollapsibleTrigger as U } from "./collapsible.es.js";
+import { ConfirmProvider as q, useConfirm as J } from "./confirm.es.js";
+import { DatePicker as N } from "./datepicker.es.js";
+import { DateRangePicker as W } from "./daterangepicker.es.js";
+import { TimePicker as Y } from "./timepicker.es.js";
+import { Calendar as _ } from "./calendar.es.js";
+import { DataGrid as ee, DataGridActionBar as re, DataGridContent as oe, DeleteAction as te, ExtraActions as ae, FreezeAction as ie, PrintAction as me, RefreshAction as pe, SearchAction as ne, useDataGrid as le } from "./datagrid.es.js";
+import { Dialog as de, DialogClose as be, DialogContent as xe, DialogDescription as fe, DialogFooter as ce, DialogHeader as De, DialogOverlay as ue, DialogPortal as Ce, DialogTitle as ge, DialogTrigger as se } from "./dialog.es.js";
+import { Drawer as Fe, DrawerContent as Pe, DrawerMain as we } from "./drawer.es.js";
+import { SwipableDrawer as he, SwipableDrawerClose as Me, SwipableDrawerContent as Be, SwipableDrawerDescription as Ge, SwipableDrawerFooter as Ie, SwipableDrawerHeader as Ae, SwipableDrawerTitle as Re, SwipableDrawerTrigger as ve } from "./swipabledrawer.es.js";
+import { Form as He, FormControl as ye, FormDescription as Ee, FormField as Oe, FormItem as Ve, FormLabel as ze, FormMessage as Ue } from "./form.es.js";
+import { FormCheckbox as qe } from "./formcheckbox.es.js";
+import { FormCombobox as Ke } from "./formcombobox.es.js";
+import { FormDatePicker as Qe } from "./formdatepicker.es.js";
+import { FormDateRangePicker as Xe } from "./formdaterangepicker.es.js";
+import { FormInput as Ze } from "./forminput.es.js";
+import { FormMultiSelect as $e } from "./formmultiselect.es.js";
+import { FormRating as rr } from "./formrating.es.js";
+import { FormSelect as tr } from "./formselect.es.js";
+import { FormSwitch as ir } from "./formswitch.es.js";
+import { FormTextarea as pr } from "./formtextarea.es.js";
+import { FormTimePicker as lr } from "./formtimepicker.es.js";
+import { IconButton as dr } from "./iconbutton.es.js";
+import { Label as xr } from "./label.es.js";
+import { Modal as cr, ModalFooter as Dr } from "./modal.es.js";
+import { Popover as Cr, PopoverAnchor as gr, PopoverContent as sr, PopoverTrigger as Tr } from "./popover.es.js";
+import { Rating as Pr } from "./rating.es.js";
+import { RadioGroup as kr, RadioGroupItem as hr } from "./radiogroup.es.js";
+import { Select as Br, SelectContent as Gr, SelectGroup as Ir, SelectItem as Ar, SelectLabel as Rr, SelectScrollDownButton as vr, SelectScrollUpButton as Lr, SelectSeparator as Hr, SelectTrigger as yr, SelectValue as Er } from "./select.es.js";
+import { Separator as Vr } from "./separator.es.js";
+import { Sheet as Ur, SheetClose as jr, SheetContent as qr, SheetDescription as Jr, SheetFooter as Kr, SheetHeader as Nr, SheetOverlay as Qr, SheetPortal as Wr, SheetTitle as Xr, SheetTrigger as Yr } from "./sheet.es.js";
+import { Sidebar as _r, SidebarContent as $r, SidebarFooter as eo, SidebarGroup as ro, SidebarGroupAction as oo, SidebarGroupContent as to, SidebarGroupLabel as ao, SidebarHeader as io, SidebarInset as mo, SidebarMenu as po, SidebarMenuAction as no, SidebarMenuBadge as lo, SidebarMenuButton as So, SidebarMenuItem as bo, SidebarMenuSkeleton as xo, SidebarMenuSub as fo, SidebarMenuSubButton as co, SidebarMenuSubItem as Do, SidebarProvider as uo, SidebarRail as Co, SidebarSeparator as go, SidebarTrigger as so, useSidebar as To } from "./sidebar.es.js";
+import { Skeleton as Po } from "./skeleton.es.js";
+import { Switch as ko } from "./switch.es.js";
+import { Tabs as Mo, TabsContent as Bo, TabsList as Go, TabsTrigger as Io } from "./tabs.es.js";
+import { TextField as Ro } from "./textfield.es.js";
+import { Toast as Lo } from "./toast.es.js";
+import { toast as yo } from "./use-toast.es.js";
+import { Tooltip as Oo, TooltipContent as Vo, TooltipProvider as zo, TooltipTrigger as Uo } from "./tooltip.es.js";
+import { useIsMobile as qo } from "./use-mobile.es.js";
+import { cn as Ko } from "./utils.es.js";
+import { DesktopDatePicker as Qo } from "./desktopdatepicker.es.js";
+import { MobileDatePicker as Xo } from "./mobiledatepicker.es.js";
+import { DesktopDateRangePicker as Zo } from "./desktopdaterangepicker.es.js";
+import { MobileDateRangePicker as $o } from "./mobiledaterangepicker.es.js";
+import { MobileTimePicker as rt } from "./mobiletimepicker.es.js";
+import { DesktopTimePicker as tt } from "./desktoptimepicker.es.js";
 export {
   t as Badge,
   n as Breadcrumb,
@@ -63,7 +64,7 @@ export {
   x as BreadcrumbPage,
   f as BreadcrumbSeparator,
   i as Button,
-  Y as Calendar,
+  _ as Calendar,
   D as Card,
   u as CardContent,
   C as CardDescription,
@@ -72,148 +73,149 @@ export {
   T as CardTitle,
   P as Checkbox,
   k as Chip,
-  E as Collapsible,
-  O as CollapsibleContent,
-  V as CollapsibleTrigger,
-  M as Command,
-  B as CommandDialog,
-  G as CommandEmpty,
-  I as CommandGroup,
-  A as CommandInput,
-  R as CommandItem,
-  v as CommandList,
-  L as CommandSeparator,
-  H as CommandShortcut,
-  U as ConfirmProvider,
-  _ as DataGrid,
-  $ as DataGridActionBar,
-  ee as DataGridContent,
-  J as DatePicker,
-  N as DateRangePicker,
-  re as DeleteAction,
-  Ko as DesktopDatePicker,
-  Xo as DesktopDateRangePicker,
-  rt as DesktopTimePicker,
-  le as Dialog,
-  Se as DialogClose,
-  de as DialogContent,
-  be as DialogDescription,
-  xe as DialogFooter,
-  fe as DialogHeader,
-  ce as DialogOverlay,
-  De as DialogPortal,
-  ue as DialogTitle,
-  Ce as DialogTrigger,
-  se as Drawer,
-  Te as DrawerContent,
-  Fe as DrawerMain,
-  oe as ExtraActions,
-  ve as Form,
-  Ue as FormCheckbox,
-  qe as FormCombobox,
-  Le as FormControl,
-  Ke as FormDatePicker,
-  Qe as FormDateRangePicker,
-  He as FormDescription,
-  ye as FormField,
-  Xe as FormInput,
-  Ee as FormItem,
-  Oe as FormLabel,
-  Ve as FormMessage,
-  Ze as FormMultiSelect,
-  $e as FormRating,
-  rr as FormSelect,
-  tr as FormSwitch,
-  ir as FormTextarea,
-  pr as FormTimePicker,
-  te as FreezeAction,
-  lr as IconButton,
-  dr as Label,
-  Qo as MobileDatePicker,
-  Zo as MobileDateRangePicker,
-  $o as MobileTimePicker,
-  xr as Modal,
-  fr as ModalFooter,
-  Dr as Popover,
-  ur as PopoverAnchor,
-  Cr as PopoverContent,
-  gr as PopoverTrigger,
-  ae as PrintAction,
-  Pr as RadioGroup,
-  wr as RadioGroupItem,
-  Tr as Rating,
-  ie as RefreshAction,
-  me as SearchAction,
-  hr as Select,
-  Mr as SelectContent,
-  Br as SelectGroup,
-  Gr as SelectItem,
-  Ir as SelectLabel,
-  Ar as SelectScrollDownButton,
-  Rr as SelectScrollUpButton,
-  vr as SelectSeparator,
-  Lr as SelectTrigger,
-  Hr as SelectValue,
-  Er as Separator,
-  Vr as Sheet,
-  zr as SheetClose,
-  Ur as SheetContent,
-  jr as SheetDescription,
-  qr as SheetFooter,
-  Jr as SheetHeader,
-  Kr as SheetOverlay,
-  Nr as SheetPortal,
-  Qr as SheetTitle,
-  Wr as SheetTrigger,
-  Yr as Sidebar,
-  Zr as SidebarContent,
-  _r as SidebarFooter,
-  $r as SidebarGroup,
-  eo as SidebarGroupAction,
-  ro as SidebarGroupContent,
-  oo as SidebarGroupLabel,
-  to as SidebarHeader,
-  ao as SidebarInset,
-  io as SidebarMenu,
-  mo as SidebarMenuAction,
-  po as SidebarMenuBadge,
-  no as SidebarMenuButton,
-  lo as SidebarMenuItem,
-  So as SidebarMenuSkeleton,
-  bo as SidebarMenuSub,
-  xo as SidebarMenuSubButton,
-  fo as SidebarMenuSubItem,
-  co as SidebarProvider,
-  Do as SidebarRail,
-  uo as SidebarSeparator,
-  Co as SidebarTrigger,
-  To as Skeleton,
-  we as SwipableDrawer,
-  ke as SwipableDrawerClose,
-  he as SwipableDrawerContent,
-  Me as SwipableDrawerDescription,
-  Be as SwipableDrawerFooter,
-  Ge as SwipableDrawerHeader,
-  Ie as SwipableDrawerTitle,
-  Ae as SwipableDrawerTrigger,
-  Po as Switch,
-  ko as Tabs,
-  ho as TabsContent,
-  Mo as TabsList,
-  Bo as TabsTrigger,
-  Io as TextField,
-  W as TimePicker,
-  Ro as Toast,
-  yo as Tooltip,
-  Eo as TooltipContent,
-  Oo as TooltipProvider,
-  Vo as TooltipTrigger,
+  V as Collapsible,
+  z as CollapsibleContent,
+  U as CollapsibleTrigger,
+  M as Combobox,
+  G as Command,
+  I as CommandDialog,
+  A as CommandEmpty,
+  R as CommandGroup,
+  v as CommandInput,
+  L as CommandItem,
+  H as CommandList,
+  y as CommandSeparator,
+  E as CommandShortcut,
+  q as ConfirmProvider,
+  ee as DataGrid,
+  re as DataGridActionBar,
+  oe as DataGridContent,
+  N as DatePicker,
+  W as DateRangePicker,
+  te as DeleteAction,
+  Qo as DesktopDatePicker,
+  Zo as DesktopDateRangePicker,
+  tt as DesktopTimePicker,
+  de as Dialog,
+  be as DialogClose,
+  xe as DialogContent,
+  fe as DialogDescription,
+  ce as DialogFooter,
+  De as DialogHeader,
+  ue as DialogOverlay,
+  Ce as DialogPortal,
+  ge as DialogTitle,
+  se as DialogTrigger,
+  Fe as Drawer,
+  Pe as DrawerContent,
+  we as DrawerMain,
+  ae as ExtraActions,
+  He as Form,
+  qe as FormCheckbox,
+  Ke as FormCombobox,
+  ye as FormControl,
+  Qe as FormDatePicker,
+  Xe as FormDateRangePicker,
+  Ee as FormDescription,
+  Oe as FormField,
+  Ze as FormInput,
+  Ve as FormItem,
+  ze as FormLabel,
+  Ue as FormMessage,
+  $e as FormMultiSelect,
+  rr as FormRating,
+  tr as FormSelect,
+  ir as FormSwitch,
+  pr as FormTextarea,
+  lr as FormTimePicker,
+  ie as FreezeAction,
+  dr as IconButton,
+  xr as Label,
+  Xo as MobileDatePicker,
+  $o as MobileDateRangePicker,
+  rt as MobileTimePicker,
+  cr as Modal,
+  Dr as ModalFooter,
+  Cr as Popover,
+  gr as PopoverAnchor,
+  sr as PopoverContent,
+  Tr as PopoverTrigger,
+  me as PrintAction,
+  kr as RadioGroup,
+  hr as RadioGroupItem,
+  Pr as Rating,
+  pe as RefreshAction,
+  ne as SearchAction,
+  Br as Select,
+  Gr as SelectContent,
+  Ir as SelectGroup,
+  Ar as SelectItem,
+  Rr as SelectLabel,
+  vr as SelectScrollDownButton,
+  Lr as SelectScrollUpButton,
+  Hr as SelectSeparator,
+  yr as SelectTrigger,
+  Er as SelectValue,
+  Vr as Separator,
+  Ur as Sheet,
+  jr as SheetClose,
+  qr as SheetContent,
+  Jr as SheetDescription,
+  Kr as SheetFooter,
+  Nr as SheetHeader,
+  Qr as SheetOverlay,
+  Wr as SheetPortal,
+  Xr as SheetTitle,
+  Yr as SheetTrigger,
+  _r as Sidebar,
+  $r as SidebarContent,
+  eo as SidebarFooter,
+  ro as SidebarGroup,
+  oo as SidebarGroupAction,
+  to as SidebarGroupContent,
+  ao as SidebarGroupLabel,
+  io as SidebarHeader,
+  mo as SidebarInset,
+  po as SidebarMenu,
+  no as SidebarMenuAction,
+  lo as SidebarMenuBadge,
+  So as SidebarMenuButton,
+  bo as SidebarMenuItem,
+  xo as SidebarMenuSkeleton,
+  fo as SidebarMenuSub,
+  co as SidebarMenuSubButton,
+  Do as SidebarMenuSubItem,
+  uo as SidebarProvider,
+  Co as SidebarRail,
+  go as SidebarSeparator,
+  so as SidebarTrigger,
+  Po as Skeleton,
+  he as SwipableDrawer,
+  Me as SwipableDrawerClose,
+  Be as SwipableDrawerContent,
+  Ge as SwipableDrawerDescription,
+  Ie as SwipableDrawerFooter,
+  Ae as SwipableDrawerHeader,
+  Re as SwipableDrawerTitle,
+  ve as SwipableDrawerTrigger,
+  ko as Switch,
+  Mo as Tabs,
+  Bo as TabsContent,
+  Go as TabsList,
+  Io as TabsTrigger,
+  Ro as TextField,
+  Y as TimePicker,
+  Lo as Toast,
+  Oo as Tooltip,
+  Vo as TooltipContent,
+  zo as TooltipProvider,
+  Uo as TooltipTrigger,
   m as buttonVariants,
-  qo as cn,
-  Lo as toast,
-  j as useConfirm,
-  pe as useDataGrid,
-  Uo as useIsMobile,
-  go as useSidebar
+  Ko as cn,
+  yo as toast,
+  J as useConfirm,
+  le as useDataGrid,
+  qo as useIsMobile,
+  To 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/dist/mobiledatepicker.es.js

@@ -1,12 +1,12 @@
-import { jsxs as t, Fragment as D, jsx as e } from "react/jsx-runtime";
-import * as d from "react";
-import { VisuallyHidden as M } from "@radix-ui/react-visually-hidden";
-import { Calendar as v } from "@trsys-tech/matrix-icons";
+import { jsxs as r, Fragment as C, jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { VisuallyHidden as D } from "@radix-ui/react-visually-hidden";
+import { Calendar as w } from "@trsys-tech/matrix-icons";
 import { cn as m } from "./utils.es.js";
-import { Calendar as k } from "./calendar.es.js";
-import { Button as i } from "./button.es.js";
-import { Dialog as w, DialogContent as j, DialogHeader as P, DialogTitle as O, DialogDescription as S } from "./dialog.es.js";
-import { formatDate as o } from "./format.es.js";
+import { Calendar as M } from "./calendar.es.js";
+import { Button as n } from "./button.es.js";
+import { Dialog as k, DialogContent as j, DialogHeader as P, DialogTitle as O, DialogDescription as S } from "./dialog.es.js";
+import { formatDate as s } from "./format.es.js";
 const V = ({
   formatStr: l,
   selected: a,
@@ -14,48 +14,48 @@ const V = ({
   className: f,
   calendarClassName: h,
   cancelText: u,
-  applyText: x,
-  onSelect: g,
-  disabled: y,
-  ...b
+  applyText: b,
+  onSelect: x,
+  disabled: g,
+  ...y
 }) => {
-  const [N, n] = d.useState(!1), [r, s] = d.useState(a), c = () => {
-    n(!1), s(a);
-  }, C = () => {
-    g?.(r), n(!1);
+  const [v, o] = c.useState(!1), [t, i] = c.useState(a), d = () => {
+    o(!1), i(a);
+  }, N = () => {
+    x?.(t), o(!1);
   };
-  return /* @__PURE__ */ t(D, { children: [
-    /* @__PURE__ */ t(
-      i,
+  return /* @__PURE__ */ r(C, { children: [
+    /* @__PURE__ */ r(
+      n,
       {
-        variant: "outline",
+        variant: "text",
         className: m(
-          "w-full border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start disabled:bg-gray-100",
-          !a && "text-muted-foreground",
+          "flex h-8 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent ps-3 pe-1 py-1.5 text-sm ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary hover:bg-transparent focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-gray-100 [&>span]:line-clamp-1 [&_svg]:disabled:text-text-300",
           f
         ),
-        onClick: () => n(!0),
-        "aria-label": a ? `Selected date: ${o(a, l ?? "yyyy/MM/dd")}` : "Pick a date",
-        disabled: y,
+        "data-placeholder": a ? void 0 : "",
+        onClick: () => o(!0),
+        "aria-label": a ? `Selected date: ${s(a, l ?? "yyyy/MM/dd")}` : "Pick a date",
+        disabled: g,
         children: [
-          a ? o(a, l ?? "eee, MMM dd") : /* @__PURE__ */ e("span", { children: p ?? "Pick a date" }),
-          /* @__PURE__ */ e(v, { className: "mr-2 h-5 w-5 ms-auto" })
+          a ? s(a, l ?? "eee, MMM dd") : /* @__PURE__ */ e("span", { children: p ?? "Pick a date" }),
+          /* @__PURE__ */ e(w, { className: "mr-2 h-5 w-5 ms-auto" })
         ]
       }
     ),
-    /* @__PURE__ */ e(w, { open: N, onOpenChange: c, children: /* @__PURE__ */ t(j, { className: "h-dscreen w-screen p-0 flex flex-col gap-0 data-[state=open]:animate-slide-from-bottom data-[state=closed]:animate-slide-to-bottom overflow-auto max-w-screen-2xl sm:rounded-none", children: [
-      /* @__PURE__ */ t(P, { className: "p-4 border-b border-b-gray-200", children: [
-        /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "text-sm font-bold space-y-1 mt-3", children: [
-          /* @__PURE__ */ e("h5", { className: "text-text-300", children: r?.getFullYear() ?? /* @__PURE__ */ e("pre", { children: " " }) }),
-          /* @__PURE__ */ e("h6", { className: "", children: r ? o(r, l ?? "eee, MMM dd") : /* @__PURE__ */ e("pre", { children: " " }) })
+    /* @__PURE__ */ e(k, { open: v, onOpenChange: d, children: /* @__PURE__ */ r(j, { className: "h-dscreen w-screen p-0 flex flex-col gap-0 data-[state=open]:animate-slide-from-bottom data-[state=closed]:animate-slide-to-bottom overflow-auto max-w-screen-2xl sm:rounded-none", children: [
+      /* @__PURE__ */ r(P, { className: "p-4 border-b border-b-gray-200", children: [
+        /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "text-sm font-bold space-y-1 mt-3", children: [
+          /* @__PURE__ */ e("h5", { className: "text-text-300", children: t?.getFullYear() ?? /* @__PURE__ */ e("pre", { children: " " }) }),
+          /* @__PURE__ */ e("h6", { className: "", children: t ? s(t, l ?? "eee, MMM dd") : /* @__PURE__ */ e("pre", { children: " " }) })
         ] }) }),
-        /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(S, { children: "Date Picker" }) })
+        /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(S, { children: "Date Picker" }) })
       ] }),
-      /* @__PURE__ */ t("div", { className: "flex-1 flex flex-col items-center p-4", children: [
-        /* @__PURE__ */ e(k, { ...b, mode: "single", selected: r, onSelect: s, className: m("p-0", h) }),
-        /* @__PURE__ */ t("div", { className: "flex justify-center items-center gap-4 mt-auto w-full", children: [
-          /* @__PURE__ */ e(i, { variant: "text", className: "flex-1 h-10", onClick: c, children: u ?? "Cancel" }),
-          /* @__PURE__ */ e(i, { variant: "primary", className: "flex-1 h-10", onClick: C, children: x ?? "Apply" })
+      /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col items-center p-4", children: [
+        /* @__PURE__ */ e(M, { ...y, mode: "single", selected: t, onSelect: i, className: m("p-0", h) }),
+        /* @__PURE__ */ r("div", { className: "flex justify-center items-center gap-4 mt-auto w-full", children: [
+          /* @__PURE__ */ e(n, { variant: "text", className: "flex-1 h-10", onClick: d, children: u ?? "Cancel" }),
+          /* @__PURE__ */ e(n, { variant: "primary", className: "flex-1 h-10", onClick: N, children: b ?? "Apply" })
         ] })
       ] })
     ] }) })

package/dist/mobiledatepicker.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobiledatepicker.es.js","sources":["../src/components/date-picker/MobileDatePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { PropsBase, PropsSingle } from \"react-day-picker\";\r\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\r\nimport { Calendar as CalendarIcon } from \"@trsys-tech/matrix-icons\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from \"../dialog/Dialog\";\r\n\r\ntype MobileDatePickerProps = PropsBase &\r\n  Omit<PropsSingle, \"mode\"> & {\r\n    formatStr?: string;\r\n    placeholder?: string;\r\n    calendarClassName?: string;\r\n    selected?: Date;\r\n    required?: boolean;\r\n    cancelText?: string;\r\n    applyText?: string;\r\n    onSelect?: (date: Date | undefined) => void;\r\n    disabled?: boolean;\r\n  };\r\n\r\nconst MobileDatePicker: React.FC<MobileDatePickerProps> = ({\r\n  formatStr,\r\n  selected,\r\n  placeholder,\r\n  className,\r\n  calendarClassName,\r\n  cancelText,\r\n  applyText,\r\n  onSelect,\r\n  disabled,\r\n  ...props\r\n}) => {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n  const [selectedDate, setSelectedDate] = React.useState<Date | undefined>(selected);\r\n\r\n  const handleCancel = () => {\r\n    setIsOpen(false);\r\n    setSelectedDate(selected);\r\n  };\r\n\r\n  const handleApply = () => {\r\n    onSelect?.(selectedDate);\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Button\r\n        variant={\"outline\"}\r\n        className={cn(\r\n          \"w-full border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start disabled:bg-gray-100\",\r\n          !selected && \"text-muted-foreground\",\r\n          className,\r\n        )}\r\n        onClick={() => setIsOpen(true)}\r\n        aria-label={selected ? `Selected date: ${format(selected, formatStr ?? \"yyyy/MM/dd\")}` : \"Pick a date\"}\r\n        disabled={disabled}\r\n      >\r\n        {selected ? format(selected, formatStr ?? \"eee, MMM dd\") : <span>{placeholder ?? \"Pick a date\"}</span>}\r\n        <CalendarIcon className=\"mr-2 h-5 w-5 ms-auto\" />\r\n      </Button>\r\n      <Dialog open={isOpen} onOpenChange={handleCancel}>\r\n        <DialogContent className=\"h-dscreen w-screen p-0 flex flex-col gap-0 data-[state=open]:animate-slide-from-bottom data-[state=closed]:animate-slide-to-bottom overflow-auto max-w-screen-2xl sm:rounded-none\">\r\n          <DialogHeader className=\"p-4 border-b border-b-gray-200\">\r\n            <DialogTitle asChild>\r\n              <div className=\"text-sm font-bold space-y-1 mt-3\">\r\n                <h5 className=\"text-text-300\">{selectedDate?.getFullYear() ?? <pre> </pre>}</h5>\r\n                <h6 className=\"\">{selectedDate ? format(selectedDate, formatStr ?? \"eee, MMM dd\") : <pre> </pre>}</h6>\r\n              </div>\r\n            </DialogTitle>\r\n            <VisuallyHidden>\r\n              <DialogDescription>{\"Date Picker\"}</DialogDescription>\r\n            </VisuallyHidden>\r\n          </DialogHeader>\r\n          <div className=\"flex-1 flex flex-col items-center p-4\">\r\n            <Calendar {...props} mode=\"single\" selected={selectedDate} onSelect={setSelectedDate} className={cn(\"p-0\", calendarClassName)} />\r\n            <div className=\"flex justify-center items-center gap-4 mt-auto w-full\">\r\n              <Button variant=\"text\" className=\"flex-1 h-10\" onClick={handleCancel}>\r\n                {cancelText ?? \"Cancel\"}\r\n              </Button>\r\n              <Button variant=\"primary\" className=\"flex-1 h-10\" onClick={handleApply}>\r\n                {applyText ?? \"Apply\"}\r\n              </Button>\r\n            </div>\r\n          </div>\r\n        </DialogContent>\r\n      </Dialog>\r\n    </>\r\n  );\r\n};\r\n\r\nexport { MobileDatePicker, type MobileDatePickerProps };\r\n"],"names":["MobileDatePicker","formatStr","selected","placeholder","className","calendarClassName","cancelText","applyText","onSelect","disabled","props","isOpen","setIsOpen","React","selectedDate","setSelectedDate","handleCancel","handleApply","jsxs","Fragment","Button","cn","format","jsx","CalendarIcon","Dialog","DialogContent","DialogHeader","DialogTitle","VisuallyHidden","DialogDescription","Calendar"],"mappings":";;;;;;;;;AA0BA,MAAMA,IAAoD,CAAC;AAAA,EACzD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1C,CAACC,GAAcC,CAAe,IAAIF,EAAM,SAA2BX,CAAQ,GAE3Ec,IAAe,MAAM;AACzB,IAAAJ,EAAU,EAAK,GACfG,EAAgBb,CAAQ;AAAA,EAC1B,GAEMe,IAAc,MAAM;AACxB,IAAAT,IAAWM,CAAY,GACvBF,EAAU,EAAK;AAAA,EACjB;AAEA,SAEI,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWC;AAAA,UACT;AAAA,UACA,CAACnB,KAAY;AAAA,UACbE;AAAA,QACF;AAAA,QACA,SAAS,MAAMQ,EAAU,EAAI;AAAA,QAC7B,cAAYV,IAAW,kBAAkBoB,EAAOpB,GAAUD,KAAa,YAAY,CAAC,KAAK;AAAA,QACzF,UAAAQ;AAAA,QAEC,UAAA;AAAA,UAAWP,IAAAoB,EAAOpB,GAAUD,KAAa,aAAa,IAAK,gBAAAsB,EAAA,QAAA,EAAM,eAAe,cAAc,CAAA;AAAA,UAC/F,gBAAAA,EAACC,GAAa,EAAA,WAAU,uBAAuB,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IACA,gBAAAD,EAACE,KAAO,MAAMd,GAAQ,cAAcK,GAClC,UAAA,gBAAAE,EAACQ,GAAc,EAAA,WAAU,qLACvB,UAAA;AAAA,MAAC,gBAAAR,EAAAS,GAAA,EAAa,WAAU,kCACtB,UAAA;AAAA,QAAA,gBAAAJ,EAACK,KAAY,SAAO,IAClB,UAAC,gBAAAV,EAAA,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,UAAC,gBAAAK,EAAA,MAAA,EAAG,WAAU,iBAAiB,UAAAT,GAAc,iBAAiB,gBAAAS,EAAC,OAAI,EAAA,UAAA,IAAA,CAAC,EAAO,CAAA;AAAA,UAC1E,gBAAAA,EAAA,MAAA,EAAG,WAAU,IAAI,UAAeT,IAAAQ,EAAOR,GAAcb,KAAa,aAAa,IAAK,gBAAAsB,EAAA,OAAA,EAAI,eAAC,EAAO,CAAA;AAAA,QAAA,EAAA,CACnG,EACF,CAAA;AAAA,QACC,gBAAAA,EAAAM,GAAA,EACC,UAAC,gBAAAN,EAAAO,GAAA,EAAmB,yBAAc,EACpC,CAAA;AAAA,MAAA,GACF;AAAA,MACA,gBAAAZ,EAAC,OAAI,EAAA,WAAU,yCACb,UAAA;AAAA,QAAA,gBAAAK,EAACQ,GAAU,EAAA,GAAGrB,GAAO,MAAK,UAAS,UAAUI,GAAc,UAAUC,GAAiB,WAAWM,EAAG,OAAOhB,CAAiB,GAAG;AAAA,QAC/H,gBAAAa,EAAC,OAAI,EAAA,WAAU,yDACb,UAAA;AAAA,UAAC,gBAAAK,EAAAH,GAAA,EAAO,SAAQ,QAAO,WAAU,eAAc,SAASJ,GACrD,eAAc,SACjB,CAAA;AAAA,UACA,gBAAAO,EAACH,KAAO,SAAQ,WAAU,WAAU,eAAc,SAASH,GACxD,UAAAV,KAAa,QAChB,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"mobiledatepicker.es.js","sources":["../src/components/date-picker/MobileDatePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { PropsBase, PropsSingle } from \"react-day-picker\";\r\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\r\nimport { Calendar as CalendarIcon } from \"@trsys-tech/matrix-icons\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from \"../dialog/Dialog\";\r\n\r\ntype MobileDatePickerProps = PropsBase &\r\n  Omit<PropsSingle, \"mode\"> & {\r\n    formatStr?: string;\r\n    placeholder?: string;\r\n    calendarClassName?: string;\r\n    selected?: Date;\r\n    required?: boolean;\r\n    cancelText?: string;\r\n    applyText?: string;\r\n    onSelect?: (date: Date | undefined) => void;\r\n    disabled?: boolean;\r\n  };\r\n\r\nconst MobileDatePicker: React.FC<MobileDatePickerProps> = ({\r\n  formatStr,\r\n  selected,\r\n  placeholder,\r\n  className,\r\n  calendarClassName,\r\n  cancelText,\r\n  applyText,\r\n  onSelect,\r\n  disabled,\r\n  ...props\r\n}) => {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n  const [selectedDate, setSelectedDate] = React.useState<Date | undefined>(selected);\r\n\r\n  const handleCancel = () => {\r\n    setIsOpen(false);\r\n    setSelectedDate(selected);\r\n  };\r\n\r\n  const handleApply = () => {\r\n    onSelect?.(selectedDate);\r\n    setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Button\r\n        variant=\"text\"\r\n        className={cn(\r\n          \"flex h-8 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent ps-3 pe-1 py-1.5 text-sm ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary hover:bg-transparent focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-gray-100 [&>span]:line-clamp-1 [&_svg]:disabled:text-text-300\",\r\n          className,\r\n        )}\r\n        data-placeholder={!selected ? \"\" : undefined}\r\n        onClick={() => setIsOpen(true)}\r\n        aria-label={selected ? `Selected date: ${format(selected, formatStr ?? \"yyyy/MM/dd\")}` : \"Pick a date\"}\r\n        disabled={disabled}\r\n      >\r\n        {selected ? format(selected, formatStr ?? \"eee, MMM dd\") : <span>{placeholder ?? \"Pick a date\"}</span>}\r\n        <CalendarIcon className=\"mr-2 h-5 w-5 ms-auto\" />\r\n      </Button>\r\n      <Dialog open={isOpen} onOpenChange={handleCancel}>\r\n        <DialogContent className=\"h-dscreen w-screen p-0 flex flex-col gap-0 data-[state=open]:animate-slide-from-bottom data-[state=closed]:animate-slide-to-bottom overflow-auto max-w-screen-2xl sm:rounded-none\">\r\n          <DialogHeader className=\"p-4 border-b border-b-gray-200\">\r\n            <DialogTitle asChild>\r\n              <div className=\"text-sm font-bold space-y-1 mt-3\">\r\n                <h5 className=\"text-text-300\">{selectedDate?.getFullYear() ?? <pre> </pre>}</h5>\r\n                <h6 className=\"\">{selectedDate ? format(selectedDate, formatStr ?? \"eee, MMM dd\") : <pre> </pre>}</h6>\r\n              </div>\r\n            </DialogTitle>\r\n            <VisuallyHidden>\r\n              <DialogDescription>{\"Date Picker\"}</DialogDescription>\r\n            </VisuallyHidden>\r\n          </DialogHeader>\r\n          <div className=\"flex-1 flex flex-col items-center p-4\">\r\n            <Calendar {...props} mode=\"single\" selected={selectedDate} onSelect={setSelectedDate} className={cn(\"p-0\", calendarClassName)} />\r\n            <div className=\"flex justify-center items-center gap-4 mt-auto w-full\">\r\n              <Button variant=\"text\" className=\"flex-1 h-10\" onClick={handleCancel}>\r\n                {cancelText ?? \"Cancel\"}\r\n              </Button>\r\n              <Button variant=\"primary\" className=\"flex-1 h-10\" onClick={handleApply}>\r\n                {applyText ?? \"Apply\"}\r\n              </Button>\r\n            </div>\r\n          </div>\r\n        </DialogContent>\r\n      </Dialog>\r\n    </>\r\n  );\r\n};\r\n\r\nexport { MobileDatePicker, type MobileDatePickerProps };\r\n"],"names":["MobileDatePicker","formatStr","selected","placeholder","className","calendarClassName","cancelText","applyText","onSelect","disabled","props","isOpen","setIsOpen","React","selectedDate","setSelectedDate","handleCancel","handleApply","jsxs","Fragment","Button","cn","format","jsx","CalendarIcon","Dialog","DialogContent","DialogHeader","DialogTitle","VisuallyHidden","DialogDescription","Calendar"],"mappings":";;;;;;;;;AA0BA,MAAMA,IAAoD,CAAC;AAAA,EACzD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAC1C,CAACC,GAAcC,CAAe,IAAIF,EAAM,SAA2BX,CAAQ,GAE3Ec,IAAe,MAAM;AACzB,IAAAJ,EAAU,EAAK,GACfG,EAAgBb,CAAQ;AAAA,EAC1B,GAEMe,IAAc,MAAM;AACxB,IAAAT,IAAWM,CAAY,GACvBF,EAAU,EAAK;AAAA,EACjB;AAEA,SAEI,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAWC;AAAA,UACT;AAAA,UACAjB;AAAA,QACF;AAAA,QACA,oBAAmBF,IAAgB,SAAL;AAAA,QAC9B,SAAS,MAAMU,EAAU,EAAI;AAAA,QAC7B,cAAYV,IAAW,kBAAkBoB,EAAOpB,GAAUD,KAAa,YAAY,CAAC,KAAK;AAAA,QACzF,UAAAQ;AAAA,QAEC,UAAA;AAAA,UAAWP,IAAAoB,EAAOpB,GAAUD,KAAa,aAAa,IAAK,gBAAAsB,EAAA,QAAA,EAAM,eAAe,cAAc,CAAA;AAAA,UAC/F,gBAAAA,EAACC,GAAa,EAAA,WAAU,uBAAuB,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IACA,gBAAAD,EAACE,KAAO,MAAMd,GAAQ,cAAcK,GAClC,UAAA,gBAAAE,EAACQ,GAAc,EAAA,WAAU,qLACvB,UAAA;AAAA,MAAC,gBAAAR,EAAAS,GAAA,EAAa,WAAU,kCACtB,UAAA;AAAA,QAAA,gBAAAJ,EAACK,KAAY,SAAO,IAClB,UAAC,gBAAAV,EAAA,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,UAAC,gBAAAK,EAAA,MAAA,EAAG,WAAU,iBAAiB,UAAAT,GAAc,iBAAiB,gBAAAS,EAAC,OAAI,EAAA,UAAA,IAAA,CAAC,EAAO,CAAA;AAAA,UAC1E,gBAAAA,EAAA,MAAA,EAAG,WAAU,IAAI,UAAeT,IAAAQ,EAAOR,GAAcb,KAAa,aAAa,IAAK,gBAAAsB,EAAA,OAAA,EAAI,eAAC,EAAO,CAAA;AAAA,QAAA,EAAA,CACnG,EACF,CAAA;AAAA,QACC,gBAAAA,EAAAM,GAAA,EACC,UAAC,gBAAAN,EAAAO,GAAA,EAAmB,yBAAc,EACpC,CAAA;AAAA,MAAA,GACF;AAAA,MACA,gBAAAZ,EAAC,OAAI,EAAA,WAAU,yCACb,UAAA;AAAA,QAAA,gBAAAK,EAACQ,GAAU,EAAA,GAAGrB,GAAO,MAAK,UAAS,UAAUI,GAAc,UAAUC,GAAiB,WAAWM,EAAG,OAAOhB,CAAiB,GAAG;AAAA,QAC/H,gBAAAa,EAAC,OAAI,EAAA,WAAU,yDACb,UAAA;AAAA,UAAC,gBAAAK,EAAAH,GAAA,EAAO,SAAQ,QAAO,WAAU,eAAc,SAASJ,GACrD,eAAc,SACjB,CAAA;AAAA,UACA,gBAAAO,EAACH,KAAO,SAAQ,WAAU,WAAU,eAAc,SAASH,GACxD,UAAAV,KAAa,QAChB,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}