@trsys-tech/matrix-library 0.5.0-beta.2 → 0.5.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/accordion.es.js.map +1 -1
  2. package/dist/avatar.es.js.map +1 -1
  3. package/dist/badge.es.js.map +1 -1
  4. package/dist/breadcrumb.es.js +4 -4
  5. package/dist/breadcrumb.es.js.map +1 -1
  6. package/dist/buildformatlongfn.es.js.map +1 -1
  7. package/dist/buildlocalizefn.es.js.map +1 -1
  8. package/dist/buildmatchfn.es.js.map +1 -1
  9. package/dist/buildmatchpatternfn.es.js.map +1 -1
  10. package/dist/button.es.js +3 -3
  11. package/dist/button.es.js.map +1 -1
  12. package/dist/calendar.es.js +3 -3
  13. package/dist/calendar.es.js.map +1 -1
  14. package/dist/card.es.js.map +1 -1
  15. package/dist/checkbox.es.js.map +1 -1
  16. package/dist/chip.es.js.map +1 -1
  17. package/dist/collapsible.es.js.map +1 -1
  18. package/dist/combobox.es.js +3 -3
  19. package/dist/combobox.es.js.map +1 -1
  20. package/dist/command.es.js.map +1 -1
  21. package/dist/components/command/Command.d.ts.map +1 -1
  22. package/dist/components/form/Form.d.ts +1 -1
  23. package/dist/components/form/Form.d.ts.map +1 -1
  24. package/dist/confirm.es.js.map +1 -1
  25. package/dist/contextmenu.es.js +4 -4
  26. package/dist/contextmenu.es.js.map +1 -1
  27. package/dist/dangercircleicon.es.js.map +1 -1
  28. package/dist/datagrid.es.js +6 -6
  29. package/dist/datagrid.es.js.map +1 -1
  30. package/dist/datepicker.es.js.map +1 -1
  31. package/dist/daterangepicker.es.js.map +1 -1
  32. package/dist/defaultoptions.es.js.map +1 -1
  33. package/dist/desktopdatepicker.es.js.map +1 -1
  34. package/dist/desktopdaterangepicker.es.js.map +1 -1
  35. package/dist/desktoptimepicker.es.js.map +1 -1
  36. package/dist/dialog.es.js.map +1 -1
  37. package/dist/differenceincalendardays.es.js.map +1 -1
  38. package/dist/drawer.es.js.map +1 -1
  39. package/dist/en-us.es.js.map +1 -1
  40. package/dist/form.es.js.map +1 -1
  41. package/dist/format.es.js.map +1 -1
  42. package/dist/formatdistance.es.js.map +1 -1
  43. package/dist/formatters.es.js +68 -2
  44. package/dist/formatters.es.js.map +1 -1
  45. package/dist/formcheckbox.es.js.map +1 -1
  46. package/dist/formcombobox.es.js.map +1 -1
  47. package/dist/formdatepicker.es.js.map +1 -1
  48. package/dist/formdaterangepicker.es.js.map +1 -1
  49. package/dist/forminput.es.js.map +1 -1
  50. package/dist/formmultiselect.es.js.map +1 -1
  51. package/dist/formrating.es.js.map +1 -1
  52. package/dist/formselect.es.js.map +1 -1
  53. package/dist/formswitch.es.js.map +1 -1
  54. package/dist/formtextarea.es.js.map +1 -1
  55. package/dist/formtimepicker.es.js.map +1 -1
  56. package/dist/getisoweekyear.es.js.map +1 -1
  57. package/dist/gettimezoneoffsetinmilliseconds.es.js.map +1 -1
  58. package/dist/getweekyear.es.js.map +1 -1
  59. package/dist/iconbutton.es.js +3 -3
  60. package/dist/iconbutton.es.js.map +1 -1
  61. package/dist/infocircleicon.es.js.map +1 -1
  62. package/dist/label.es.js.map +1 -1
  63. package/dist/lightformatters.es.js.map +1 -1
  64. package/dist/localize.es.js.map +1 -1
  65. package/dist/longformatters.es.js.map +1 -1
  66. package/dist/match.es.js.map +1 -1
  67. package/dist/mobiledatepicker.es.js.map +1 -1
  68. package/dist/mobiledaterangepicker.es.js.map +1 -1
  69. package/dist/mobiletimepicker.es.js.map +1 -1
  70. package/dist/modal.es.js.map +1 -1
  71. package/dist/multiselect.es.js +3 -3
  72. package/dist/multiselect.es.js.map +1 -1
  73. package/dist/normalizedates.es.js.map +1 -1
  74. package/dist/popover.es.js.map +1 -1
  75. package/dist/printhtml.es.js.map +1 -1
  76. package/dist/progress.es.js.map +1 -1
  77. package/dist/protectedtokens.es.js.map +1 -1
  78. package/dist/radiogroup.es.js.map +1 -1
  79. package/dist/rating.es.js.map +1 -1
  80. package/dist/select.es.js +3 -3
  81. package/dist/select.es.js.map +1 -1
  82. package/dist/sheet.es.js.map +1 -1
  83. package/dist/sidebar.es.js +6 -6
  84. package/dist/sidebar.es.js.map +1 -1
  85. package/dist/skeleton.es.js.map +1 -1
  86. package/dist/startofweek.es.js.map +1 -1
  87. package/dist/startofweekyear.es.js.map +1 -1
  88. package/dist/styles.css +1 -0
  89. package/dist/successcircleicon.es.js.map +1 -1
  90. package/dist/swipabledrawer.es.js.map +1 -1
  91. package/dist/switch.es.js.map +1 -1
  92. package/dist/tabs.es.js.map +1 -1
  93. package/dist/textarea.es.js.map +1 -1
  94. package/dist/textfield.es.js.map +1 -1
  95. package/dist/timepicker.es.js.map +1 -1
  96. package/dist/timepickercontent.es.js.map +1 -1
  97. package/dist/toast-components.es.js.map +1 -1
  98. package/dist/toast.es.js.map +1 -1
  99. package/dist/tooltip.es.js +2 -2
  100. package/dist/tooltip.es.js.map +1 -1
  101. package/dist/use-mobile.es.js.map +1 -1
  102. package/dist/use-toast.es.js.map +1 -1
  103. package/dist/utils.es.js.map +1 -1
  104. package/dist/warningcircleicon.es.js.map +1 -1
  105. package/package.json +9 -9
  106. package/dist/style.css +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"successcircleicon.es.js","sources":["../src/components/Icons/SuccessCircleIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function SuccessCircleIcon(props: SVGProps<SVGSVGElement>) {\r\n return (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\r\n <circle cx=\"12\" cy=\"12\" fill=\"#106d2b\" r=\"12\" />\r\n <path\r\n d=\"m17.8 8.897-7.037 7.037a.485.485 0 0 1-.417.204.616.616 0 0 1-.439-.182l-3.725-3.725a.62.62 0 1 1 .878-.878l3.286 3.287 6.597-6.596a.62.62 0 0 1 .878 0 .575.575 0 0 1-.022.853z\"\r\n fill=\"#fff\"\r\n />\r\n </svg>\r\n );\r\n}\r\n"],"names":["SuccessCircleIcon","props","jsxs","jsx"],"mappings":";AAEO,SAASA,EAAkBC,GAAgC;AAE9D,SAAA,gBAAAC,EAAC,OAAI,EAAA,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAGD,GACrF,UAAA;AAAA,IAAC,gBAAAE,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,MAAK,WAAU,GAAE,KAAK,CAAA;AAAA,IAC9C,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}
1
+ {"version":3,"file":"successcircleicon.es.js","sources":["../src/components/Icons/SuccessCircleIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function SuccessCircleIcon(props: SVGProps<SVGSVGElement>) {\r\n return (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\r\n <circle cx=\"12\" cy=\"12\" fill=\"#106d2b\" r=\"12\" />\r\n <path\r\n d=\"m17.8 8.897-7.037 7.037a.485.485 0 0 1-.417.204.616.616 0 0 1-.439-.182l-3.725-3.725a.62.62 0 1 1 .878-.878l3.286 3.287 6.597-6.596a.62.62 0 0 1 .878 0 .575.575 0 0 1-.022.853z\"\r\n fill=\"#fff\"\r\n />\r\n </svg>\r\n );\r\n}\r\n"],"names":["SuccessCircleIcon","props","jsxs","jsx"],"mappings":";AAEO,SAASA,EAAkBC,GAAgC;AAChE,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAGD,GACrF,UAAA;AAAA,IAAA,gBAAAE,EAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,MAAK,WAAU,GAAE,KAAA,CAAK;AAAA,IAC9C,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"swipabledrawer.es.js","sources":["../src/components/drawer/SwipableDrawer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Drawer as DrawerPrimitive } from \"vaul\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst SwipableDrawer = ({ shouldScaleBackground = true, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\r\n <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\r\n);\r\nSwipableDrawer.displayName = \"SwipableDrawer\";\r\ntype SwipableDrawerProps = React.ComponentProps<typeof SwipableDrawer>;\r\n\r\nconst SwipableDrawerTrigger = DrawerPrimitive.Trigger;\r\nSwipableDrawerTrigger.displayName = \"SwipableDrawerTrigger\";\r\ntype SwipableDrawerTriggerProps = React.ComponentProps<typeof SwipableDrawerTrigger>;\r\n\r\nconst SwipableDrawerPortal = DrawerPrimitive.Portal;\r\n\r\nconst SwipableDrawerClose = DrawerPrimitive.Close;\r\nSwipableDrawerClose.displayName = \"SwipableDrawerClose\";\r\ntype SwipableDrawerCloseProps = React.ComponentProps<typeof SwipableDrawerClose>;\r\n\r\nconst SwipableDrawerOverlay = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Overlay>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => <DrawerPrimitive.Overlay ref={ref} className={cn(\"fixed inset-0 z-50 bg-black/80\", className)} {...props} />);\r\nSwipableDrawerOverlay.displayName = \"SwipableDrawerOverlay\";\r\n\r\nconst SwipableDrawerContent = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n <SwipableDrawerPortal>\r\n <SwipableDrawerOverlay />\r\n <DrawerPrimitive.Content\r\n ref={ref}\r\n className={cn(\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\", className)}\r\n {...props}\r\n >\r\n <div className=\"mx-auto my-2 h-1.5 w-[100px] rounded-full bg-muted\" />\r\n {children}\r\n </DrawerPrimitive.Content>\r\n </SwipableDrawerPortal>\r\n));\r\nSwipableDrawerContent.displayName = \"SwipableDrawerContent\";\r\ntype SwipableDrawerContentProps = React.ComponentProps<typeof SwipableDrawerContent>;\r\n\r\nconst SwipableDrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)} {...props} />\r\n);\r\nSwipableDrawerHeader.displayName = \"SwipableDrawerHeader\";\r\ntype SwipableDrawerHeaderProps = React.ComponentProps<typeof SwipableDrawerHeader>;\r\n\r\nconst SwipableDrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)} {...props} />\r\n);\r\nSwipableDrawerFooter.displayName = \"SwipableDrawerFooter\";\r\ntype SwipableDrawerFooterProps = React.ComponentProps<typeof SwipableDrawerFooter>;\r\n\r\nconst SwipableDrawerTitle = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Title>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n <DrawerPrimitive.Title ref={ref} className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)} {...props} />\r\n));\r\nSwipableDrawerTitle.displayName = \"SwipableDrawerTitle\";\r\ntype SwipableDrawerTitleProps = React.ComponentProps<typeof SwipableDrawerTitle>;\r\n\r\nconst SwipableDrawerDescription = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Description>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\r\n>(({ className, ...props }, ref) => <DrawerPrimitive.Description ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />);\r\nSwipableDrawerDescription.displayName = \"SwipableDrawerDescription\";\r\ntype SwipableDrawerDescriptionProps = React.ComponentProps<typeof SwipableDrawerDescription>;\r\n\r\nexport {\r\n SwipableDrawer,\r\n SwipableDrawerTrigger,\r\n SwipableDrawerClose,\r\n SwipableDrawerContent,\r\n SwipableDrawerHeader,\r\n SwipableDrawerFooter,\r\n SwipableDrawerTitle,\r\n SwipableDrawerDescription,\r\n type SwipableDrawerProps,\r\n type SwipableDrawerTriggerProps,\r\n type SwipableDrawerCloseProps,\r\n type SwipableDrawerContentProps,\r\n type SwipableDrawerHeaderProps,\r\n type SwipableDrawerFooterProps,\r\n type SwipableDrawerTitleProps,\r\n type SwipableDrawerDescriptionProps,\r\n};\r\n"],"names":["SwipableDrawer","shouldScaleBackground","props","jsx","DrawerPrimitive","SwipableDrawerTrigger","SwipableDrawerPortal","SwipableDrawerClose","SwipableDrawerOverlay","React","className","ref","cn","SwipableDrawerContent","children","jsxs","SwipableDrawerHeader","SwipableDrawerFooter","SwipableDrawerTitle","SwipableDrawerDescription"],"mappings":";;;;AAOA,MAAMA,IAAiB,CAAC,EAAE,uBAAAC,IAAwB,IAAM,GAAGC,EAAA,MACzD,gBAAAC,EAACC,EAAgB,MAAhB,EAAqB,uBAAAH,GAA+C,GAAGC,EAAO,CAAA;AAEjFF,EAAe,cAAc;AAG7B,MAAMK,IAAwBD,EAAgB;AAC9CC,EAAsB,cAAc;AAGpC,MAAMC,IAAuBF,EAAgB,QAEvCG,IAAsBH,EAAgB;AAC5CG,EAAoB,cAAc;AAGlC,MAAMC,IAAwBC,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAAQ,gBAAAR,EAACC,EAAgB,SAAhB,EAAwB,KAAAO,GAAU,WAAWC,EAAG,kCAAkCF,CAAS,GAAI,GAAGR,EAAA,CAAO,CAAE;AAChJM,EAAsB,cAAc;AAEpC,MAAMK,IAAwBJ,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAI,GAAU,GAAGZ,EAAM,GAAGS,MACpC,gBAAAI,EAACT,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAsB,EAAA;AAAA,EACvB,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWC,EAAG,kGAAkGF,CAAS;AAAA,MACxH,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,qDAAqD,CAAA;AAAA,QACnEW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAsB,cAAc;AAGpC,MAAMG,IAAuB,CAAC,EAAE,WAAAN,GAAW,GAAGR,EAAM,MACjD,gBAAAC,EAAA,OAAA,EAAI,WAAWS,EAAG,6CAA6CF,CAAS,GAAI,GAAGR,EAAO,CAAA;AAEzFc,EAAqB,cAAc;AAGnC,MAAMC,IAAuB,CAAC,EAAE,WAAAP,GAAW,GAAGR,EAAM,MACjD,gBAAAC,EAAA,OAAA,EAAI,WAAWS,EAAG,mCAAmCF,CAAS,GAAI,GAAGR,EAAO,CAAA;AAE/Ee,EAAqB,cAAc;AAG7B,MAAAC,IAAsBT,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAC1B,gBAAAR,EAACC,EAAgB,OAAhB,EAAsB,KAAAO,GAAU,WAAWC,EAAG,qDAAqDF,CAAS,GAAI,GAAGR,GAAO,CAC5H;AACDgB,EAAoB,cAAc;AAG5B,MAAAC,IAA4BV,EAAM,WAGtC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAM,GAAGS,MAAQ,gBAAAR,EAACC,EAAgB,aAAhB,EAA4B,KAAAO,GAAU,WAAWC,EAAG,iCAAiCF,CAAS,GAAI,GAAGR,GAAO,CAAE;AACnJiB,EAA0B,cAAc;"}
1
+ {"version":3,"file":"swipabledrawer.es.js","sources":["../src/components/drawer/SwipableDrawer.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Drawer as DrawerPrimitive } from \"vaul\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst SwipableDrawer = ({ shouldScaleBackground = true, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\r\n <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\r\n);\r\nSwipableDrawer.displayName = \"SwipableDrawer\";\r\ntype SwipableDrawerProps = React.ComponentProps<typeof SwipableDrawer>;\r\n\r\nconst SwipableDrawerTrigger = DrawerPrimitive.Trigger;\r\nSwipableDrawerTrigger.displayName = \"SwipableDrawerTrigger\";\r\ntype SwipableDrawerTriggerProps = React.ComponentProps<typeof SwipableDrawerTrigger>;\r\n\r\nconst SwipableDrawerPortal = DrawerPrimitive.Portal;\r\n\r\nconst SwipableDrawerClose = DrawerPrimitive.Close;\r\nSwipableDrawerClose.displayName = \"SwipableDrawerClose\";\r\ntype SwipableDrawerCloseProps = React.ComponentProps<typeof SwipableDrawerClose>;\r\n\r\nconst SwipableDrawerOverlay = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Overlay>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => <DrawerPrimitive.Overlay ref={ref} className={cn(\"fixed inset-0 z-50 bg-black/80\", className)} {...props} />);\r\nSwipableDrawerOverlay.displayName = \"SwipableDrawerOverlay\";\r\n\r\nconst SwipableDrawerContent = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n <SwipableDrawerPortal>\r\n <SwipableDrawerOverlay />\r\n <DrawerPrimitive.Content\r\n ref={ref}\r\n className={cn(\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\", className)}\r\n {...props}\r\n >\r\n <div className=\"mx-auto my-2 h-1.5 w-[100px] rounded-full bg-muted\" />\r\n {children}\r\n </DrawerPrimitive.Content>\r\n </SwipableDrawerPortal>\r\n));\r\nSwipableDrawerContent.displayName = \"SwipableDrawerContent\";\r\ntype SwipableDrawerContentProps = React.ComponentProps<typeof SwipableDrawerContent>;\r\n\r\nconst SwipableDrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)} {...props} />\r\n);\r\nSwipableDrawerHeader.displayName = \"SwipableDrawerHeader\";\r\ntype SwipableDrawerHeaderProps = React.ComponentProps<typeof SwipableDrawerHeader>;\r\n\r\nconst SwipableDrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)} {...props} />\r\n);\r\nSwipableDrawerFooter.displayName = \"SwipableDrawerFooter\";\r\ntype SwipableDrawerFooterProps = React.ComponentProps<typeof SwipableDrawerFooter>;\r\n\r\nconst SwipableDrawerTitle = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Title>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n <DrawerPrimitive.Title ref={ref} className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)} {...props} />\r\n));\r\nSwipableDrawerTitle.displayName = \"SwipableDrawerTitle\";\r\ntype SwipableDrawerTitleProps = React.ComponentProps<typeof SwipableDrawerTitle>;\r\n\r\nconst SwipableDrawerDescription = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Description>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\r\n>(({ className, ...props }, ref) => <DrawerPrimitive.Description ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />);\r\nSwipableDrawerDescription.displayName = \"SwipableDrawerDescription\";\r\ntype SwipableDrawerDescriptionProps = React.ComponentProps<typeof SwipableDrawerDescription>;\r\n\r\nexport {\r\n SwipableDrawer,\r\n SwipableDrawerTrigger,\r\n SwipableDrawerClose,\r\n SwipableDrawerContent,\r\n SwipableDrawerHeader,\r\n SwipableDrawerFooter,\r\n SwipableDrawerTitle,\r\n SwipableDrawerDescription,\r\n type SwipableDrawerProps,\r\n type SwipableDrawerTriggerProps,\r\n type SwipableDrawerCloseProps,\r\n type SwipableDrawerContentProps,\r\n type SwipableDrawerHeaderProps,\r\n type SwipableDrawerFooterProps,\r\n type SwipableDrawerTitleProps,\r\n type SwipableDrawerDescriptionProps,\r\n};\r\n"],"names":["SwipableDrawer","shouldScaleBackground","props","jsx","DrawerPrimitive","SwipableDrawerTrigger","SwipableDrawerPortal","SwipableDrawerClose","SwipableDrawerOverlay","React","className","ref","cn","SwipableDrawerContent","children","jsxs","SwipableDrawerHeader","SwipableDrawerFooter","SwipableDrawerTitle","SwipableDrawerDescription"],"mappings":";;;;AAOA,MAAMA,IAAiB,CAAC,EAAE,uBAAAC,IAAwB,IAAM,GAAGC,EAAA,MACzD,gBAAAC,EAACC,EAAgB,MAAhB,EAAqB,uBAAAH,GAA+C,GAAGC,EAAA,CAAO;AAEjFF,EAAe,cAAc;AAG7B,MAAMK,IAAwBD,EAAgB;AAC9CC,EAAsB,cAAc;AAGpC,MAAMC,IAAuBF,EAAgB,QAEvCG,IAAsBH,EAAgB;AAC5CG,EAAoB,cAAc;AAGlC,MAAMC,IAAwBC,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAAQ,gBAAAR,EAACC,EAAgB,SAAhB,EAAwB,KAAAO,GAAU,WAAWC,EAAG,kCAAkCF,CAAS,GAAI,GAAGR,EAAA,CAAO,CAAE;AAChJM,EAAsB,cAAc;AAEpC,MAAMK,IAAwBJ,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAI,GAAU,GAAGZ,EAAA,GAASS,MACpC,gBAAAI,EAACT,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAA,EAAsB;AAAA,EACvB,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWC,EAAG,kGAAkGF,CAAS;AAAA,MACxH,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qDAAA,CAAqD;AAAA,QACnEW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAsB,cAAc;AAGpC,MAAMG,IAAuB,CAAC,EAAE,WAAAN,GAAW,GAAGR,EAAA,MAC5C,gBAAAC,EAAC,OAAA,EAAI,WAAWS,EAAG,6CAA6CF,CAAS,GAAI,GAAGR,EAAA,CAAO;AAEzFc,EAAqB,cAAc;AAGnC,MAAMC,IAAuB,CAAC,EAAE,WAAAP,GAAW,GAAGR,EAAA,MAC5C,gBAAAC,EAAC,OAAA,EAAI,WAAWS,EAAG,mCAAmCF,CAAS,GAAI,GAAGR,EAAA,CAAO;AAE/Ee,EAAqB,cAAc;AAGnC,MAAMC,IAAsBT,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR,EAACC,EAAgB,OAAhB,EAAsB,KAAAO,GAAU,WAAWC,EAAG,qDAAqDF,CAAS,GAAI,GAAGR,GAAO,CAC5H;AACDgB,EAAoB,cAAc;AAGlC,MAAMC,IAA4BV,EAAM,WAGtC,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAAQ,gBAAAR,EAACC,EAAgB,aAAhB,EAA4B,KAAAO,GAAU,WAAWC,EAAG,iCAAiCF,CAAS,GAAI,GAAGR,GAAO,CAAE;AACnJiB,EAA0B,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"switch.es.js","sources":["../src/components/switch/Switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst switchVariants = tv({\r\n base: \"peer inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\r\n variants: {\r\n size: {\r\n sm: \"h-4 w-7 [&>span]:h-3 [&>span]:w-3 [&>span]:data-[state=checked]:translate-x-3\",\r\n md: \"h-5 w-9 [&>span]:h-4 [&>span]:w-4 [&>span]:data-[state=checked]:translate-x-4\",\r\n lg: \"h-6 w-11 [&>span]:h-5 [&>span]:w-5 [&>span]:data-[state=checked]:translate-x-5\",\r\n },\r\n },\r\n defaultVariants: {\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface SwitchProps extends SwitchPrimitives.SwitchProps, VariantProps<typeof switchVariants> {}\r\n\r\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(({ className, size, ...props }, ref) => (\r\n <SwitchPrimitives.Root className={cn(switchVariants({ size, className }))} {...props} ref={ref}>\r\n <SwitchPrimitives.Thumb\r\n className={cn(\r\n \"pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0\",\r\n )}\r\n />\r\n </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport { Switch, type SwitchProps };\r\n"],"names":["switchVariants","tv","Switch","React","className","size","props","ref","jsx","SwitchPrimitives","cn"],"mappings":";;;;;AAQA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAIKC,IAASC,EAAM,WAAwE,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAS,GAAAC,MAC1H,gBAAAC,EAAAC,EAAiB,MAAjB,EAAsB,WAAWC,EAAGV,EAAe,EAAE,MAAAK,GAAM,WAAAD,GAAW,CAAC,GAAI,GAAGE,GAAO,KAAAC,GACpF,UAAA,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AACF,GACF,CACD;AACDR,EAAO,cAAcO,EAAiB,KAAK;"}
1
+ {"version":3,"file":"switch.es.js","sources":["../src/components/switch/Switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst switchVariants = tv({\r\n base: \"peer inline-flex h-4 w-7 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\r\n variants: {\r\n size: {\r\n sm: \"h-4 w-7 [&>span]:h-3 [&>span]:w-3 [&>span]:data-[state=checked]:translate-x-3\",\r\n md: \"h-5 w-9 [&>span]:h-4 [&>span]:w-4 [&>span]:data-[state=checked]:translate-x-4\",\r\n lg: \"h-6 w-11 [&>span]:h-5 [&>span]:w-5 [&>span]:data-[state=checked]:translate-x-5\",\r\n },\r\n },\r\n defaultVariants: {\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface SwitchProps extends SwitchPrimitives.SwitchProps, VariantProps<typeof switchVariants> {}\r\n\r\nconst Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, SwitchProps>(({ className, size, ...props }, ref) => (\r\n <SwitchPrimitives.Root className={cn(switchVariants({ size, className }))} {...props} ref={ref}>\r\n <SwitchPrimitives.Thumb\r\n className={cn(\r\n \"pointer-events-none block rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0\",\r\n )}\r\n />\r\n </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport { Switch, type SwitchProps };\r\n"],"names":["switchVariants","tv","Switch","React","className","size","props","ref","jsx","SwitchPrimitives","cn"],"mappings":";;;;;AAQA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAIKC,IAASC,EAAM,WAAwE,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAC3H,gBAAAC,EAACC,EAAiB,MAAjB,EAAsB,WAAWC,EAAGV,EAAe,EAAE,MAAAK,GAAM,WAAAD,GAAW,CAAC,GAAI,GAAGE,GAAO,KAAAC,GACpF,UAAA,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AACF,GACF,CACD;AACDR,EAAO,cAAcO,EAAiB,KAAK;"}
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.es.js","sources":["../src/components/tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Content, List, Root, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, Trigger } from \"@radix-ui/react-tabs\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Tabs = Root;\r\n\r\nconst TabsList = React.forwardRef<React.ElementRef<typeof List>, React.ComponentPropsWithoutRef<typeof List>>(({ className, ...props }, ref) => (\r\n <List\r\n ref={ref}\r\n className={cn(\r\n \"inline-flex h-12 w-full overflow-auto thin-scrollbar items-center justify-start bg-background p-0 text-muted-foreground md:[box-shadow:inset_0_-1px_0_hsl(var(--gray-300))]\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nTabsList.displayName = List.displayName;\r\n\r\nconst TabsTrigger = React.forwardRef<React.ElementRef<typeof Trigger>, React.ComponentPropsWithoutRef<typeof Trigger>>(\r\n ({ className, ...props }, ref) => (\r\n <Trigger\r\n ref={ref}\r\n className={cn(\r\n \"inline-flex items-center justify-center whitespace-nowrap h-full px-3 py-1 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground data-[state=active]:font-bold data-[state=active]:border-b-2 data-[state=active]:border-primary\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n ),\r\n);\r\nTabsTrigger.displayName = Trigger.displayName;\r\n\r\nconst TabsContent = React.forwardRef<React.ElementRef<typeof Content>, React.ComponentPropsWithoutRef<typeof Content>>(\r\n ({ className, ...props }, ref) => <Content ref={ref} className={cn(\"mt-2\", className)} {...props} />,\r\n);\r\nTabsContent.displayName = Content.displayName;\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent, type TabsProps, type TabsListProps, type TabsTriggerProps, type TabsContentProps };\r\n"],"names":["Tabs","Root","TabsList","React","className","props","ref","jsx","List","cn","TabsTrigger","Trigger","TabsContent","Content"],"mappings":";;;;AAMA,MAAMA,IAAOC,GAEPC,IAAWC,EAAM,WAAuF,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MACtI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcM,EAAK;AAE5B,MAAME,IAAcP,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxB,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAY,cAAcC,EAAQ;AAElC,MAAMC,IAAcT,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ,gBAAAC,EAACM,GAAQ,EAAA,KAAAP,GAAU,WAAWG,EAAG,QAAQL,CAAS,GAAI,GAAGC,EAAO,CAAA;AACpG;AACAO,EAAY,cAAcC,EAAQ;"}
1
+ {"version":3,"file":"tabs.es.js","sources":["../src/components/tabs/Tabs.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Content, List, Root, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, Trigger } from \"@radix-ui/react-tabs\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Tabs = Root;\r\n\r\nconst TabsList = React.forwardRef<React.ElementRef<typeof List>, React.ComponentPropsWithoutRef<typeof List>>(({ className, ...props }, ref) => (\r\n <List\r\n ref={ref}\r\n className={cn(\r\n \"inline-flex h-12 w-full overflow-auto thin-scrollbar items-center justify-start bg-background p-0 text-muted-foreground md:[box-shadow:inset_0_-1px_0_hsl(var(--gray-300))]\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n));\r\nTabsList.displayName = List.displayName;\r\n\r\nconst TabsTrigger = React.forwardRef<React.ElementRef<typeof Trigger>, React.ComponentPropsWithoutRef<typeof Trigger>>(\r\n ({ className, ...props }, ref) => (\r\n <Trigger\r\n ref={ref}\r\n className={cn(\r\n \"inline-flex items-center justify-center whitespace-nowrap h-full px-3 py-1 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground data-[state=active]:font-bold data-[state=active]:border-b-2 data-[state=active]:border-primary\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n ),\r\n);\r\nTabsTrigger.displayName = Trigger.displayName;\r\n\r\nconst TabsContent = React.forwardRef<React.ElementRef<typeof Content>, React.ComponentPropsWithoutRef<typeof Content>>(\r\n ({ className, ...props }, ref) => <Content ref={ref} className={cn(\"mt-2\", className)} {...props} />,\r\n);\r\nTabsContent.displayName = Content.displayName;\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent, type TabsProps, type TabsListProps, type TabsTriggerProps, type TabsContentProps };\r\n"],"names":["Tabs","Root","TabsList","React","className","props","ref","jsx","List","cn","TabsTrigger","Trigger","TabsContent","Content"],"mappings":";;;;AAMA,MAAMA,IAAOC,GAEPC,IAAWC,EAAM,WAAuF,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACtI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcM,EAAK;AAE5B,MAAME,IAAcP,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAY,cAAcC,EAAQ;AAElC,MAAMC,IAAcT,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACM,GAAA,EAAQ,KAAAP,GAAU,WAAWG,EAAG,QAAQL,CAAS,GAAI,GAAGC,EAAA,CAAO;AACpG;AACAO,EAAY,cAAcC,EAAQ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.es.js","sources":["../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"flex min-h-[60px] w-full rounded-sm border border-input bg-transparent px-3 py-2 text-xs font-medium shadow-sm text-text\",\n \"placeholder:text-text-300 focus-visible:outline-none focus-visible:border-primary disabled:opacity-50 disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n});\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMM,MAAAA,IAAWC,EAAM,WAA+C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAE5F,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACA,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AACN,CAEH;AACDH,EAAS,cAAc;"}
1
+ {"version":3,"file":"textarea.es.js","sources":["../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {\n return (\n <textarea\n className={cn(\n \"flex min-h-[60px] w-full rounded-sm border border-input bg-transparent px-3 py-2 text-xs font-medium shadow-sm text-text\",\n \"placeholder:text-text-300 focus-visible:outline-none focus-visible:border-primary disabled:opacity-50 disabled:text-text-300 disabled:bg-gray-100 disabled:border-gray-100\",\n className,\n )}\n ref={ref}\n {...props}\n />\n );\n});\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAWC,EAAM,WAA+C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAE5F,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAEF,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AAAA,CAGT;AACDH,EAAS,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst textFieldVariants = tv({\r\n base: [\r\n \"flex items-center w-full rounded-sm border border-input text-text bg-transparent p-0 text-xs font-medium shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\r\n \"placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100\",\r\n \"aria-disabled:text-text-300 aria-disabled:bg-gray-100 aria-disabled:border-gray-100\",\r\n ],\r\n variants: {\r\n size: {\r\n sm: \"h-7\",\r\n md: \"h-8\",\r\n lg: \"h-11\",\r\n },\r\n },\r\n defaultVariants: {\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof textFieldVariants> {\r\n type?: React.HTMLInputTypeAttribute;\r\n disabled?: boolean;\r\n suffix?: React.ReactNode;\r\n endAdornment?: React.ReactNode;\r\n startAdornment?: React.ReactNode;\r\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n value?: string | number;\r\n defaultValue?: string | number;\r\n slotProps?: {\r\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\r\n };\r\n}\r\n\r\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\r\n ({ className, slotProps, suffix, endAdornment, startAdornment, size, value, onChange, defaultValue, type, disabled, ...props }, ref) => {\r\n return (\r\n <div {...props} className={cn(textFieldVariants({ size, className }))} aria-disabled={disabled}>\r\n {startAdornment}\r\n <input\r\n type={type}\r\n ref={ref}\r\n onChange={onChange}\r\n value={value}\r\n defaultValue={defaultValue}\r\n disabled={disabled}\r\n {...(slotProps?.inputProps ?? {})}\r\n className={cn(\r\n \"focus:outline-none w-full h-full py-1 rounded-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300\",\r\n !startAdornment ? \"px-3\" : \"ps-1 pe-3\",\r\n slotProps?.inputProps?.className,\r\n )}\r\n />\r\n {typeof suffix === \"string\" || typeof suffix === \"number\" ? (\r\n <span className=\"inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm\">{suffix}</span>\r\n ) : (\r\n suffix\r\n )}\r\n {endAdornment}\r\n </div>\r\n );\r\n },\r\n);\r\nTextField.displayName = \"TextField\";\r\n\r\nexport { TextField, type TextFieldProps };\r\n"],"names":["textFieldVariants","tv","TextField","React","className","slotProps","suffix","endAdornment","startAdornment","size","value","onChange","defaultValue","type","disabled","props","ref","jsxs","cn","jsx"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAG;AAAA,EAC3B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAgBKC,IAAYC,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,QAAAC,GAAQ,cAAAC,GAAc,gBAAAC,GAAgB,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,cAAAC,GAAc,MAAAC,GAAM,UAAAC,GAAU,GAAGC,KAASC,MAE3H,gBAAAC,EAAA,OAAA,EAAK,GAAGF,GAAO,WAAWG,EAAGlB,EAAkB,EAAE,MAAAS,GAAM,WAAAL,EAAU,CAAC,CAAC,GAAG,iBAAeU,GACnF,UAAA;AAAA,IAAAN;AAAA,IACD,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAN;AAAA,QACA,KAAAG;AAAA,QACA,UAAAL;AAAA,QACA,OAAAD;AAAA,QACA,cAAAE;AAAA,QACA,UAAAE;AAAA,QACC,GAAIT,GAAW,cAAc,CAAC;AAAA,QAC/B,WAAWa;AAAA,UACT;AAAA,UACCV,IAA0B,cAAT;AAAA,UAClBH,GAAW,YAAY;AAAA,QAAA;AAAA,MACzB;AAAA,IACF;AAAA,IACC,OAAOC,KAAW,YAAY,OAAOA,KAAW,WAC/C,gBAAAa,EAAC,QAAK,EAAA,WAAU,iGAAiG,UAAAb,EAAA,CAAO,IAExHA;AAAA,IAEDC;AAAA,EAAA,GACH;AAGN;AACAL,EAAU,cAAc;"}
1
+ {"version":3,"file":"textfield.es.js","sources":["../src/components/text-field/TextField.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst textFieldVariants = tv({\r\n base: [\r\n \"flex items-center w-full rounded-sm border border-input text-text bg-transparent p-0 text-xs font-medium shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\r\n \"placeholder:text-text-300 hover:border-primary-400 focus-within:border-primary-400 focus-within:outline-none focus-within:ring focus-within:ring-primary-100\",\r\n \"aria-disabled:text-text-300 aria-disabled:bg-gray-100 aria-disabled:border-gray-100\",\r\n ],\r\n variants: {\r\n size: {\r\n sm: \"h-7\",\r\n md: \"h-8\",\r\n lg: \"h-11\",\r\n },\r\n },\r\n defaultVariants: {\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface TextFieldProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof textFieldVariants> {\r\n type?: React.HTMLInputTypeAttribute;\r\n disabled?: boolean;\r\n suffix?: React.ReactNode;\r\n endAdornment?: React.ReactNode;\r\n startAdornment?: React.ReactNode;\r\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n value?: string | number;\r\n defaultValue?: string | number;\r\n slotProps?: {\r\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\r\n };\r\n}\r\n\r\nconst TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\r\n ({ className, slotProps, suffix, endAdornment, startAdornment, size, value, onChange, defaultValue, type, disabled, ...props }, ref) => {\r\n return (\r\n <div {...props} className={cn(textFieldVariants({ size, className }))} aria-disabled={disabled}>\r\n {startAdornment}\r\n <input\r\n type={type}\r\n ref={ref}\r\n onChange={onChange}\r\n value={value}\r\n defaultValue={defaultValue}\r\n disabled={disabled}\r\n {...(slotProps?.inputProps ?? {})}\r\n className={cn(\r\n \"focus:outline-none w-full h-full py-1 rounded-sm file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-text-300\",\r\n !startAdornment ? \"px-3\" : \"ps-1 pe-3\",\r\n slotProps?.inputProps?.className,\r\n )}\r\n />\r\n {typeof suffix === \"string\" || typeof suffix === \"number\" ? (\r\n <span className=\"inline-flex items-center px-2 text-xs font-medium text-primary bg-primary-50 m-0.5 rounded-sm\">{suffix}</span>\r\n ) : (\r\n suffix\r\n )}\r\n {endAdornment}\r\n </div>\r\n );\r\n },\r\n);\r\nTextField.displayName = \"TextField\";\r\n\r\nexport { TextField, type TextFieldProps };\r\n"],"names":["textFieldVariants","tv","TextField","React","className","slotProps","suffix","endAdornment","startAdornment","size","value","onChange","defaultValue","type","disabled","props","ref","jsxs","cn","jsx"],"mappings":";;;;AAOA,MAAMA,IAAoBC,EAAG;AAAA,EAC3B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAgBKC,IAAYC,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,QAAAC,GAAQ,cAAAC,GAAc,gBAAAC,GAAgB,MAAAC,GAAM,OAAAC,GAAO,UAAAC,GAAU,cAAAC,GAAc,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAE5H,gBAAAC,EAAC,OAAA,EAAK,GAAGF,GAAO,WAAWG,EAAGlB,EAAkB,EAAE,MAAAS,GAAM,WAAAL,EAAA,CAAW,CAAC,GAAG,iBAAeU,GACnF,UAAA;AAAA,IAAAN;AAAA,IACD,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAN;AAAA,QACA,KAAAG;AAAA,QACA,UAAAL;AAAA,QACA,OAAAD;AAAA,QACA,cAAAE;AAAA,QACA,UAAAE;AAAA,QACC,GAAIT,GAAW,cAAc,CAAA;AAAA,QAC9B,WAAWa;AAAA,UACT;AAAA,UACCV,IAA0B,cAAT;AAAA,UAClBH,GAAW,YAAY;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA;AAAA,IAED,OAAOC,KAAW,YAAY,OAAOA,KAAW,WAC/C,gBAAAa,EAAC,QAAA,EAAK,WAAU,iGAAiG,UAAAb,EAAA,CAAO,IAExHA;AAAA,IAEDC;AAAA,EAAA,GACH;AAGN;AACAL,EAAU,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"timepicker.es.js","sources":["../src/components/date-picker/TimePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport { Time } from \"./TimePickerContent\";\r\nimport { useIsMobile } from \"../../lib/hooks/use-mobile\";\r\nimport { MobileTimePicker, MobileTimePickerProps } from \"./MobileTimePicker\";\r\nimport { DesktopTimePicker, DesktopTimePickerProps } from \"./DesktopTimePicker\";\r\n\r\ntype TimePickerProps = DesktopTimePickerProps & {};\r\n\r\nconst TimePicker: React.FC<TimePickerProps> = props => {\r\n const isMobile = useIsMobile();\r\n\r\n return isMobile ? <MobileTimePicker {...props} /> : <DesktopTimePicker {...props} />;\r\n};\r\n\r\nexport { TimePicker, DesktopTimePicker, type DesktopTimePickerProps, MobileTimePicker, type MobileTimePickerProps, type TimePickerProps, type Time };\r\n"],"names":["TimePicker","props","useIsMobile","MobileTimePicker","jsx","DesktopTimePicker"],"mappings":";;;;AAWA,MAAMA,IAAwC,CAASC,MACpCC,EAAY,sBAEVC,GAAkB,EAAA,GAAGF,GAAO,IAAK,gBAAAG,EAACC,GAAmB,EAAA,GAAGJ,EAAO,CAAA;"}
1
+ {"version":3,"file":"timepicker.es.js","sources":["../src/components/date-picker/TimePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport { Time } from \"./TimePickerContent\";\r\nimport { useIsMobile } from \"../../lib/hooks/use-mobile\";\r\nimport { MobileTimePicker, MobileTimePickerProps } from \"./MobileTimePicker\";\r\nimport { DesktopTimePicker, DesktopTimePickerProps } from \"./DesktopTimePicker\";\r\n\r\ntype TimePickerProps = DesktopTimePickerProps & {};\r\n\r\nconst TimePicker: React.FC<TimePickerProps> = props => {\r\n const isMobile = useIsMobile();\r\n\r\n return isMobile ? <MobileTimePicker {...props} /> : <DesktopTimePicker {...props} />;\r\n};\r\n\r\nexport { TimePicker, DesktopTimePicker, type DesktopTimePickerProps, MobileTimePicker, type MobileTimePickerProps, type TimePickerProps, type Time };\r\n"],"names":["TimePicker","props","useIsMobile","MobileTimePicker","jsx","DesktopTimePicker"],"mappings":";;;;AAWA,MAAMA,IAAwC,CAAAC,MAC3BC,EAAA,sBAEEC,GAAA,EAAkB,GAAGF,GAAO,IAAK,gBAAAG,EAACC,GAAA,EAAmB,GAAGJ,EAAA,CAAO;"}
@@ -1 +1 @@
1
- {"version":3,"file":"timepickercontent.es.js","sources":["../src/components/date-picker/TimePickerContent.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useRef, useState } from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\ntype Time = { hour: number; minute: number; ampm: \"AM\" | \"PM\" };\r\n\r\ntype TimePickerContentProps = {\r\n time: Time | undefined;\r\n isOpen: boolean;\r\n onTimeChange: (time: Time | undefined) => void;\r\n slotsProps?: {\r\n content?: HTMLAttributes<HTMLDivElement>;\r\n };\r\n};\r\n\r\nconst getNow = (): Time => {\r\n return { hour: new Date().getHours() % 12, minute: new Date().getMinutes(), ampm: new Date().getHours() < 12 ? \"AM\" : \"PM\" };\r\n};\r\n\r\nconst TimePickerContent: React.FC<TimePickerContentProps> = ({ isOpen, time, onTimeChange, slotsProps }) => {\r\n const [selectedtime, setSelectedTime] = useState<Time>(time ?? getNow());\r\n const selectedTimeRef = useRef<Time>(selectedtime);\r\n\r\n const hourRef = useRef<HTMLDivElement>(null);\r\n const minuteRef = useRef<HTMLDivElement>(null);\r\n\r\n const itemHeight = 32; // Assuming each item height is 40px\r\n const marginBetweenItems = 8; // Assuming margin between each item is 8px\r\n\r\n // Function to scroll to a specific hour\r\n const scrollToHour = (index: number) => {\r\n hourRef?.current?.scrollTo({\r\n top: index * (itemHeight + marginBetweenItems),\r\n behavior: \"smooth\",\r\n });\r\n };\r\n\r\n // Function to scroll to a specific minute\r\n const scrollToMinute = (index: number) => {\r\n minuteRef?.current?.scrollTo({\r\n top: index * (itemHeight + marginBetweenItems),\r\n behavior: \"smooth\",\r\n });\r\n };\r\n\r\n const handleSethour = (hour: number) => {\r\n selectedTimeRef.current = { ...selectedtime, hour };\r\n setSelectedTime(selectedTimeRef.current);\r\n onTimeChange(selectedTimeRef.current);\r\n };\r\n\r\n const handleSetMinute = (minute: number) => {\r\n selectedTimeRef.current = { ...selectedtime, minute };\r\n setSelectedTime(selectedTimeRef.current);\r\n onTimeChange(selectedTimeRef.current);\r\n };\r\n\r\n const handleSetAMPM = (ampm: \"AM\" | \"PM\") => {\r\n selectedTimeRef.current = { ...selectedtime, ampm };\r\n setSelectedTime(selectedTimeRef.current);\r\n onTimeChange(selectedTimeRef.current);\r\n };\r\n\r\n useEffect(() => {\r\n if (isOpen) {\r\n setSelectedTime(time ?? getNow());\r\n }\r\n }, [isOpen, time]);\r\n\r\n useEffect(() => {\r\n // Center the selected hour/minute on mount\r\n if (isOpen) {\r\n setTimeout(() => {\r\n scrollToHour(selectedTimeRef.current.hour - 1);\r\n scrollToMinute(selectedTimeRef.current.minute);\r\n });\r\n }\r\n }, [isOpen]);\r\n\r\n return (\r\n <div {...(slotsProps?.content ?? {})} className={cn(\"py-2 px-0 h-52 w-full flex justify-center gap-1\", slotsProps?.content?.className)}>\r\n {/* Hour Selector */}\r\n <div className=\"w-24 px-2 h-full relative overflow-auto thin-scrollbar\" ref={hourRef}>\r\n {Array.from({ length: 12 }, (_, i) => i).map(hour => (\r\n <button\r\n style={{ height: itemHeight, marginBottom: marginBetweenItems }}\r\n className={cn(\r\n \"w-full flex justify-center items-center rounded-full text-sm font-bold text-text-400\",\r\n hour + 1 === selectedtime.hour && \"bg-secondary\",\r\n )}\r\n key={hour + 1}\r\n onClick={() => handleSethour(hour + 1)}\r\n >\r\n {(hour + 1).toString().padStart(2, \"0\")}\r\n </button>\r\n ))}\r\n </div>\r\n\r\n {/* Minute Selector */}\r\n <div className=\"h-full w-24 px-2 relative overflow-auto thin-scrollbar\" ref={minuteRef}>\r\n {Array.from({ length: 60 }, (_, i) => i).map(minute => (\r\n <button\r\n style={{ height: itemHeight, marginBottom: marginBetweenItems }}\r\n className={cn(\r\n \"w-full flex justify-center items-center rounded-full text-sm font-bold text-text-400\",\r\n minute === selectedtime.minute && \"bg-secondary\",\r\n )}\r\n key={minute}\r\n onClick={() => handleSetMinute(minute)}\r\n >\r\n {minute.toString().padStart(2, \"0\")}\r\n </button>\r\n ))}\r\n </div>\r\n\r\n {/* AM/PM Selector */}\r\n <div className=\"h-full w-24 px-2 relative overflow-auto thin-scrollbar\">\r\n {[\"AM\", \"PM\"].map(ampm => (\r\n <button\r\n style={{ height: itemHeight, marginBottom: marginBetweenItems }}\r\n className={cn(\r\n \"w-full flex justify-center items-center rounded-full text-sm font-bold text-text-400\",\r\n ampm === selectedtime.ampm && \"bg-secondary\",\r\n )}\r\n key={ampm}\r\n onClick={() => handleSetAMPM(ampm as \"AM\" | \"PM\")}\r\n >\r\n {ampm}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};\r\nexport { TimePickerContent, type TimePickerContentProps, type Time };\r\n"],"names":["getNow","TimePickerContent","isOpen","time","onTimeChange","slotsProps","selectedtime","setSelectedTime","useState","selectedTimeRef","useRef","hourRef","minuteRef","itemHeight","marginBetweenItems","scrollToHour","index","scrollToMinute","handleSethour","hour","handleSetMinute","minute","handleSetAMPM","ampm","useEffect","jsxs","cn","jsx","_","i"],"mappings":"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"}
1
+ {"version":3,"file":"timepickercontent.es.js","sources":["../src/components/date-picker/TimePickerContent.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useRef, useState } from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\ntype Time = { hour: number; minute: number; ampm: \"AM\" | \"PM\" };\r\n\r\ntype TimePickerContentProps = {\r\n time: Time | undefined;\r\n isOpen: boolean;\r\n onTimeChange: (time: Time | undefined) => void;\r\n slotsProps?: {\r\n content?: HTMLAttributes<HTMLDivElement>;\r\n };\r\n};\r\n\r\nconst getNow = (): Time => {\r\n return { hour: new Date().getHours() % 12, minute: new Date().getMinutes(), ampm: new Date().getHours() < 12 ? \"AM\" : \"PM\" };\r\n};\r\n\r\nconst TimePickerContent: React.FC<TimePickerContentProps> = ({ isOpen, time, onTimeChange, slotsProps }) => {\r\n const [selectedtime, setSelectedTime] = useState<Time>(time ?? getNow());\r\n const selectedTimeRef = useRef<Time>(selectedtime);\r\n\r\n const hourRef = useRef<HTMLDivElement>(null);\r\n const minuteRef = useRef<HTMLDivElement>(null);\r\n\r\n const itemHeight = 32; // Assuming each item height is 40px\r\n const marginBetweenItems = 8; // Assuming margin between each item is 8px\r\n\r\n // Function to scroll to a specific hour\r\n const scrollToHour = (index: number) => {\r\n hourRef?.current?.scrollTo({\r\n top: index * (itemHeight + marginBetweenItems),\r\n behavior: \"smooth\",\r\n });\r\n };\r\n\r\n // Function to scroll to a specific minute\r\n const scrollToMinute = (index: number) => {\r\n minuteRef?.current?.scrollTo({\r\n top: index * (itemHeight + marginBetweenItems),\r\n behavior: \"smooth\",\r\n });\r\n };\r\n\r\n const handleSethour = (hour: number) => {\r\n selectedTimeRef.current = { ...selectedtime, hour };\r\n setSelectedTime(selectedTimeRef.current);\r\n onTimeChange(selectedTimeRef.current);\r\n };\r\n\r\n const handleSetMinute = (minute: number) => {\r\n selectedTimeRef.current = { ...selectedtime, minute };\r\n setSelectedTime(selectedTimeRef.current);\r\n onTimeChange(selectedTimeRef.current);\r\n };\r\n\r\n const handleSetAMPM = (ampm: \"AM\" | \"PM\") => {\r\n selectedTimeRef.current = { ...selectedtime, ampm };\r\n setSelectedTime(selectedTimeRef.current);\r\n onTimeChange(selectedTimeRef.current);\r\n };\r\n\r\n useEffect(() => {\r\n if (isOpen) {\r\n setSelectedTime(time ?? getNow());\r\n }\r\n }, [isOpen, time]);\r\n\r\n useEffect(() => {\r\n // Center the selected hour/minute on mount\r\n if (isOpen) {\r\n setTimeout(() => {\r\n scrollToHour(selectedTimeRef.current.hour - 1);\r\n scrollToMinute(selectedTimeRef.current.minute);\r\n });\r\n }\r\n }, [isOpen]);\r\n\r\n return (\r\n <div {...(slotsProps?.content ?? {})} className={cn(\"py-2 px-0 h-52 w-full flex justify-center gap-1\", slotsProps?.content?.className)}>\r\n {/* Hour Selector */}\r\n <div className=\"w-24 px-2 h-full relative overflow-auto thin-scrollbar\" ref={hourRef}>\r\n {Array.from({ length: 12 }, (_, i) => i).map(hour => (\r\n <button\r\n style={{ height: itemHeight, marginBottom: marginBetweenItems }}\r\n className={cn(\r\n \"w-full flex justify-center items-center rounded-full text-sm font-bold text-text-400\",\r\n hour + 1 === selectedtime.hour && \"bg-secondary\",\r\n )}\r\n key={hour + 1}\r\n onClick={() => handleSethour(hour + 1)}\r\n >\r\n {(hour + 1).toString().padStart(2, \"0\")}\r\n </button>\r\n ))}\r\n </div>\r\n\r\n {/* Minute Selector */}\r\n <div className=\"h-full w-24 px-2 relative overflow-auto thin-scrollbar\" ref={minuteRef}>\r\n {Array.from({ length: 60 }, (_, i) => i).map(minute => (\r\n <button\r\n style={{ height: itemHeight, marginBottom: marginBetweenItems }}\r\n className={cn(\r\n \"w-full flex justify-center items-center rounded-full text-sm font-bold text-text-400\",\r\n minute === selectedtime.minute && \"bg-secondary\",\r\n )}\r\n key={minute}\r\n onClick={() => handleSetMinute(minute)}\r\n >\r\n {minute.toString().padStart(2, \"0\")}\r\n </button>\r\n ))}\r\n </div>\r\n\r\n {/* AM/PM Selector */}\r\n <div className=\"h-full w-24 px-2 relative overflow-auto thin-scrollbar\">\r\n {[\"AM\", \"PM\"].map(ampm => (\r\n <button\r\n style={{ height: itemHeight, marginBottom: marginBetweenItems }}\r\n className={cn(\r\n \"w-full flex justify-center items-center rounded-full text-sm font-bold text-text-400\",\r\n ampm === selectedtime.ampm && \"bg-secondary\",\r\n )}\r\n key={ampm}\r\n onClick={() => handleSetAMPM(ampm as \"AM\" | \"PM\")}\r\n >\r\n {ampm}\r\n </button>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n};\r\nexport { TimePickerContent, type TimePickerContentProps, type Time };\r\n"],"names":["getNow","TimePickerContent","isOpen","time","onTimeChange","slotsProps","selectedtime","setSelectedTime","useState","selectedTimeRef","useRef","hourRef","minuteRef","itemHeight","marginBetweenItems","scrollToHour","index","scrollToMinute","handleSethour","hour","handleSetMinute","minute","handleSetAMPM","ampm","useEffect","jsxs","cn","jsx","_","i"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"toast-components.es.js","sources":["../src/components/toast/toast-components.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { cn } from \"../../lib/utils\";\nimport { XMark } from \"@trsys-tech/matrix-icons\";\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Viewport>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Viewport\n ref={ref}\n className={cn(\"fixed z-[100] flex flex-col-reverse gap-3 max-h-dscreen w-full p-4 top-0 right-0 md:max-w-[420px] \", className)}\n {...props}\n />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\nconst toastVariants = tv({\n base: \"group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-lg border p-4 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full\", // data-[state=open]:sm:slide-in-from-bottom-full\n variants: {\n variant: {\n default: \"border bg-background text-foreground\",\n danger: \"danger group border-danger bg-danger-400 text-danger-800\",\n success: \"success group border-success bg-success-400 text-success-800\",\n warning: \"warning group border-warning bg-warning-400 text-warning-800\",\n info: \"info group border-info bg-info-400 text-info-700\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n});\n\ntype ToastVariant = VariantProps<typeof toastVariants>[\"variant\"];\n\nconst Toast = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Root>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n return <ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props} />;\n});\nToast.displayName = ToastPrimitives.Root.displayName;\n\nconst ToastAction = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Action>, React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>>(\n ({ className, ...props }, ref) => (\n <ToastPrimitives.Action\n ref={ref}\n className={cn(\n \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.danger]:border-muted/40 group-[.danger]:hover:border-danger/30 group-[.danger]:hover:bg-danger group-[.danger]:hover:text-danger-foreground group-[.danger]:focus:ring-danger\",\n className,\n )}\n {...props}\n />\n ),\n);\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\nconst ToastClose = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Close>, React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>>(\n ({ className, ...props }, ref) => (\n <ToastPrimitives.Close ref={ref} className={cn(\"focus:outline-none focus:ring-none\", className)} toast-close=\"\" {...props}>\n <XMark className=\"h-5 w-5\" />\n </ToastPrimitives.Close>\n ),\n);\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\nconst ToastTitle = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Title>, React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>>(\n ({ className, ...props }, ref) => (\n <ToastPrimitives.Title ref={ref} className={cn(\"text-xs font-semibold leading-5 [&+div]:text-xs\", className)} {...props} />\n ),\n);\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\nconst ToastDescription = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Description>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => <ToastPrimitives.Description ref={ref} className={cn(\"text-sm opacity-90\", className)} {...props} />);\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n type ToastProps,\n type ToastActionElement,\n type ToastVariant,\n ToastProvider,\n ToastViewport,\n Toast,\n ToastTitle,\n ToastDescription,\n ToastClose,\n ToastAction,\n};\n"],"names":["ToastProvider","ToastPrimitives","ToastViewport","React","className","props","ref","jsx","cn","toastVariants","tv","Toast","variant","ToastAction","ToastClose","XMark","ToastTitle","ToastDescription"],"mappings":";;;;;;AASA,MAAMA,IAAgBC,EAAgB,UAEhCC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,sGAAsGJ,CAAS;AAAA,IAC5H,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcD,EAAgB,SAAS;AAErD,MAAMQ,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EAEV;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAIKC,IAAQR,EAAM,WAGlB,CAAC,EAAE,WAAAC,GAAW,SAAAQ,GAAS,GAAGP,EAAM,GAAGC,MAC3B,gBAAAC,EAAAN,EAAgB,MAAhB,EAAqB,KAAAK,GAAU,WAAWE,EAAGC,EAAc,EAAE,SAAAG,GAAS,GAAGR,CAAS,GAAI,GAAGC,EAAO,CAAA,CACzG;AACDM,EAAM,cAAcV,EAAgB,KAAK;AAEzC,MAAMY,IAAcV,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxB,gBAAAC;AAAA,IAACN,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAK;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAQ,EAAY,cAAcZ,EAAgB,OAAO;AAEjD,MAAMa,IAAaX,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAACN,EAAgB,OAAhB,EAAsB,KAAAK,GAAU,WAAWE,EAAG,sCAAsCJ,CAAS,GAAG,eAAY,IAAI,GAAGC,GAClH,UAAC,gBAAAE,EAAAQ,GAAA,EAAM,WAAU,UAAU,CAAA,EAC7B,CAAA;AAEJ;AACAD,EAAW,cAAcb,EAAgB,MAAM;AAE/C,MAAMe,IAAab,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MACvB,gBAAAC,EAAAN,EAAgB,OAAhB,EAAsB,KAAAK,GAAU,WAAWE,EAAG,mDAAmDJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAE7H;AACAW,EAAW,cAAcf,EAAgB,MAAM;AAEzC,MAAAgB,IAAmBd,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAACN,EAAgB,aAAhB,EAA4B,KAAAK,GAAU,WAAWE,EAAG,sBAAsBJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AACxIY,EAAiB,cAAchB,EAAgB,YAAY;"}
1
+ {"version":3,"file":"toast-components.es.js","sources":["../src/components/toast/toast-components.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { cn } from \"../../lib/utils\";\nimport { XMark } from \"@trsys-tech/matrix-icons\";\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Viewport>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n <ToastPrimitives.Viewport\n ref={ref}\n className={cn(\"fixed z-[100] flex flex-col-reverse gap-3 max-h-dscreen w-full p-4 top-0 right-0 md:max-w-[420px] \", className)}\n {...props}\n />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\nconst toastVariants = tv({\n base: \"group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-lg border p-4 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full\", // data-[state=open]:sm:slide-in-from-bottom-full\n variants: {\n variant: {\n default: \"border bg-background text-foreground\",\n danger: \"danger group border-danger bg-danger-400 text-danger-800\",\n success: \"success group border-success bg-success-400 text-success-800\",\n warning: \"warning group border-warning bg-warning-400 text-warning-800\",\n info: \"info group border-info bg-info-400 text-info-700\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n});\n\ntype ToastVariant = VariantProps<typeof toastVariants>[\"variant\"];\n\nconst Toast = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Root>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n return <ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props} />;\n});\nToast.displayName = ToastPrimitives.Root.displayName;\n\nconst ToastAction = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Action>, React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>>(\n ({ className, ...props }, ref) => (\n <ToastPrimitives.Action\n ref={ref}\n className={cn(\n \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.danger]:border-muted/40 group-[.danger]:hover:border-danger/30 group-[.danger]:hover:bg-danger group-[.danger]:hover:text-danger-foreground group-[.danger]:focus:ring-danger\",\n className,\n )}\n {...props}\n />\n ),\n);\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\nconst ToastClose = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Close>, React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>>(\n ({ className, ...props }, ref) => (\n <ToastPrimitives.Close ref={ref} className={cn(\"focus:outline-none focus:ring-none\", className)} toast-close=\"\" {...props}>\n <XMark className=\"h-5 w-5\" />\n </ToastPrimitives.Close>\n ),\n);\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\nconst ToastTitle = React.forwardRef<React.ElementRef<typeof ToastPrimitives.Title>, React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>>(\n ({ className, ...props }, ref) => (\n <ToastPrimitives.Title ref={ref} className={cn(\"text-xs font-semibold leading-5 [&+div]:text-xs\", className)} {...props} />\n ),\n);\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\nconst ToastDescription = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Description>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => <ToastPrimitives.Description ref={ref} className={cn(\"text-sm opacity-90\", className)} {...props} />);\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n type ToastProps,\n type ToastActionElement,\n type ToastVariant,\n ToastProvider,\n ToastViewport,\n Toast,\n ToastTitle,\n ToastDescription,\n ToastClose,\n ToastAction,\n};\n"],"names":["ToastProvider","ToastPrimitives","ToastViewport","React","className","props","ref","jsx","cn","toastVariants","tv","Toast","variant","ToastAction","ToastClose","XMark","ToastTitle","ToastDescription"],"mappings":";;;;;;AASA,MAAMA,IAAgBC,EAAgB,UAEhCC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACN,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,sGAAsGJ,CAAS;AAAA,IAC5H,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcD,EAAgB,SAAS;AAErD,MAAMQ,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAIKC,IAAQR,EAAM,WAGlB,CAAC,EAAE,WAAAC,GAAW,SAAAQ,GAAS,GAAGP,EAAA,GAASC,MAC5B,gBAAAC,EAACN,EAAgB,MAAhB,EAAqB,KAAAK,GAAU,WAAWE,EAAGC,EAAc,EAAE,SAAAG,GAAS,GAAGR,CAAS,GAAI,GAAGC,EAAA,CAAO,CACzG;AACDM,EAAM,cAAcV,EAAgB,KAAK;AAEzC,MAAMY,IAAcV,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAACN,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAK;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAQ,EAAY,cAAcZ,EAAgB,OAAO;AAEjD,MAAMa,IAAaX,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAACN,EAAgB,OAAhB,EAAsB,KAAAK,GAAU,WAAWE,EAAG,sCAAsCJ,CAAS,GAAG,eAAY,IAAI,GAAGC,GAClH,UAAA,gBAAAE,EAACQ,GAAA,EAAM,WAAU,UAAA,CAAU,EAAA,CAC7B;AAEJ;AACAD,EAAW,cAAcb,EAAgB,MAAM;AAE/C,MAAMe,IAAab,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAACN,EAAgB,OAAhB,EAAsB,KAAAK,GAAU,WAAWE,EAAG,mDAAmDJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAE7H;AACAW,EAAW,cAAcf,EAAgB,MAAM;AAE/C,MAAMgB,IAAmBd,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACN,EAAgB,aAAhB,EAA4B,KAAAK,GAAU,WAAWE,EAAG,sBAAsBJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AACxIY,EAAiB,cAAchB,EAAgB,YAAY;"}
@@ -1 +1 @@
1
- {"version":3,"file":"toast.es.js","sources":["../src/components/toast/Toast.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useEffect } from \"react\";\r\nimport { Toast as Root, ToastClose, ToastProvider, ToastTitle, ToastViewport } from \"./toast-components\";\r\n\r\nimport { useToasts, toastParams } from \"./use-toast\";\r\nimport { InfoCircleIcon } from \"../Icons/InfoCircleIcon\";\r\nimport { SuccessCircleIcon } from \"../Icons/SuccessCircleIcon\";\r\nimport { WarningCircleIcon } from \"../Icons/WarningCircleIcon\";\r\nimport { DangerCircleIcon } from \"../Icons/DangerCircleIcon\";\r\nimport { ToastProviderProps, ToastViewportProps } from \"@radix-ui/react-toast\";\r\n\r\ntype ToastProps = {\r\n limit?: number;\r\n duration?: number;\r\n slotProps?: {\r\n providerProps?: ToastProviderProps;\r\n viewportProps?: ToastViewportProps;\r\n itemProps?: React.ComponentProps<typeof Root>;\r\n closeProps?: React.ComponentProps<typeof ToastClose>;\r\n titleProps?: React.ComponentProps<typeof ToastTitle>;\r\n };\r\n};\r\n\r\nfunction Toast({ limit = 3, duration = 5000, slotProps }: ToastProps) {\r\n const { toasts, removeToast } = useToasts();\r\n\r\n useEffect(() => {\r\n if (limit !== undefined) {\r\n toastParams.limit = limit;\r\n }\r\n }, [limit]);\r\n\r\n return (\r\n <ToastProvider duration={duration} {...(slotProps?.providerProps ?? {})}>\r\n {Array.from(toasts).map(([key, { message, variant }]) => {\r\n return (\r\n <Root\r\n key={key}\r\n variant={variant}\r\n onOpenChange={open => {\r\n if (!open) {\r\n setTimeout(() => removeToast(key), 100); // let the animation finish then remove the toast\r\n }\r\n }}\r\n {...(slotProps?.itemProps ?? {})}\r\n >\r\n <div className=\"flex gap-2 items-center\">\r\n <div>\r\n {variant === \"danger\" && <DangerCircleIcon className=\"w-5 h-5\" />}\r\n {variant === \"success\" && <SuccessCircleIcon className=\"w-5 h-5\" />}\r\n {variant === \"info\" && <InfoCircleIcon className=\"w-5 h-5\" />}\r\n {variant === \"warning\" && <WarningCircleIcon className=\"w-5 h-5\" />}\r\n </div>\r\n {message && <ToastTitle {...(slotProps?.titleProps ?? {})}>{message}</ToastTitle>}\r\n </div>\r\n <ToastClose {...(slotProps?.closeProps ?? {})} />\r\n {/* {action} */}\r\n </Root>\r\n );\r\n })}\r\n <ToastViewport />\r\n </ToastProvider>\r\n );\r\n}\r\nToast.displayName = \"Toast\";\r\n\r\nexport { Toast, type ToastProps };\r\n"],"names":["Toast","limit","duration","slotProps","toasts","removeToast","useToasts","useEffect","toastParams","ToastProvider","key","message","variant","jsxs","Root","open","jsx","DangerCircleIcon","SuccessCircleIcon","InfoCircleIcon","WarningCircleIcon","ToastTitle","ToastClose","ToastViewport"],"mappings":";;;;;;;;AAwBA,SAASA,EAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,IAAW,KAAM,WAAAC,KAAyB;AACpE,QAAM,EAAE,QAAAC,GAAQ,aAAAC,EAAY,IAAIC,EAAU;AAE1C,SAAAC,EAAU,MAAM;AACd,IAAIN,MAAU,WACZO,EAAY,QAAQP;AAAA,EACtB,GACC,CAACA,CAAK,CAAC,qBAGPQ,GAAc,EAAA,UAAAP,GAAqB,GAAIC,GAAW,iBAAiB,CACjE,GAAA,UAAA;AAAA,IAAM,MAAA,KAAKC,CAAM,EAAE,IAAI,CAAC,CAACM,GAAK,EAAE,SAAAC,GAAS,SAAAC,EAAQ,CAAC,MAE/C,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,SAAAF;AAAA,QACA,cAAc,CAAQG,MAAA;AACpB,UAAKA,KACH,WAAW,MAAMV,EAAYK,CAAG,GAAG,GAAG;AAAA,QAE1C;AAAA,QACC,GAAIP,GAAW,aAAa,CAAC;AAAA,QAE9B,UAAA;AAAA,UAAC,gBAAAU,EAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OACE,EAAA,UAAA;AAAA,cAAAD,MAAY,YAAY,gBAAAI,EAACC,GAAiB,EAAA,WAAU,WAAU;AAAA,cAC9DL,MAAY,aAAc,gBAAAI,EAAAE,GAAA,EAAkB,WAAU,WAAU;AAAA,cAChEN,MAAY,UAAW,gBAAAI,EAAAG,GAAA,EAAe,WAAU,WAAU;AAAA,cAC1DP,MAAY,aAAc,gBAAAI,EAAAI,GAAA,EAAkB,WAAU,UAAU,CAAA;AAAA,YAAA,GACnE;AAAA,YACCT,uBAAYU,GAAY,EAAA,GAAIlB,GAAW,cAAc,CAAA,GAAM,UAAQQ,EAAA,CAAA;AAAA,UAAA,GACtE;AAAA,4BACCW,GAAY,EAAA,GAAInB,GAAW,cAAc,CAAA,EAAK,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAlB1CO;AAAA,IAoBP,CAEH;AAAA,sBACAa,GAAc,CAAA,CAAA;AAAA,EAAA,GACjB;AAEJ;AACAvB,EAAM,cAAc;"}
1
+ {"version":3,"file":"toast.es.js","sources":["../src/components/toast/Toast.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useEffect } from \"react\";\r\nimport { Toast as Root, ToastClose, ToastProvider, ToastTitle, ToastViewport } from \"./toast-components\";\r\n\r\nimport { useToasts, toastParams } from \"./use-toast\";\r\nimport { InfoCircleIcon } from \"../Icons/InfoCircleIcon\";\r\nimport { SuccessCircleIcon } from \"../Icons/SuccessCircleIcon\";\r\nimport { WarningCircleIcon } from \"../Icons/WarningCircleIcon\";\r\nimport { DangerCircleIcon } from \"../Icons/DangerCircleIcon\";\r\nimport { ToastProviderProps, ToastViewportProps } from \"@radix-ui/react-toast\";\r\n\r\ntype ToastProps = {\r\n limit?: number;\r\n duration?: number;\r\n slotProps?: {\r\n providerProps?: ToastProviderProps;\r\n viewportProps?: ToastViewportProps;\r\n itemProps?: React.ComponentProps<typeof Root>;\r\n closeProps?: React.ComponentProps<typeof ToastClose>;\r\n titleProps?: React.ComponentProps<typeof ToastTitle>;\r\n };\r\n};\r\n\r\nfunction Toast({ limit = 3, duration = 5000, slotProps }: ToastProps) {\r\n const { toasts, removeToast } = useToasts();\r\n\r\n useEffect(() => {\r\n if (limit !== undefined) {\r\n toastParams.limit = limit;\r\n }\r\n }, [limit]);\r\n\r\n return (\r\n <ToastProvider duration={duration} {...(slotProps?.providerProps ?? {})}>\r\n {Array.from(toasts).map(([key, { message, variant }]) => {\r\n return (\r\n <Root\r\n key={key}\r\n variant={variant}\r\n onOpenChange={open => {\r\n if (!open) {\r\n setTimeout(() => removeToast(key), 100); // let the animation finish then remove the toast\r\n }\r\n }}\r\n {...(slotProps?.itemProps ?? {})}\r\n >\r\n <div className=\"flex gap-2 items-center\">\r\n <div>\r\n {variant === \"danger\" && <DangerCircleIcon className=\"w-5 h-5\" />}\r\n {variant === \"success\" && <SuccessCircleIcon className=\"w-5 h-5\" />}\r\n {variant === \"info\" && <InfoCircleIcon className=\"w-5 h-5\" />}\r\n {variant === \"warning\" && <WarningCircleIcon className=\"w-5 h-5\" />}\r\n </div>\r\n {message && <ToastTitle {...(slotProps?.titleProps ?? {})}>{message}</ToastTitle>}\r\n </div>\r\n <ToastClose {...(slotProps?.closeProps ?? {})} />\r\n {/* {action} */}\r\n </Root>\r\n );\r\n })}\r\n <ToastViewport />\r\n </ToastProvider>\r\n );\r\n}\r\nToast.displayName = \"Toast\";\r\n\r\nexport { Toast, type ToastProps };\r\n"],"names":["Toast","limit","duration","slotProps","toasts","removeToast","useToasts","useEffect","toastParams","ToastProvider","key","message","variant","jsxs","Root","open","jsx","DangerCircleIcon","SuccessCircleIcon","InfoCircleIcon","WarningCircleIcon","ToastTitle","ToastClose","ToastViewport"],"mappings":";;;;;;;;AAwBA,SAASA,EAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,IAAW,KAAM,WAAAC,KAAyB;AACpE,QAAM,EAAE,QAAAC,GAAQ,aAAAC,EAAA,IAAgBC,EAAA;AAEhC,SAAAC,EAAU,MAAM;AACd,IAAIN,MAAU,WACZO,EAAY,QAAQP;AAAA,EAExB,GAAG,CAACA,CAAK,CAAC,qBAGPQ,GAAA,EAAc,UAAAP,GAAqB,GAAIC,GAAW,iBAAiB,CAAA,GACjE,UAAA;AAAA,IAAA,MAAM,KAAKC,CAAM,EAAE,IAAI,CAAC,CAACM,GAAK,EAAE,SAAAC,GAAS,SAAAC,EAAA,CAAS,MAE/C,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,SAAAF;AAAA,QACA,cAAc,CAAAG,MAAQ;AACpB,UAAKA,KACH,WAAW,MAAMV,EAAYK,CAAG,GAAG,GAAG;AAAA,QAE1C;AAAA,QACC,GAAIP,GAAW,aAAa,CAAA;AAAA,QAE7B,UAAA;AAAA,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EACE,UAAA;AAAA,cAAAD,MAAY,YAAY,gBAAAI,EAACC,GAAA,EAAiB,WAAU,WAAU;AAAA,cAC9DL,MAAY,aAAa,gBAAAI,EAACE,GAAA,EAAkB,WAAU,WAAU;AAAA,cAChEN,MAAY,UAAU,gBAAAI,EAACG,GAAA,EAAe,WAAU,WAAU;AAAA,cAC1DP,MAAY,aAAa,gBAAAI,EAACI,GAAA,EAAkB,WAAU,UAAA,CAAU;AAAA,YAAA,GACnE;AAAA,YACCT,uBAAYU,GAAA,EAAY,GAAIlB,GAAW,cAAc,CAAA,GAAM,UAAAQ,EAAA,CAAQ;AAAA,UAAA,GACtE;AAAA,4BACCW,GAAA,EAAY,GAAInB,GAAW,cAAc,CAAA,EAAC,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAlB1CO;AAAA,IAAA,CAsBV;AAAA,sBACAa,GAAA,CAAA,CAAc;AAAA,EAAA,GACjB;AAEJ;AACAvB,EAAM,cAAc;"}
@@ -1,8 +1,8 @@
1
1
  import { jsx as o, jsxs as s } from "react/jsx-runtime";
2
2
  import * as m from "react";
3
- import { Provider as n, Root as l, Trigger as p, Portal as f, Content as t, Arrow as c } from "@radix-ui/react-tooltip";
3
+ import { Root as n, Trigger as l, Provider as p, Portal as f, Content as t, Arrow as c } from "@radix-ui/react-tooltip";
4
4
  import { cn as g } from "./utils.es.js";
5
- const y = n, N = l, b = p, x = m.forwardRef(
5
+ const y = p, N = n, b = l, x = m.forwardRef(
6
6
  ({ className: e, sideOffset: a = 4, children: i, ...r }, d) => /* @__PURE__ */ o(f, { children: /* @__PURE__ */ s(
7
7
  t,
8
8
  {
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.es.js","sources":["../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Root, Provider, Trigger, Portal, Content, Arrow, TooltipProps, TooltipProviderProps, TooltipTriggerProps } from \"@radix-ui/react-tooltip\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst TooltipProvider = Provider;\r\n\r\nconst Tooltip = Root;\r\n\r\nconst TooltipTrigger = Trigger;\r\n\r\nconst TooltipContent = React.forwardRef<React.ElementRef<typeof Content>, React.ComponentPropsWithoutRef<typeof Content>>(\r\n ({ className, sideOffset = 4, children, ...props }, ref) => (\r\n <Portal>\r\n <Content\r\n ref={ref}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n \"z-50 rounded-sm bg-primary-900 px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <Arrow className=\"w-2 h-1.5\" />\r\n </Content>\r\n </Portal>\r\n ),\r\n);\r\nTooltipContent.displayName = Content.displayName;\r\ntype TooltipContentProps = React.ComponentProps<typeof TooltipContent>;\r\n\r\nexport {\r\n Tooltip,\r\n TooltipTrigger,\r\n TooltipContent,\r\n TooltipProvider,\r\n type TooltipProps,\r\n type TooltipContentProps,\r\n type TooltipTriggerProps,\r\n type TooltipProviderProps,\r\n};\r\n"],"names":["TooltipProvider","Provider","Tooltip","Root","TooltipTrigger","Trigger","TooltipContent","React","className","sideOffset","children","props","ref","jsx","Portal","jsxs","Content","cn","Arrow"],"mappings":";;;;AAOA,MAAMA,IAAkBC,GAElBC,IAAUC,GAEVC,IAAiBC,GAEjBC,IAAiBC,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAClD,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,YAAAH;AAAA,MACA,WAAWQ;AAAA,QACT;AAAA,QACAT;AAAA,MACF;AAAA,MACC,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAG,EAACK,GAAM,EAAA,WAAU,YAAY,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEjC,CAAA;AAEJ;AACAZ,EAAe,cAAcU,EAAQ;"}
1
+ {"version":3,"file":"tooltip.es.js","sources":["../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Root, Provider, Trigger, Portal, Content, Arrow, TooltipProps, TooltipProviderProps, TooltipTriggerProps } from \"@radix-ui/react-tooltip\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst TooltipProvider = Provider;\r\n\r\nconst Tooltip = Root;\r\n\r\nconst TooltipTrigger = Trigger;\r\n\r\nconst TooltipContent = React.forwardRef<React.ElementRef<typeof Content>, React.ComponentPropsWithoutRef<typeof Content>>(\r\n ({ className, sideOffset = 4, children, ...props }, ref) => (\r\n <Portal>\r\n <Content\r\n ref={ref}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n \"z-50 rounded-sm bg-primary-900 px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <Arrow className=\"w-2 h-1.5\" />\r\n </Content>\r\n </Portal>\r\n ),\r\n);\r\nTooltipContent.displayName = Content.displayName;\r\ntype TooltipContentProps = React.ComponentProps<typeof TooltipContent>;\r\n\r\nexport {\r\n Tooltip,\r\n TooltipTrigger,\r\n TooltipContent,\r\n TooltipProvider,\r\n type TooltipProps,\r\n type TooltipContentProps,\r\n type TooltipTriggerProps,\r\n type TooltipProviderProps,\r\n};\r\n"],"names":["TooltipProvider","Provider","Tooltip","Root","TooltipTrigger","Trigger","TooltipContent","React","className","sideOffset","children","props","ref","jsx","Portal","jsxs","Content","cn","Arrow"],"mappings":";;;;AAOA,MAAMA,IAAkBC,GAElBC,IAAUC,GAEVC,IAAiBC,GAEjBC,IAAiBC,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAClD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,YAAAH;AAAA,MACA,WAAWQ;AAAA,QACT;AAAA,QACAT;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAG,EAACK,GAAA,EAAM,WAAU,YAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAC/B,CACF;AAEJ;AACAZ,EAAe,cAAcU,EAAQ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"use-mobile.es.js","sources":["../src/lib/hooks/use-mobile.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nexport function useIsMobile() {\r\n const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);\r\n const mobileBreakpoint = 640;\r\n\r\n React.useEffect(() => {\r\n const mql = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);\r\n const onChange = () => {\r\n setIsMobile(window.innerWidth < mobileBreakpoint);\r\n };\r\n mql.addEventListener(\"change\", onChange);\r\n setIsMobile(window.innerWidth < mobileBreakpoint);\r\n return () => mql.removeEventListener(\"change\", onChange);\r\n }, [mobileBreakpoint]);\r\n\r\n return !!isMobile;\r\n}\r\n"],"names":["useIsMobile","isMobile","setIsMobile","React","mobileBreakpoint","mql","onChange"],"mappings":";AAEO,SAASA,IAAc;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAA8B,MAAS,GACvEC,IAAmB;AAEzB,SAAAD,EAAM,UAAU,MAAM;AACpB,UAAME,IAAM,OAAO,WAAW,eAAeD,IAAmB,CAAC,KAAK,GAChEE,IAAW,MAAM;AACT,MAAAJ,EAAA,OAAO,aAAaE,CAAgB;AAAA,IAClD;AACI,WAAAC,EAAA,iBAAiB,UAAUC,CAAQ,GAC3BJ,EAAA,OAAO,aAAaE,CAAgB,GACzC,MAAMC,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EAAA,GACtD,CAACF,CAAgB,CAAC,GAEd,CAAC,CAACH;AACX;"}
1
+ {"version":3,"file":"use-mobile.es.js","sources":["../src/lib/hooks/use-mobile.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nexport function useIsMobile() {\r\n const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);\r\n const mobileBreakpoint = 640;\r\n\r\n React.useEffect(() => {\r\n const mql = window.matchMedia(`(max-width: ${mobileBreakpoint - 1}px)`);\r\n const onChange = () => {\r\n setIsMobile(window.innerWidth < mobileBreakpoint);\r\n };\r\n mql.addEventListener(\"change\", onChange);\r\n setIsMobile(window.innerWidth < mobileBreakpoint);\r\n return () => mql.removeEventListener(\"change\", onChange);\r\n }, [mobileBreakpoint]);\r\n\r\n return !!isMobile;\r\n}\r\n"],"names":["useIsMobile","isMobile","setIsMobile","React","mobileBreakpoint","mql","onChange"],"mappings":";AAEO,SAASA,IAAc;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAA8B,MAAS,GACvEC,IAAmB;AAEzB,SAAAD,EAAM,UAAU,MAAM;AACpB,UAAME,IAAM,OAAO,WAAW,eAAeD,IAAmB,CAAC,KAAK,GAChEE,IAAW,MAAM;AACrB,MAAAJ,EAAY,OAAO,aAAaE,CAAgB;AAAA,IAClD;AACA,WAAAC,EAAI,iBAAiB,UAAUC,CAAQ,GACvCJ,EAAY,OAAO,aAAaE,CAAgB,GACzC,MAAMC,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EACzD,GAAG,CAACF,CAAgB,CAAC,GAEd,CAAC,CAACH;AACX;"}
@@ -1 +1 @@
1
- {"version":3,"file":"use-toast.es.js","sources":["../src/components/toast/use-toast.ts"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { ToastVariant } from \"./toast-components\";\r\n\r\nconst toastParams = {\r\n limit: 3,\r\n};\r\n\r\ntype ToastInfo = {\r\n message: string;\r\n variant: ToastVariant;\r\n};\r\n\r\nconst toasts = new Map<string, ToastInfo>();\r\nconst listener: { setState: React.Dispatch<React.SetStateAction<Map<string, ToastInfo>>> } = { setState: () => {} };\r\n\r\nconst addToast = (toast: ToastInfo) => {\r\n if (toasts.size >= toastParams.limit) {\r\n toasts.delete(toasts.keys().next().value!);\r\n }\r\n\r\n toasts.set(uuidv4(), toast);\r\n\r\n listener.setState(new Map(toasts));\r\n\r\n return toasts;\r\n};\r\n\r\nconst removeToast = (id: string) => {\r\n toasts.delete(id);\r\n listener.setState(new Map(toasts));\r\n};\r\n\r\ntype ToastFunction = {\r\n (message: string): void;\r\n success: (message: string) => void;\r\n danger: (message: string) => void;\r\n warning: (message: string) => void;\r\n info: (message: string) => void;\r\n};\r\n\r\nconst toast: ToastFunction = (message: string) => addToast({ message, variant: \"default\" });\r\ntoast.success = (message: string) => addToast({ message, variant: \"success\" });\r\ntoast.danger = (message: string) => addToast({ message, variant: \"danger\" });\r\ntoast.warning = (message: string) => addToast({ message, variant: \"warning\" });\r\ntoast.info = (message: string) => addToast({ message, variant: \"info\" });\r\n\r\nconst useToasts = () => {\r\n const [state, setState] = React.useState(toasts);\r\n\r\n React.useEffect(() => {\r\n listener.setState = setState;\r\n return () => {\r\n listener.setState = () => {};\r\n };\r\n }, [state]);\r\n\r\n return { toast, toasts: state, addToast, removeToast };\r\n};\r\n\r\nexport { toast, useToasts, toastParams };\r\n"],"names":["toastParams","toasts","listener","addToast","toast","uuidv4","removeToast","id","message","useToasts","state","setState","React"],"mappings":";;AAOA,MAAMA,IAAc;AAAA,EAClB,OAAO;AACT,GAOMC,wBAAa,IAAuB,GACpCC,IAAuF,EAAE,UAAU,MAAM;AAAC,EAAE,GAE5GC,IAAW,CAACC,OACZH,EAAO,QAAQD,EAAY,SAC7BC,EAAO,OAAOA,EAAO,KAAA,EAAO,OAAO,KAAM,GAGpCA,EAAA,IAAII,EAAO,GAAGD,CAAK,GAE1BF,EAAS,SAAS,IAAI,IAAID,CAAM,CAAC,GAE1BA,IAGHK,IAAc,CAACC,MAAe;AAClC,EAAAN,EAAO,OAAOM,CAAE,GAChBL,EAAS,SAAS,IAAI,IAAID,CAAM,CAAC;AACnC,GAUMG,IAAuB,CAACI,MAAoBL,EAAS,EAAE,SAAAK,GAAS,SAAS,UAAW,CAAA;AAC1FJ,EAAM,UAAU,CAACI,MAAoBL,EAAS,EAAE,SAAAK,GAAS,SAAS,WAAW;AAC7EJ,EAAM,SAAS,CAACI,MAAoBL,EAAS,EAAE,SAAAK,GAAS,SAAS,UAAU;AAC3EJ,EAAM,UAAU,CAACI,MAAoBL,EAAS,EAAE,SAAAK,GAAS,SAAS,WAAW;AAC7EJ,EAAM,OAAO,CAACI,MAAoBL,EAAS,EAAE,SAAAK,GAAS,SAAS,QAAQ;AAEvE,MAAMC,IAAY,MAAM;AACtB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASX,CAAM;AAE/CW,SAAAA,EAAM,UAAU,OACdV,EAAS,WAAWS,GACb,MAAM;AACX,IAAAT,EAAS,WAAW,MAAM;AAAA,IAAC;AAAA,EAC7B,IACC,CAACQ,CAAK,CAAC,GAEH,EAAE,OAAAN,GAAO,QAAQM,GAAO,UAAAP,GAAU,aAAAG,EAAY;AACvD;"}
1
+ {"version":3,"file":"use-toast.es.js","sources":["../src/components/toast/use-toast.ts"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { ToastVariant } from \"./toast-components\";\r\n\r\nconst toastParams = {\r\n limit: 3,\r\n};\r\n\r\ntype ToastInfo = {\r\n message: string;\r\n variant: ToastVariant;\r\n};\r\n\r\nconst toasts = new Map<string, ToastInfo>();\r\nconst listener: { setState: React.Dispatch<React.SetStateAction<Map<string, ToastInfo>>> } = { setState: () => {} };\r\n\r\nconst addToast = (toast: ToastInfo) => {\r\n if (toasts.size >= toastParams.limit) {\r\n toasts.delete(toasts.keys().next().value!);\r\n }\r\n\r\n toasts.set(uuidv4(), toast);\r\n\r\n listener.setState(new Map(toasts));\r\n\r\n return toasts;\r\n};\r\n\r\nconst removeToast = (id: string) => {\r\n toasts.delete(id);\r\n listener.setState(new Map(toasts));\r\n};\r\n\r\ntype ToastFunction = {\r\n (message: string): void;\r\n success: (message: string) => void;\r\n danger: (message: string) => void;\r\n warning: (message: string) => void;\r\n info: (message: string) => void;\r\n};\r\n\r\nconst toast: ToastFunction = (message: string) => addToast({ message, variant: \"default\" });\r\ntoast.success = (message: string) => addToast({ message, variant: \"success\" });\r\ntoast.danger = (message: string) => addToast({ message, variant: \"danger\" });\r\ntoast.warning = (message: string) => addToast({ message, variant: \"warning\" });\r\ntoast.info = (message: string) => addToast({ message, variant: \"info\" });\r\n\r\nconst useToasts = () => {\r\n const [state, setState] = React.useState(toasts);\r\n\r\n React.useEffect(() => {\r\n listener.setState = setState;\r\n return () => {\r\n listener.setState = () => {};\r\n };\r\n }, [state]);\r\n\r\n return { toast, toasts: state, addToast, removeToast };\r\n};\r\n\r\nexport { toast, useToasts, toastParams };\r\n"],"names":["toastParams","toasts","listener","addToast","toast","uuidv4","removeToast","id","message","useToasts","state","setState","React"],"mappings":";;AAOA,MAAMA,IAAc;AAAA,EAClB,OAAO;AACT,GAOMC,wBAAa,IAAA,GACbC,IAAuF,EAAE,UAAU,MAAM;AAAC,EAAA,GAE1GC,IAAW,CAACC,OACZH,EAAO,QAAQD,EAAY,SAC7BC,EAAO,OAAOA,EAAO,KAAA,EAAO,KAAA,EAAO,KAAM,GAG3CA,EAAO,IAAII,EAAA,GAAUD,CAAK,GAE1BF,EAAS,SAAS,IAAI,IAAID,CAAM,CAAC,GAE1BA,IAGHK,IAAc,CAACC,MAAe;AAClC,EAAAN,EAAO,OAAOM,CAAE,GAChBL,EAAS,SAAS,IAAI,IAAID,CAAM,CAAC;AACnC,GAUMG,IAAuB,CAACI,MAAoBL,EAAS,EAAE,SAAAK,GAAS,SAAS,WAAW;AAC1FJ,EAAM,UAAU,CAACI,MAAoBL,EAAS,EAAE,SAAAK,GAAS,SAAS,WAAW;AAC7EJ,EAAM,SAAS,CAACI,MAAoBL,EAAS,EAAE,SAAAK,GAAS,SAAS,UAAU;AAC3EJ,EAAM,UAAU,CAACI,MAAoBL,EAAS,EAAE,SAAAK,GAAS,SAAS,WAAW;AAC7EJ,EAAM,OAAO,CAACI,MAAoBL,EAAS,EAAE,SAAAK,GAAS,SAAS,QAAQ;AAEvE,MAAMC,IAAY,MAAM;AACtB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASX,CAAM;AAE/CW,SAAAA,EAAM,UAAU,OACdV,EAAS,WAAWS,GACb,MAAM;AACX,IAAAT,EAAS,WAAW,MAAM;AAAA,IAAC;AAAA,EAC7B,IACC,CAACQ,CAAK,CAAC,GAEH,EAAE,OAAAN,GAAO,QAAQM,GAAO,UAAAP,GAAU,aAAAG,EAAA;AAC3C;"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.es.js","sources":["../src/lib/utils.ts"],"sourcesContent":["import { ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n \nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AACnC,SAAAC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}
1
+ {"version":3,"file":"utils.es.js","sources":["../src/lib/utils.ts"],"sourcesContent":["import { ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n \nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}
@@ -1 +1 @@
1
- {"version":3,"file":"warningcircleicon.es.js","sources":["../src/components/Icons/WarningCircleIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function WarningCircleIcon(props: SVGProps<SVGSVGElement>) {\r\n return (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\r\n <circle cx=\"12\" cy=\"12\" fill=\"#a34e00\" r=\"12\" />\r\n <path\r\n d=\"m17.9 15.132-5.024-8.574a1 1 0 0 0-.872-.495c-.339 0-.678.165-.893.495L6.09 15.132c-.365.657.117 1.484.892 1.484H17.03c.772 0 1.254-.824.87-1.484zm-10.688.354 4.771-8.18 4.813 8.18Zm4.792-2.236a.74.74 0 1 0 0 1.482.74.74 0 0 0 0-1.482zm-.565-3.606v2.261a.566.566 0 0 0 1.13 0V9.644a.566.566 0 0 0-1.13 0z\"\r\n fill=\"#fff\"\r\n />\r\n </svg>\r\n );\r\n}\r\n"],"names":["WarningCircleIcon","props","jsxs","jsx"],"mappings":";AAEO,SAASA,EAAkBC,GAAgC;AAE9D,SAAA,gBAAAC,EAAC,OAAI,EAAA,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAGD,GACrF,UAAA;AAAA,IAAC,gBAAAE,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,MAAK,WAAU,GAAE,KAAK,CAAA;AAAA,IAC9C,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}
1
+ {"version":3,"file":"warningcircleicon.es.js","sources":["../src/components/Icons/WarningCircleIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function WarningCircleIcon(props: SVGProps<SVGSVGElement>) {\r\n return (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\r\n <circle cx=\"12\" cy=\"12\" fill=\"#a34e00\" r=\"12\" />\r\n <path\r\n d=\"m17.9 15.132-5.024-8.574a1 1 0 0 0-.872-.495c-.339 0-.678.165-.893.495L6.09 15.132c-.365.657.117 1.484.892 1.484H17.03c.772 0 1.254-.824.87-1.484zm-10.688.354 4.771-8.18 4.813 8.18Zm4.792-2.236a.74.74 0 1 0 0 1.482.74.74 0 0 0 0-1.482zm-.565-3.606v2.261a.566.566 0 0 0 1.13 0V9.644a.566.566 0 0 0-1.13 0z\"\r\n fill=\"#fff\"\r\n />\r\n </svg>\r\n );\r\n}\r\n"],"names":["WarningCircleIcon","props","jsxs","jsx"],"mappings":";AAEO,SAASA,EAAkBC,GAAgC;AAChE,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAGD,GACrF,UAAA;AAAA,IAAA,gBAAAE,EAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,MAAK,WAAU,GAAE,KAAA,CAAK;AAAA,IAC9C,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@trsys-tech/matrix-library",
3
3
  "description": "MatrixUI Library",
4
4
  "private": false,
5
- "version": "0.5.0-beta.2",
5
+ "version": "0.5.1-alpha.0",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "module": "dist/index.es.js",
@@ -10,9 +10,9 @@
10
10
  "sideEffects": false,
11
11
  "exports": {
12
12
  ".": {
13
- "import": "./dist/index.es.js",
13
+ "types": "./dist/index.d.ts",
14
14
  "require": "./dist/index.js",
15
- "types": "./dist/index.d.ts"
15
+ "import": "./dist/index.es.js"
16
16
  },
17
17
  "./package.json": "./package.json",
18
18
  "./dist/*": "./dist/*",
@@ -75,7 +75,7 @@
75
75
  "@radix-ui/react-toast": "^1.2.2",
76
76
  "@radix-ui/react-tooltip": "^1.1.4",
77
77
  "@radix-ui/react-visually-hidden": "^1.1.0",
78
- "@trsys-tech/matrix-icons": "^0.0.7",
78
+ "@trsys-tech/matrix-icons": "^0.1.0",
79
79
  "ag-grid-community": "^33.3.0",
80
80
  "ag-grid-react": "^33.3.0",
81
81
  "clsx": "^2.1.1",
@@ -92,7 +92,7 @@
92
92
  "@hookform/resolvers": "^3.9.1",
93
93
  "react": "^18.3.1",
94
94
  "react-dom": "^18.3.1",
95
- "react-hook-form": "^7.53.1",
95
+ "react-hook-form": "^7.61.1",
96
96
  "zod": "^3.23.8"
97
97
  },
98
98
  "devDependencies": {
@@ -109,6 +109,7 @@
109
109
  "@types/react": "^18.3.12",
110
110
  "@types/react-dom": "^18.3.1",
111
111
  "@vitejs/plugin-react": "^4.3.3",
112
+ "ajv": "^8.17.1",
112
113
  "autoprefixer": "^10.4.20",
113
114
  "eslint": "^9.13.0",
114
115
  "eslint-plugin-react-hooks": "^5.0.0",
@@ -123,13 +124,12 @@
123
124
  "tailwindcss": "^3.4.14",
124
125
  "typescript": "~5.6.2",
125
126
  "typescript-eslint": "^8.11.0",
126
- "vite": "^5.4.10",
127
- "vite-plugin-dts": "^4.3.0"
127
+ "vite": "^6.3.5",
128
+ "vite-plugin-dts": "^4.5.4"
128
129
  },
129
130
  "eslintConfig": {
130
131
  "extends": [
131
132
  "plugin:storybook/recommended"
132
133
  ]
133
- },
134
- "packageManager": "pnpm@9.4.0+sha512.f549b8a52c9d2b8536762f99c0722205efc5af913e77835dbccc3b0b0b2ca9e7dc8022b78062c17291c48e88749c70ce88eb5a74f1fa8c4bf5e18bb46c8bd83a"
134
+ }
135
135
  }