@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":"accordion.es.js","sources":["../src/components/accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { ChevronDown } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Accordion = AccordionPrimitive.Root;\r\n\r\nconst AccordionItem = React.forwardRef<\r\n React.ElementRef<typeof AccordionPrimitive.Item>,\r\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\r\n>(({ className, ...props }, ref) => <AccordionPrimitive.Item ref={ref} className={cn(\"border-b\", className)} {...props} />);\r\nAccordionItem.displayName = \"AccordionItem\";\r\n\r\nconst AccordionTrigger = React.forwardRef<\r\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\r\n>(({ className, children, ...props }, ref) => (\r\n <AccordionPrimitive.Header className=\"flex\">\r\n <AccordionPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <ChevronDown className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\r\n </AccordionPrimitive.Trigger>\r\n </AccordionPrimitive.Header>\r\n));\r\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\r\n\r\nconst AccordionContent = React.forwardRef<\r\n React.ElementRef<typeof AccordionPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n <AccordionPrimitive.Content\r\n ref={ref}\r\n className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\r\n {...props}\r\n >\r\n <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\r\n </AccordionPrimitive.Content>\r\n));\r\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\r\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","jsx","cn","AccordionTrigger","children","jsxs","ChevronDown","AccordionContent"],"mappings":";;;;;AAQA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAACN,EAAmB,MAAnB,EAAwB,KAAAK,GAAU,WAAWE,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AAC1HH,EAAc,cAAc;AAE5B,MAAMO,IAAmBN,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAM,GAAGC,MACnC,gBAAAC,EAAAN,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAU;AAAA,EAACV,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,MACD,gBAAAH,EAACK,GAAY,EAAA,WAAU,2EAA2E,CAAA;AAAA,IAAA;AAAA,EAAA;AACpG,GACF,CACD;AACDH,EAAiB,cAAcR,EAAmB,QAAQ;AAEpD,MAAAY,IAAmBV,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,KAASC,MACpC,gBAAAC;AAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAI,EAAA,WAAWG,EAAG,aAAaJ,CAAS,GAAI,UAAAM,EAAS,CAAA;AAAA,EAAA;AACxD,CACD;AACDG,EAAiB,cAAcZ,EAAmB,QAAQ;"}
1
+ {"version":3,"file":"accordion.es.js","sources":["../src/components/accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { ChevronDown } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Accordion = AccordionPrimitive.Root;\r\n\r\nconst AccordionItem = React.forwardRef<\r\n React.ElementRef<typeof AccordionPrimitive.Item>,\r\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\r\n>(({ className, ...props }, ref) => <AccordionPrimitive.Item ref={ref} className={cn(\"border-b\", className)} {...props} />);\r\nAccordionItem.displayName = \"AccordionItem\";\r\n\r\nconst AccordionTrigger = React.forwardRef<\r\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\r\n>(({ className, children, ...props }, ref) => (\r\n <AccordionPrimitive.Header className=\"flex\">\r\n <AccordionPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <ChevronDown className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\r\n </AccordionPrimitive.Trigger>\r\n </AccordionPrimitive.Header>\r\n));\r\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\r\n\r\nconst AccordionContent = React.forwardRef<\r\n React.ElementRef<typeof AccordionPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n <AccordionPrimitive.Content\r\n ref={ref}\r\n className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\r\n {...props}\r\n >\r\n <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\r\n </AccordionPrimitive.Content>\r\n));\r\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\r\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","jsx","cn","AccordionTrigger","children","jsxs","ChevronDown","AccordionContent"],"mappings":";;;;;AAQA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACN,EAAmB,MAAnB,EAAwB,KAAAK,GAAU,WAAWE,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AAC1HH,EAAc,cAAc;AAE5B,MAAMO,IAAmBN,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAA,GAASC,MACpC,gBAAAC,EAACN,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAU;AAAA,EAACV,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,MACD,gBAAAH,EAACK,GAAA,EAAY,WAAU,2EAAA,CAA2E;AAAA,IAAA;AAAA,EAAA;AACpG,GACF,CACD;AACDH,EAAiB,cAAcR,EAAmB,QAAQ;AAE1D,MAAMY,IAAmBV,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,KAASC,MACpC,gBAAAC;AAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAA,EAAI,WAAWG,EAAG,aAAaJ,CAAS,GAAI,UAAAM,EAAA,CAAS;AAAA,EAAA;AACxD,CACD;AACDG,EAAiB,cAAcZ,EAAmB,QAAQ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.es.js","sources":["../src/components/avatar/Avatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>>(\r\n ({ className, ...props }, ref) => (\r\n <AvatarPrimitive.Root ref={ref} className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)} {...props} />\r\n ),\r\n);\r\nAvatar.displayName = AvatarPrimitive.Root.displayName;\r\n\r\nconst AvatarImage = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Image>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>>(\r\n ({ className, ...props }, ref) => <AvatarPrimitive.Image ref={ref} className={cn(\"aspect-square h-full w-full\", className)} {...props} />,\r\n);\r\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\r\n\r\nconst AvatarFallback = React.forwardRef<\r\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\r\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\r\n>(({ className, ...props }, ref) => (\r\n <AvatarPrimitive.Fallback ref={ref} className={cn(\"flex h-full w-full items-center justify-center rounded-full bg-muted\", className)} {...props} />\r\n));\r\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\r\n\r\nexport { Avatar, AvatarImage, AvatarFallback };\r\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;AAOA,MAAMA,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MACvB,gBAAAC,EAAAC,EAAgB,MAAhB,EAAqB,KAAAF,GAAU,WAAWG,EAAG,iEAAiEL,CAAS,GAAI,GAAGC,EAAO,CAAA;AAE1I;AACAH,EAAO,cAAcM,EAAgB,KAAK;AAE1C,MAAME,IAAcP,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAS,gBAAAC,EAAAC,EAAgB,OAAhB,EAAsB,KAAAF,GAAU,WAAWG,EAAG,+BAA+BL,CAAS,GAAI,GAAGC,EAAO,CAAA;AACzI;AACAK,EAAY,cAAcF,EAAgB,MAAM;AAE1C,MAAAG,IAAiBR,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC,EAACC,EAAgB,UAAhB,EAAyB,KAAAF,GAAU,WAAWG,EAAG,wEAAwEL,CAAS,GAAI,GAAGC,GAAO,CAClJ;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}
1
+ {"version":3,"file":"avatar.es.js","sources":["../src/components/avatar/Avatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>>(\r\n ({ className, ...props }, ref) => (\r\n <AvatarPrimitive.Root ref={ref} className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)} {...props} />\r\n ),\r\n);\r\nAvatar.displayName = AvatarPrimitive.Root.displayName;\r\n\r\nconst AvatarImage = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Image>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>>(\r\n ({ className, ...props }, ref) => <AvatarPrimitive.Image ref={ref} className={cn(\"aspect-square h-full w-full\", className)} {...props} />,\r\n);\r\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\r\n\r\nconst AvatarFallback = React.forwardRef<\r\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\r\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\r\n>(({ className, ...props }, ref) => (\r\n <AvatarPrimitive.Fallback ref={ref} className={cn(\"flex h-full w-full items-center justify-center rounded-full bg-muted\", className)} {...props} />\r\n));\r\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\r\n\r\nexport { Avatar, AvatarImage, AvatarFallback };\r\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;AAOA,MAAMA,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAACC,EAAgB,MAAhB,EAAqB,KAAAF,GAAU,WAAWG,EAAG,iEAAiEL,CAAS,GAAI,GAAGC,EAAA,CAAO;AAE1I;AACAH,EAAO,cAAcM,EAAgB,KAAK;AAE1C,MAAME,IAAcP,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACC,EAAgB,OAAhB,EAAsB,KAAAF,GAAU,WAAWG,EAAG,+BAA+BL,CAAS,GAAI,GAAGC,EAAA,CAAO;AACzI;AACAK,EAAY,cAAcF,EAAgB,MAAM;AAEhD,MAAMG,IAAiBR,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC,EAACC,EAAgB,UAAhB,EAAyB,KAAAF,GAAU,WAAWG,EAAG,wEAAwEL,CAAS,GAAI,GAAGC,GAAO,CAClJ;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}
@@ -1 +1 @@
1
- {"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n base: \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary text-primary-foreground hover:bg-primary-600\",\r\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary-600\",\r\n outline: \"border border-primary text-primary hover:bg-primary-50\",\r\n danger: \"bg-danger text-danger-foreground hover:bg-danger-600\",\r\n success: \"bg-success text-success-foreground hover:bg-success-600\",\r\n warning: \"bg-warning text-warning-foreground hover:bg-warning-600\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600\",\r\n \"primary-inverse\": \"bg-primary-100 text-primary-700 hover:bg-primary-50\",\r\n \"success-inverse\": \"bg-success-300 text-success-700 hover:bg-success-200\",\r\n \"danger-inverse\": \"bg-danger-300 text-danger-600 hover:bg-danger-200\",\r\n \"warning-inverse\": \"bg-warning-300 text-warning-800 hover:bg-warning-200\",\r\n \"info-inverse\": \"bg-info-300 text-info-700 hover:bg-info-200\",\r\n \"purple-inverse\": \"bg-purple-200 text-purple-500 hover:bg-purple-100\",\r\n \"coral-inverse\": \"bg-coral-300 text-coral-600 hover:bg-coral-200\",\r\n \"turquoise-inverse\": \"bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100\",\r\n \"lime-inverse\": \"bg-lime-300 text-lime-700 hover:bg-lime-200\",\r\n \"gray-inverse\": \"bg-gray-300 text-text-500 hover:bg-gray-200\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n },\r\n});\r\n\r\nexport type BadgeVariant = VariantProps<typeof badgeVariants>[\"variant\"];\r\n\r\ninterface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n variant?: BadgeVariant;\r\n}\r\n\r\nconst Badge: React.FC<BadgeProps> = ({ className, variant, ...props }) => {\r\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\r\n};\r\n\r\nexport { Badge, type BadgeProps };\r\n"],"names":["badgeVariants","tv","Badge","className","variant","props","jsx","cn"],"mappings":";;;AAOA,MAAMA,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,IAAA;AAAA,EAEpB;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAQKC,IAA8B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QACpD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAS,CAAA,GAAGD,CAAS,GAAI,GAAGE,EAAO,CAAA;"}
1
+ {"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n base: \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary text-primary-foreground hover:bg-primary-600\",\r\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary-600\",\r\n outline: \"border border-primary text-primary hover:bg-primary-50\",\r\n danger: \"bg-danger text-danger-foreground hover:bg-danger-600\",\r\n success: \"bg-success text-success-foreground hover:bg-success-600\",\r\n warning: \"bg-warning text-warning-foreground hover:bg-warning-600\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600\",\r\n \"primary-inverse\": \"bg-primary-100 text-primary-700 hover:bg-primary-50\",\r\n \"success-inverse\": \"bg-success-300 text-success-700 hover:bg-success-200\",\r\n \"danger-inverse\": \"bg-danger-300 text-danger-600 hover:bg-danger-200\",\r\n \"warning-inverse\": \"bg-warning-300 text-warning-800 hover:bg-warning-200\",\r\n \"info-inverse\": \"bg-info-300 text-info-700 hover:bg-info-200\",\r\n \"purple-inverse\": \"bg-purple-200 text-purple-500 hover:bg-purple-100\",\r\n \"coral-inverse\": \"bg-coral-300 text-coral-600 hover:bg-coral-200\",\r\n \"turquoise-inverse\": \"bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100\",\r\n \"lime-inverse\": \"bg-lime-300 text-lime-700 hover:bg-lime-200\",\r\n \"gray-inverse\": \"bg-gray-300 text-text-500 hover:bg-gray-200\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n },\r\n});\r\n\r\nexport type BadgeVariant = VariantProps<typeof badgeVariants>[\"variant\"];\r\n\r\ninterface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n variant?: BadgeVariant;\r\n}\r\n\r\nconst Badge: React.FC<BadgeProps> = ({ className, variant, ...props }) => {\r\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\r\n};\r\n\r\nexport { Badge, type BadgeProps };\r\n"],"names":["badgeVariants","tv","Badge","className","variant","props","jsx","cn"],"mappings":";;;AAOA,MAAMA,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAQKC,IAA8B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QACrD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS,GAAI,GAAGE,EAAA,CAAO;"}
@@ -1,8 +1,8 @@
1
- import { jsx as s, jsxs as i } from "react/jsx-runtime";
1
+ import { jsxs as i, jsx as s } from "react/jsx-runtime";
2
2
  import * as m from "react";
3
3
  import { Slot as c } from "@radix-ui/react-slot";
4
4
  import { cn as t } from "./utils.es.js";
5
- import { ChevronRight as n, Elipsis as d } from "@trsys-tech/matrix-icons";
5
+ import { Elipsis as n, ChevronRight as d } from "@trsys-tech/matrix-icons";
6
6
  const l = m.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
7
7
  l.displayName = "Breadcrumb";
8
8
  const p = m.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s("ol", { ref: a, className: t("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", r), ...e }));
@@ -13,10 +13,10 @@ const f = m.forwardRef(({ asChild: r, className: e, ...a }, o) => /* @__PURE__ *
13
13
  f.displayName = "BreadcrumbLink";
14
14
  const b = m.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s("span", { ref: a, role: "link", "aria-disabled": "true", "aria-current": "page", className: t("font-normal text-foreground", r), ...e }));
15
15
  b.displayName = "BreadcrumbPage";
16
- const N = ({ children: r, className: e, ...a }) => /* @__PURE__ */ s("li", { role: "presentation", "aria-hidden": "true", className: t("[&>svg]:w-3.5 [&>svg]:h-3", e), ...a, children: r ?? /* @__PURE__ */ s(n, {}) });
16
+ const N = ({ children: r, className: e, ...a }) => /* @__PURE__ */ s("li", { role: "presentation", "aria-hidden": "true", className: t("[&>svg]:w-3.5 [&>svg]:h-3", e), ...a, children: r ?? /* @__PURE__ */ s(d, {}) });
17
17
  N.displayName = "BreadcrumbSeparator";
18
18
  const B = ({ className: r, ...e }) => /* @__PURE__ */ i("span", { role: "presentation", "aria-hidden": "true", className: t("flex h-9 w-9 items-center justify-center", r), ...e, children: [
19
- /* @__PURE__ */ s(d, { className: "h-4 w-4" }),
19
+ /* @__PURE__ */ s(n, { className: "h-4 w-4" }),
20
20
  /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
21
21
  ] });
22
22
  B.displayName = "BreadcrumbElipssis";
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb.es.js","sources":["../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { ChevronRight, Elipsis } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Breadcrumb = React.forwardRef<\r\n HTMLElement,\r\n React.ComponentPropsWithoutRef<\"nav\"> & {\r\n separator?: React.ReactNode;\r\n }\r\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\r\nBreadcrumb.displayName = \"Breadcrumb\";\r\n\r\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<\"ol\">>(({ className, ...props }, ref) => (\r\n <ol ref={ref} className={cn(\"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\", className)} {...props} />\r\n));\r\nBreadcrumbList.displayName = \"BreadcrumbList\";\r\n\r\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<\"li\">>(({ className, ...props }, ref) => (\r\n <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\r\n));\r\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\r\n\r\nconst BreadcrumbLink = React.forwardRef<\r\n HTMLAnchorElement,\r\n React.ComponentPropsWithoutRef<\"a\"> & {\r\n asChild?: boolean;\r\n }\r\n>(({ asChild, className, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"a\";\r\n\r\n return <Comp ref={ref} className={cn(\"transition-colors hover:text-foreground\", className)} {...props} />;\r\n});\r\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\r\n\r\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<\"span\">>(({ className, ...props }, ref) => (\r\n <span ref={ref} role=\"link\" aria-disabled=\"true\" aria-current=\"page\" className={cn(\"font-normal text-foreground\", className)} {...props} />\r\n));\r\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\r\n\r\nconst BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<\"li\">) => (\r\n <li role=\"presentation\" aria-hidden=\"true\" className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3\", className)} {...props}>\r\n {children ?? <ChevronRight />}\r\n </li>\r\n);\r\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\r\n\r\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\r\n <span role=\"presentation\" aria-hidden=\"true\" className={cn(\"flex h-9 w-9 items-center justify-center\", className)} {...props}>\r\n <Elipsis className=\"h-4 w-4\" />\r\n <span className=\"sr-only\">More</span>\r\n </span>\r\n);\r\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\";\r\n\r\nexport { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };\r\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","Elipsis"],"mappings":";;;;;AAQA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEnB,MAAAK,IAAiBJ,EAAM,WAAmE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAS,GAAAC,wBACvH,MAAG,EAAA,KAAAA,GAAU,WAAWI,EAAG,4FAA4FD,CAAS,GAAI,GAAGJ,GAAO,CAChJ;AACDG,EAAe,cAAc;AAEvB,MAAAG,IAAiBP,EAAM,WAAgE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAS,GAAAC,wBACpH,MAAG,EAAA,KAAAA,GAAU,WAAWI,EAAG,oCAAoCD,CAAS,GAAI,GAAGJ,GAAO,CACxF;AACDM,EAAe,cAAc;AAEvB,MAAAC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAM,GAAGC,MAG5B,gBAAAC,EAFMM,IAAUC,IAAO,OAEjB,KAAAR,GAAU,WAAWI,EAAG,2CAA2CD,CAAS,GAAI,GAAGJ,GAAO,CACxG;AACDO,EAAe,cAAc;AAEvB,MAAAG,IAAiBX,EAAM,WAAoE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MACzH,gBAAAC,EAAC,QAAK,EAAA,KAAAD,GAAU,MAAK,QAAO,iBAAc,QAAO,gBAAa,QAAO,WAAWI,EAAG,+BAA+BD,CAAS,GAAI,GAAGJ,EAAA,CAAO,CAC1I;AACDU,EAAe,cAAc;AAEvB,MAAAC,IAAsB,CAAC,EAAE,UAAAC,GAAU,WAAAR,GAAW,GAAGJ,QACpD,gBAAAE,EAAA,MAAA,EAAG,MAAK,gBAAe,eAAY,QAAO,WAAWG,EAAG,6BAA6BD,CAAS,GAAI,GAAGJ,GACnG,UAAAY,KAAa,gBAAAV,EAAAW,GAAA,CAAa,CAAA,EAC7B,CAAA;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC,EAAE,WAAAV,GAAW,GAAGJ,QACzC,gBAAAe,EAAA,QAAA,EAAK,MAAK,gBAAe,eAAY,QAAO,WAAWV,EAAG,4CAA4CD,CAAS,GAAI,GAAGJ,GACrH,UAAA;AAAA,EAAC,gBAAAE,EAAAc,GAAA,EAAQ,WAAU,UAAU,CAAA;AAAA,EAC5B,gBAAAd,EAAA,QAAA,EAAK,WAAU,WAAU,UAAI,OAAA,CAAA;AAAA,EAChC,CAAA;AAEFY,EAAmB,cAAc;"}
1
+ {"version":3,"file":"breadcrumb.es.js","sources":["../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { ChevronRight, Elipsis } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Breadcrumb = React.forwardRef<\r\n HTMLElement,\r\n React.ComponentPropsWithoutRef<\"nav\"> & {\r\n separator?: React.ReactNode;\r\n }\r\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\r\nBreadcrumb.displayName = \"Breadcrumb\";\r\n\r\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<\"ol\">>(({ className, ...props }, ref) => (\r\n <ol ref={ref} className={cn(\"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\", className)} {...props} />\r\n));\r\nBreadcrumbList.displayName = \"BreadcrumbList\";\r\n\r\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<\"li\">>(({ className, ...props }, ref) => (\r\n <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\r\n));\r\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\r\n\r\nconst BreadcrumbLink = React.forwardRef<\r\n HTMLAnchorElement,\r\n React.ComponentPropsWithoutRef<\"a\"> & {\r\n asChild?: boolean;\r\n }\r\n>(({ asChild, className, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"a\";\r\n\r\n return <Comp ref={ref} className={cn(\"transition-colors hover:text-foreground\", className)} {...props} />;\r\n});\r\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\r\n\r\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<\"span\">>(({ className, ...props }, ref) => (\r\n <span ref={ref} role=\"link\" aria-disabled=\"true\" aria-current=\"page\" className={cn(\"font-normal text-foreground\", className)} {...props} />\r\n));\r\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\r\n\r\nconst BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<\"li\">) => (\r\n <li role=\"presentation\" aria-hidden=\"true\" className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3\", className)} {...props}>\r\n {children ?? <ChevronRight />}\r\n </li>\r\n);\r\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\r\n\r\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\r\n <span role=\"presentation\" aria-hidden=\"true\" className={cn(\"flex h-9 w-9 items-center justify-center\", className)} {...props}>\r\n <Elipsis className=\"h-4 w-4\" />\r\n <span className=\"sr-only\">More</span>\r\n </span>\r\n);\r\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\";\r\n\r\nexport { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };\r\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","Elipsis"],"mappings":";;;;;AAQA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEzB,MAAMK,IAAiBJ,EAAM,WAAmE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,KAASC,wBACvH,MAAA,EAAG,KAAAA,GAAU,WAAWI,EAAG,4FAA4FD,CAAS,GAAI,GAAGJ,GAAO,CAChJ;AACDG,EAAe,cAAc;AAE7B,MAAMG,IAAiBP,EAAM,WAAgE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,KAASC,wBACpH,MAAA,EAAG,KAAAA,GAAU,WAAWI,EAAG,oCAAoCD,CAAS,GAAI,GAAGJ,GAAO,CACxF;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAG5B,gBAAAC,EAFMM,IAAUC,IAAO,OAEjB,KAAAR,GAAU,WAAWI,EAAG,2CAA2CD,CAAS,GAAI,GAAGJ,GAAO,CACxG;AACDO,EAAe,cAAc;AAE7B,MAAMG,IAAiBX,EAAM,WAAoE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MACzH,gBAAAC,EAAC,QAAA,EAAK,KAAAD,GAAU,MAAK,QAAO,iBAAc,QAAO,gBAAa,QAAO,WAAWI,EAAG,+BAA+BD,CAAS,GAAI,GAAGJ,EAAA,CAAO,CAC1I;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC,EAAE,UAAAC,GAAU,WAAAR,GAAW,GAAGJ,QACrD,gBAAAE,EAAC,MAAA,EAAG,MAAK,gBAAe,eAAY,QAAO,WAAWG,EAAG,6BAA6BD,CAAS,GAAI,GAAGJ,GACnG,UAAAY,KAAY,gBAAAV,EAACW,GAAA,CAAA,CAAa,EAAA,CAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC,EAAE,WAAAV,GAAW,GAAGJ,EAAA,MAC1C,gBAAAe,EAAC,QAAA,EAAK,MAAK,gBAAe,eAAY,QAAO,WAAWV,EAAG,4CAA4CD,CAAS,GAAI,GAAGJ,GACrH,UAAA;AAAA,EAAA,gBAAAE,EAACc,GAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,EAC7B,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,EAAA,CAChC;AAEFY,EAAmB,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"buildformatlongfn.es.js","sources":["../node_modules/date-fns/locale/_lib/buildFormatLongFn.js"],"sourcesContent":["export function buildFormatLongFn(args) {\n return (options = {}) => {\n // TODO: Remove String()\n const width = options.width ? String(options.width) : args.defaultWidth;\n const format = args.formats[width] || args.formats[args.defaultWidth];\n return format;\n };\n}\n"],"names":["buildFormatLongFn","args","options","width"],"mappings":"AAAO,SAASA,EAAkBC,GAAM;AACtC,SAAO,CAACC,IAAU,OAAO;AAEvB,UAAMC,IAAQD,EAAQ,QAAQ,OAAOA,EAAQ,KAAK,IAAID,EAAK;AAE3D,WADeA,EAAK,QAAQE,CAAK,KAAKF,EAAK,QAAQA,EAAK,YAAY;AAAA,EAErE;AACH;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"buildformatlongfn.es.js","sources":["../node_modules/date-fns/locale/_lib/buildFormatLongFn.js"],"sourcesContent":["export function buildFormatLongFn(args) {\n return (options = {}) => {\n // TODO: Remove String()\n const width = options.width ? String(options.width) : args.defaultWidth;\n const format = args.formats[width] || args.formats[args.defaultWidth];\n return format;\n };\n}\n"],"names":["buildFormatLongFn","args","options","width"],"mappings":"AAAO,SAASA,EAAkBC,GAAM;AACtC,SAAO,CAACC,IAAU,OAAO;AAEvB,UAAMC,IAAQD,EAAQ,QAAQ,OAAOA,EAAQ,KAAK,IAAID,EAAK;AAE3D,WADeA,EAAK,QAAQE,CAAK,KAAKF,EAAK,QAAQA,EAAK,YAAY;AAAA,EAEtE;AACF;","x_google_ignoreList":[0]}
@@ -1 +1 @@
1
- {"version":3,"file":"buildlocalizefn.es.js","sources":["../node_modules/date-fns/locale/_lib/buildLocalizeFn.js"],"sourcesContent":["/**\n * The localize function argument callback which allows to convert raw value to\n * the actual type.\n *\n * @param value - The value to convert\n *\n * @returns The converted value\n */\n\n/**\n * The map of localized values for each width.\n */\n\n/**\n * The index type of the locale unit value. It types conversion of units of\n * values that don't start at 0 (i.e. quarters).\n */\n\n/**\n * Converts the unit value to the tuple of values.\n */\n\n/**\n * The tuple of localized era values. The first element represents BC,\n * the second element represents AD.\n */\n\n/**\n * The tuple of localized quarter values. The first element represents Q1.\n */\n\n/**\n * The tuple of localized day values. The first element represents Sunday.\n */\n\n/**\n * The tuple of localized month values. The first element represents January.\n */\n\nexport function buildLocalizeFn(args) {\n return (value, options) => {\n const context = options?.context ? String(options.context) : \"standalone\";\n\n let valuesArray;\n if (context === \"formatting\" && args.formattingValues) {\n const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;\n const width = options?.width ? String(options.width) : defaultWidth;\n\n valuesArray =\n args.formattingValues[width] || args.formattingValues[defaultWidth];\n } else {\n const defaultWidth = args.defaultWidth;\n const width = options?.width ? String(options.width) : args.defaultWidth;\n\n valuesArray = args.values[width] || args.values[defaultWidth];\n }\n const index = args.argumentCallback ? args.argumentCallback(value) : value;\n\n // @ts-expect-error - For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!\n return valuesArray[index];\n };\n}\n"],"names":["buildLocalizeFn","args","value","options","context","valuesArray","defaultWidth","width","index"],"mappings":"AAuCO,SAASA,EAAgBC,GAAM;AACpC,SAAO,CAACC,GAAOC,MAAY;AACzB,UAAMC,IAAUD,GAAS,UAAU,OAAOA,EAAQ,OAAO,IAAI;AAE7D,QAAIE;AACJ,QAAID,MAAY,gBAAgBH,EAAK,kBAAkB;AACrD,YAAMK,IAAeL,EAAK,0BAA0BA,EAAK,cACnDM,IAAQJ,GAAS,QAAQ,OAAOA,EAAQ,KAAK,IAAIG;AAEvD,MAAAD,IACEJ,EAAK,iBAAiBM,CAAK,KAAKN,EAAK,iBAAiBK,CAAY;AAAA,IAC1E,OAAW;AACL,YAAMA,IAAeL,EAAK,cACpBM,IAAQJ,GAAS,QAAQ,OAAOA,EAAQ,KAAK,IAAIF,EAAK;AAE5D,MAAAI,IAAcJ,EAAK,OAAOM,CAAK,KAAKN,EAAK,OAAOK,CAAY;AAAA,IAClE;AACI,UAAME,IAAQP,EAAK,mBAAmBA,EAAK,iBAAiBC,CAAK,IAAIA;AAGrE,WAAOG,EAAYG,CAAK;AAAA,EACzB;AACH;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"buildlocalizefn.es.js","sources":["../node_modules/date-fns/locale/_lib/buildLocalizeFn.js"],"sourcesContent":["/**\n * The localize function argument callback which allows to convert raw value to\n * the actual type.\n *\n * @param value - The value to convert\n *\n * @returns The converted value\n */\n\n/**\n * The map of localized values for each width.\n */\n\n/**\n * The index type of the locale unit value. It types conversion of units of\n * values that don't start at 0 (i.e. quarters).\n */\n\n/**\n * Converts the unit value to the tuple of values.\n */\n\n/**\n * The tuple of localized era values. The first element represents BC,\n * the second element represents AD.\n */\n\n/**\n * The tuple of localized quarter values. The first element represents Q1.\n */\n\n/**\n * The tuple of localized day values. The first element represents Sunday.\n */\n\n/**\n * The tuple of localized month values. The first element represents January.\n */\n\nexport function buildLocalizeFn(args) {\n return (value, options) => {\n const context = options?.context ? String(options.context) : \"standalone\";\n\n let valuesArray;\n if (context === \"formatting\" && args.formattingValues) {\n const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;\n const width = options?.width ? String(options.width) : defaultWidth;\n\n valuesArray =\n args.formattingValues[width] || args.formattingValues[defaultWidth];\n } else {\n const defaultWidth = args.defaultWidth;\n const width = options?.width ? String(options.width) : args.defaultWidth;\n\n valuesArray = args.values[width] || args.values[defaultWidth];\n }\n const index = args.argumentCallback ? args.argumentCallback(value) : value;\n\n // @ts-expect-error - For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!\n return valuesArray[index];\n };\n}\n"],"names":["buildLocalizeFn","args","value","options","context","valuesArray","defaultWidth","width","index"],"mappings":"AAuCO,SAASA,EAAgBC,GAAM;AACpC,SAAO,CAACC,GAAOC,MAAY;AACzB,UAAMC,IAAUD,GAAS,UAAU,OAAOA,EAAQ,OAAO,IAAI;AAE7D,QAAIE;AACJ,QAAID,MAAY,gBAAgBH,EAAK,kBAAkB;AACrD,YAAMK,IAAeL,EAAK,0BAA0BA,EAAK,cACnDM,IAAQJ,GAAS,QAAQ,OAAOA,EAAQ,KAAK,IAAIG;AAEvD,MAAAD,IACEJ,EAAK,iBAAiBM,CAAK,KAAKN,EAAK,iBAAiBK,CAAY;AAAA,IACtE,OAAO;AACL,YAAMA,IAAeL,EAAK,cACpBM,IAAQJ,GAAS,QAAQ,OAAOA,EAAQ,KAAK,IAAIF,EAAK;AAE5D,MAAAI,IAAcJ,EAAK,OAAOM,CAAK,KAAKN,EAAK,OAAOK,CAAY;AAAA,IAC9D;AACA,UAAME,IAAQP,EAAK,mBAAmBA,EAAK,iBAAiBC,CAAK,IAAIA;AAGrE,WAAOG,EAAYG,CAAK;AAAA,EAC1B;AACF;","x_google_ignoreList":[0]}
@@ -1 +1 @@
1
- {"version":3,"file":"buildmatchfn.es.js","sources":["../node_modules/date-fns/locale/_lib/buildMatchFn.js"],"sourcesContent":["export function buildMatchFn(args) {\n return (string, options = {}) => {\n const width = options.width;\n\n const matchPattern =\n (width && args.matchPatterns[width]) ||\n args.matchPatterns[args.defaultMatchWidth];\n const matchResult = string.match(matchPattern);\n\n if (!matchResult) {\n return null;\n }\n const matchedString = matchResult[0];\n\n const parsePatterns =\n (width && args.parsePatterns[width]) ||\n args.parsePatterns[args.defaultParseWidth];\n\n const key = Array.isArray(parsePatterns)\n ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString))\n : // [TODO] -- I challenge you to fix the type\n findKey(parsePatterns, (pattern) => pattern.test(matchedString));\n\n let value;\n\n value = args.valueCallback ? args.valueCallback(key) : key;\n value = options.valueCallback\n ? // [TODO] -- I challenge you to fix the type\n options.valueCallback(value)\n : value;\n\n const rest = string.slice(matchedString.length);\n\n return { value, rest };\n };\n}\n\nfunction findKey(object, predicate) {\n for (const key in object) {\n if (\n Object.prototype.hasOwnProperty.call(object, key) &&\n predicate(object[key])\n ) {\n return key;\n }\n }\n return undefined;\n}\n\nfunction findIndex(array, predicate) {\n for (let key = 0; key < array.length; key++) {\n if (predicate(array[key])) {\n return key;\n }\n }\n return undefined;\n}\n"],"names":["buildMatchFn","args","string","options","width","matchPattern","matchResult","matchedString","parsePatterns","key","findIndex","pattern","findKey","value","rest","object","predicate","array"],"mappings":"AAAO,SAASA,EAAaC,GAAM;AACjC,SAAO,CAACC,GAAQC,IAAU,OAAO;AAC/B,UAAMC,IAAQD,EAAQ,OAEhBE,IACHD,KAASH,EAAK,cAAcG,CAAK,KAClCH,EAAK,cAAcA,EAAK,iBAAiB,GACrCK,IAAcJ,EAAO,MAAMG,CAAY;AAE7C,QAAI,CAACC;AACH,aAAO;AAET,UAAMC,IAAgBD,EAAY,CAAC,GAE7BE,IACHJ,KAASH,EAAK,cAAcG,CAAK,KAClCH,EAAK,cAAcA,EAAK,iBAAiB,GAErCQ,IAAM,MAAM,QAAQD,CAAa,IACnCE,EAAUF,GAAe,CAACG,MAAYA,EAAQ,KAAKJ,CAAa,CAAC;AAAA;AAAA,MAEjEK,EAAQJ,GAAe,CAACG,MAAYA,EAAQ,KAAKJ,CAAa,CAAC;AAAA;AAEnE,QAAIM;AAEJ,IAAAA,IAAQZ,EAAK,gBAAgBA,EAAK,cAAcQ,CAAG,IAAIA,GACvDI,IAAQV,EAAQ;AAAA;AAAA,MAEZA,EAAQ,cAAcU,CAAK;AAAA,QAC3BA;AAEJ,UAAMC,IAAOZ,EAAO,MAAMK,EAAc,MAAM;AAE9C,WAAO,EAAE,OAAAM,GAAO,MAAAC,EAAM;AAAA,EACvB;AACH;AAEA,SAASF,EAAQG,GAAQC,GAAW;AAClC,aAAWP,KAAOM;AAChB,QACE,OAAO,UAAU,eAAe,KAAKA,GAAQN,CAAG,KAChDO,EAAUD,EAAON,CAAG,CAAC;AAErB,aAAOA;AAIb;AAEA,SAASC,EAAUO,GAAOD,GAAW;AACnC,WAASP,IAAM,GAAGA,IAAMQ,EAAM,QAAQR;AACpC,QAAIO,EAAUC,EAAMR,CAAG,CAAC;AACtB,aAAOA;AAIb;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"buildmatchfn.es.js","sources":["../node_modules/date-fns/locale/_lib/buildMatchFn.js"],"sourcesContent":["export function buildMatchFn(args) {\n return (string, options = {}) => {\n const width = options.width;\n\n const matchPattern =\n (width && args.matchPatterns[width]) ||\n args.matchPatterns[args.defaultMatchWidth];\n const matchResult = string.match(matchPattern);\n\n if (!matchResult) {\n return null;\n }\n const matchedString = matchResult[0];\n\n const parsePatterns =\n (width && args.parsePatterns[width]) ||\n args.parsePatterns[args.defaultParseWidth];\n\n const key = Array.isArray(parsePatterns)\n ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString))\n : // [TODO] -- I challenge you to fix the type\n findKey(parsePatterns, (pattern) => pattern.test(matchedString));\n\n let value;\n\n value = args.valueCallback ? args.valueCallback(key) : key;\n value = options.valueCallback\n ? // [TODO] -- I challenge you to fix the type\n options.valueCallback(value)\n : value;\n\n const rest = string.slice(matchedString.length);\n\n return { value, rest };\n };\n}\n\nfunction findKey(object, predicate) {\n for (const key in object) {\n if (\n Object.prototype.hasOwnProperty.call(object, key) &&\n predicate(object[key])\n ) {\n return key;\n }\n }\n return undefined;\n}\n\nfunction findIndex(array, predicate) {\n for (let key = 0; key < array.length; key++) {\n if (predicate(array[key])) {\n return key;\n }\n }\n return undefined;\n}\n"],"names":["buildMatchFn","args","string","options","width","matchPattern","matchResult","matchedString","parsePatterns","key","findIndex","pattern","findKey","value","rest","object","predicate","array"],"mappings":"AAAO,SAASA,EAAaC,GAAM;AACjC,SAAO,CAACC,GAAQC,IAAU,OAAO;AAC/B,UAAMC,IAAQD,EAAQ,OAEhBE,IACHD,KAASH,EAAK,cAAcG,CAAK,KAClCH,EAAK,cAAcA,EAAK,iBAAiB,GACrCK,IAAcJ,EAAO,MAAMG,CAAY;AAE7C,QAAI,CAACC;AACH,aAAO;AAET,UAAMC,IAAgBD,EAAY,CAAC,GAE7BE,IACHJ,KAASH,EAAK,cAAcG,CAAK,KAClCH,EAAK,cAAcA,EAAK,iBAAiB,GAErCQ,IAAM,MAAM,QAAQD,CAAa,IACnCE,EAAUF,GAAe,CAACG,MAAYA,EAAQ,KAAKJ,CAAa,CAAC;AAAA;AAAA,MAEjEK,EAAQJ,GAAe,CAACG,MAAYA,EAAQ,KAAKJ,CAAa,CAAC;AAAA;AAEnE,QAAIM;AAEJ,IAAAA,IAAQZ,EAAK,gBAAgBA,EAAK,cAAcQ,CAAG,IAAIA,GACvDI,IAAQV,EAAQ;AAAA;AAAA,MAEZA,EAAQ,cAAcU,CAAK;AAAA,QAC3BA;AAEJ,UAAMC,IAAOZ,EAAO,MAAMK,EAAc,MAAM;AAE9C,WAAO,EAAE,OAAAM,GAAO,MAAAC,EAAI;AAAA,EACtB;AACF;AAEA,SAASF,EAAQG,GAAQC,GAAW;AAClC,aAAWP,KAAOM;AAChB,QACE,OAAO,UAAU,eAAe,KAAKA,GAAQN,CAAG,KAChDO,EAAUD,EAAON,CAAG,CAAC;AAErB,aAAOA;AAIb;AAEA,SAASC,EAAUO,GAAOD,GAAW;AACnC,WAASP,IAAM,GAAGA,IAAMQ,EAAM,QAAQR;AACpC,QAAIO,EAAUC,EAAMR,CAAG,CAAC;AACtB,aAAOA;AAIb;","x_google_ignoreList":[0]}
@@ -1 +1 @@
1
- {"version":3,"file":"buildmatchpatternfn.es.js","sources":["../node_modules/date-fns/locale/_lib/buildMatchPatternFn.js"],"sourcesContent":["export function buildMatchPatternFn(args) {\n return (string, options = {}) => {\n const matchResult = string.match(args.matchPattern);\n if (!matchResult) return null;\n const matchedString = matchResult[0];\n\n const parseResult = string.match(args.parsePattern);\n if (!parseResult) return null;\n let value = args.valueCallback\n ? args.valueCallback(parseResult[0])\n : parseResult[0];\n\n // [TODO] I challenge you to fix the type\n value = options.valueCallback ? options.valueCallback(value) : value;\n\n const rest = string.slice(matchedString.length);\n\n return { value, rest };\n };\n}\n"],"names":["buildMatchPatternFn","args","string","options","matchResult","matchedString","parseResult","value","rest"],"mappings":"AAAO,SAASA,EAAoBC,GAAM;AACxC,SAAO,CAACC,GAAQC,IAAU,OAAO;AAC/B,UAAMC,IAAcF,EAAO,MAAMD,EAAK,YAAY;AAClD,QAAI,CAACG,EAAa,QAAO;AACzB,UAAMC,IAAgBD,EAAY,CAAC,GAE7BE,IAAcJ,EAAO,MAAMD,EAAK,YAAY;AAClD,QAAI,CAACK,EAAa,QAAO;AACzB,QAAIC,IAAQN,EAAK,gBACbA,EAAK,cAAcK,EAAY,CAAC,CAAC,IACjCA,EAAY,CAAC;AAGjB,IAAAC,IAAQJ,EAAQ,gBAAgBA,EAAQ,cAAcI,CAAK,IAAIA;AAE/D,UAAMC,IAAON,EAAO,MAAMG,EAAc,MAAM;AAE9C,WAAO,EAAE,OAAAE,GAAO,MAAAC,EAAM;AAAA,EACvB;AACH;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"buildmatchpatternfn.es.js","sources":["../node_modules/date-fns/locale/_lib/buildMatchPatternFn.js"],"sourcesContent":["export function buildMatchPatternFn(args) {\n return (string, options = {}) => {\n const matchResult = string.match(args.matchPattern);\n if (!matchResult) return null;\n const matchedString = matchResult[0];\n\n const parseResult = string.match(args.parsePattern);\n if (!parseResult) return null;\n let value = args.valueCallback\n ? args.valueCallback(parseResult[0])\n : parseResult[0];\n\n // [TODO] I challenge you to fix the type\n value = options.valueCallback ? options.valueCallback(value) : value;\n\n const rest = string.slice(matchedString.length);\n\n return { value, rest };\n };\n}\n"],"names":["buildMatchPatternFn","args","string","options","matchResult","matchedString","parseResult","value","rest"],"mappings":"AAAO,SAASA,EAAoBC,GAAM;AACxC,SAAO,CAACC,GAAQC,IAAU,OAAO;AAC/B,UAAMC,IAAcF,EAAO,MAAMD,EAAK,YAAY;AAClD,QAAI,CAACG,EAAa,QAAO;AACzB,UAAMC,IAAgBD,EAAY,CAAC,GAE7BE,IAAcJ,EAAO,MAAMD,EAAK,YAAY;AAClD,QAAI,CAACK,EAAa,QAAO;AACzB,QAAIC,IAAQN,EAAK,gBACbA,EAAK,cAAcK,EAAY,CAAC,CAAC,IACjCA,EAAY,CAAC;AAGjB,IAAAC,IAAQJ,EAAQ,gBAAgBA,EAAQ,cAAcI,CAAK,IAAIA;AAE/D,UAAMC,IAAON,EAAO,MAAMG,EAAc,MAAM;AAE9C,WAAO,EAAE,OAAAE,GAAO,MAAAC,EAAI;AAAA,EACtB;AACF;","x_google_ignoreList":[0]}
package/dist/button.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsxs as u, jsx as e } from "react/jsx-runtime";
2
2
  import * as m from "react";
3
3
  import { Spinner as p } from "@trsys-tech/matrix-icons";
4
- import { Slottable as b, Slot as d } from "@radix-ui/react-slot";
4
+ import { Slot as b, Slottable as d } from "@radix-ui/react-slot";
5
5
  import { tv as y } from "tailwind-variants";
6
6
  import { cn as l } from "./utils.es.js";
7
7
  const x = y({
@@ -30,10 +30,10 @@ const x = y({
30
30
  size: "md"
31
31
  }
32
32
  }), h = m.forwardRef(
33
- ({ className: i, variant: t, size: a, asChild: n = !1, children: o, loading: r, disabled: g, startIcon: s, endIcon: c, ...v }, f) => /* @__PURE__ */ u(n ? d : "button", { className: l(x({ variant: t, size: a, className: i })), ref: f, disabled: g || r, ...v, children: [
33
+ ({ className: i, variant: t, size: a, asChild: n = !1, children: o, loading: r, disabled: g, startIcon: s, endIcon: c, ...v }, f) => /* @__PURE__ */ u(n ? b : "button", { className: l(x({ variant: t, size: a, className: i })), ref: f, disabled: g || r, ...v, children: [
34
34
  r ? /* @__PURE__ */ e(p, {}) : null,
35
35
  s,
36
- /* @__PURE__ */ e(b, { children: o }),
36
+ /* @__PURE__ */ e(d, { children: o }),
37
37
  c
38
38
  ] })
39
39
  );
@@ -1 +1 @@
1
- {"version":3,"file":"button.es.js","sources":["../src/components/button/Button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst buttonVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500\",\r\n variants: {\r\n variant: {\r\n primary:\r\n \"bg-primary text-primary-foreground hover:bg-primary-600 focus:border-primary focus:ring focus:ring-primary-300 active:bg-primary active:ring active:ring-1 active:ring-primary active:ring-offset-2\",\r\n outline:\r\n \"border border-primary text-primary hover:bg-primary-50 focus:bg-primary-50 focus:border-primary-100 focus:ring focus:ring-primary-100 active:bg-primary-50 active:border-primary active:ring-1 active:ring-primary active:ring-offset-2 disabled:border-gray-400\",\r\n text: \"text-text [&>svg]:text-primary border border-transparent hover:bg-primary-50 focus:ring focus:ring-primary-100 active:ring-1 active:ring-primary disabled:text-text-300 [&>svg]:disabled:text-text-300 disabled:bg-transparent\",\r\n danger:\r\n \"bg-danger text-danger-foreground hover:bg-danger-600 focus:ring focus:ring-danger-400 active:bg-danger active:ring-1 active:ring-danger active:ring-offset-2\",\r\n warning:\r\n \"bg-warning text-warning-foreground hover:bg-warning-600 focus:ring focus:ring-warning-400 active:bg-warning active:ring-1 active:ring-warning active:ring-offset-2\",\r\n success:\r\n \"bg-success text-success-foreground hover:bg-success-600 focus:ring focus:ring-success-400 active:bg-success active:ring-1 active:ring-success active:ring-offset-2\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600 focus:ring focus:ring-info-400 active:bg-info active:ring-1 active:ring-info active:ring-offset-2\",\r\n \"primary-on-dark\":\r\n \"bg-gray-0 text-primary hover:bg-primary-50 focus:bg-gray-0 focus:border-none focus:ring focus:ring-primary-100 active:ring-0 active:bg-gray-0 active:outline active:outline-2 active:outline-gray-0 active:outline-offset-1\",\r\n \"outline-on-dark\":\r\n \"border border-gray-0 text-gray-0 hover:bg-primary-100 hover:text-primary focus:text-primary focus:bg-primary-50 focus:border-primary-50 focus:ring focus:ring-primary-100 active:text-gray-0 active:bg-transparent active:border-gray-0 active:ring-0 active:outline active:outline-1 active:outline-gray-0 active:outline-offset-2\",\r\n \"text-on-dark\":\r\n \"text-gray-0 hover:bg-primary-50 hover:text-text [&>svg]:hover:text-primary focus:text-text focus:bg-transparent focus:border-none [&>svg]:focus:text-primary-100 focus:ring focus:ring-primary-100 active:ring-0 active:bg-primary-50 active:text-text [&>svg]:active:text-primary active:outline active:outline-1 active:outline-gray-0 active:outline-offset-1\",\r\n },\r\n size: {\r\n md: \"h-8 p-2 [&>svg]:h-5 [&>svg]:w-5\",\r\n sm: \"h-6 p-1 [&>svg]:h-4 [&>svg]:w-4\",\r\n lg: \"h-10 rounded-md p-4 text-sm [&>svg]:h-6 [&>svg]:w-6\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\nexport type ButtonVariant = VariantProps<typeof buttonVariants>[\"variant\"];\r\nexport type ButtonSize = VariantProps<typeof buttonVariants>[\"size\"];\r\n\r\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n asChild?: boolean;\r\n loading?: boolean;\r\n startIcon?: React.ReactNode;\r\n endIcon?: React.ReactNode;\r\n variant?: ButtonVariant;\r\n size?: ButtonSize;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n ({ className, variant, size, asChild = false, children, loading, disabled, startIcon, endIcon, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n return (\r\n <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} disabled={disabled || loading} {...props}>\r\n {loading ? <Spinner /> : null}\r\n {startIcon}\r\n <Slottable>{children}</Slottable>\r\n {endIcon}\r\n </Comp>\r\n );\r\n },\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport { Button, type ButtonProps, buttonVariants };\r\n"],"names":["buttonVariants","tv","Button","React","className","variant","size","asChild","children","loading","disabled","startIcon","endIcon","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,QACE;AAAA,MACF,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,mBACE;AAAA,MACF,mBACE;AAAA,MACF,gBACE;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAcKC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,wBAC5FP,IAAUQ,IAAO,UAEtB,EAAA,WAAWC,EAAGhB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAU,CAAC,CAAC,GAAG,KAAAU,GAAU,UAAUJ,KAAYD,GAAU,GAAGI,GAC7G,UAAA;AAAA,IAAUJ,IAAA,gBAAAQ,EAACC,KAAQ,IAAK;AAAA,IACxBP;AAAA,IACD,gBAAAM,EAACE,KAAW,UAAAX,GAAS;AAAA,IACpBI;AAAA,EAAA,GACH;AAGN;AACAV,EAAO,cAAc;"}
1
+ {"version":3,"file":"button.es.js","sources":["../src/components/button/Button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst buttonVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500\",\r\n variants: {\r\n variant: {\r\n primary:\r\n \"bg-primary text-primary-foreground hover:bg-primary-600 focus:border-primary focus:ring focus:ring-primary-300 active:bg-primary active:ring active:ring-1 active:ring-primary active:ring-offset-2\",\r\n outline:\r\n \"border border-primary text-primary hover:bg-primary-50 focus:bg-primary-50 focus:border-primary-100 focus:ring focus:ring-primary-100 active:bg-primary-50 active:border-primary active:ring-1 active:ring-primary active:ring-offset-2 disabled:border-gray-400\",\r\n text: \"text-text [&>svg]:text-primary border border-transparent hover:bg-primary-50 focus:ring focus:ring-primary-100 active:ring-1 active:ring-primary disabled:text-text-300 [&>svg]:disabled:text-text-300 disabled:bg-transparent\",\r\n danger:\r\n \"bg-danger text-danger-foreground hover:bg-danger-600 focus:ring focus:ring-danger-400 active:bg-danger active:ring-1 active:ring-danger active:ring-offset-2\",\r\n warning:\r\n \"bg-warning text-warning-foreground hover:bg-warning-600 focus:ring focus:ring-warning-400 active:bg-warning active:ring-1 active:ring-warning active:ring-offset-2\",\r\n success:\r\n \"bg-success text-success-foreground hover:bg-success-600 focus:ring focus:ring-success-400 active:bg-success active:ring-1 active:ring-success active:ring-offset-2\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600 focus:ring focus:ring-info-400 active:bg-info active:ring-1 active:ring-info active:ring-offset-2\",\r\n \"primary-on-dark\":\r\n \"bg-gray-0 text-primary hover:bg-primary-50 focus:bg-gray-0 focus:border-none focus:ring focus:ring-primary-100 active:ring-0 active:bg-gray-0 active:outline active:outline-2 active:outline-gray-0 active:outline-offset-1\",\r\n \"outline-on-dark\":\r\n \"border border-gray-0 text-gray-0 hover:bg-primary-100 hover:text-primary focus:text-primary focus:bg-primary-50 focus:border-primary-50 focus:ring focus:ring-primary-100 active:text-gray-0 active:bg-transparent active:border-gray-0 active:ring-0 active:outline active:outline-1 active:outline-gray-0 active:outline-offset-2\",\r\n \"text-on-dark\":\r\n \"text-gray-0 hover:bg-primary-50 hover:text-text [&>svg]:hover:text-primary focus:text-text focus:bg-transparent focus:border-none [&>svg]:focus:text-primary-100 focus:ring focus:ring-primary-100 active:ring-0 active:bg-primary-50 active:text-text [&>svg]:active:text-primary active:outline active:outline-1 active:outline-gray-0 active:outline-offset-1\",\r\n },\r\n size: {\r\n md: \"h-8 p-2 [&>svg]:h-5 [&>svg]:w-5\",\r\n sm: \"h-6 p-1 [&>svg]:h-4 [&>svg]:w-4\",\r\n lg: \"h-10 rounded-md p-4 text-sm [&>svg]:h-6 [&>svg]:w-6\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\nexport type ButtonVariant = VariantProps<typeof buttonVariants>[\"variant\"];\r\nexport type ButtonSize = VariantProps<typeof buttonVariants>[\"size\"];\r\n\r\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n asChild?: boolean;\r\n loading?: boolean;\r\n startIcon?: React.ReactNode;\r\n endIcon?: React.ReactNode;\r\n variant?: ButtonVariant;\r\n size?: ButtonSize;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n ({ className, variant, size, asChild = false, children, loading, disabled, startIcon, endIcon, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n return (\r\n <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} disabled={disabled || loading} {...props}>\r\n {loading ? <Spinner /> : null}\r\n {startIcon}\r\n <Slottable>{children}</Slottable>\r\n {endIcon}\r\n </Comp>\r\n );\r\n },\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport { Button, type ButtonProps, buttonVariants };\r\n"],"names":["buttonVariants","tv","Button","React","className","variant","size","asChild","children","loading","disabled","startIcon","endIcon","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,QACE;AAAA,MACF,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,mBACE;AAAA,MACF,mBACE;AAAA,MACF,gBACE;AAAA,IAAA;AAAA,IAEJ,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAcKC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,wBAC5FP,IAAUQ,IAAO,UAE3B,EAAK,WAAWC,EAAGhB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC,GAAG,KAAAU,GAAU,UAAUJ,KAAYD,GAAU,GAAGI,GAC7G,UAAA;AAAA,IAAAJ,IAAU,gBAAAQ,EAACC,KAAQ,IAAK;AAAA,IACxBP;AAAA,IACD,gBAAAM,EAACE,KAAW,UAAAX,GAAS;AAAA,IACpBI;AAAA,EAAA,GACH;AAGN;AACAV,EAAO,cAAc;"}
@@ -1,7 +1,7 @@
1
1
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
2
2
  import * as d from "react";
3
3
  import { DayPicker as g, Chevron as p } from "react-day-picker";
4
- import { ChevronLeft as x, ChevronRight as w, ChevronDown as y } from "@trsys-tech/matrix-icons";
4
+ import { ChevronDown as x, ChevronLeft as w, ChevronRight as y } from "@trsys-tech/matrix-icons";
5
5
  import { Collapsible as v, CollapsibleTrigger as u, CollapsibleContent as C } from "@radix-ui/react-collapsible";
6
6
  import { cn as o } from "./utils.es.js";
7
7
  import { Button as N } from "./button.es.js";
@@ -52,7 +52,7 @@ function _({ className: c, classNames: f, showOutsideDays: m = !0, ...a }) {
52
52
  ...f
53
53
  },
54
54
  components: {
55
- Chevron: (e) => e.orientation === "left" ? /* @__PURE__ */ r(x, { ...e, className: "h-6 w-6" }) : e.orientation === "right" ? /* @__PURE__ */ r(w, { ...e, className: "h-6 w-6" }) : /* @__PURE__ */ r(p, { ...e }),
55
+ Chevron: (e) => e.orientation === "left" ? /* @__PURE__ */ r(w, { ...e, className: "h-6 w-6" }) : e.orientation === "right" ? /* @__PURE__ */ r(y, { ...e, className: "h-6 w-6" }) : /* @__PURE__ */ r(p, { ...e }),
56
56
  YearsDropdown: (e) => {
57
57
  const l = (t) => {
58
58
  e.onChange?.({ target: { value: t } });
@@ -61,7 +61,7 @@ function _({ className: c, classNames: f, showOutsideDays: m = !0, ...a }) {
61
61
  /* @__PURE__ */ i(u, { className: "group flex items-center gap-1", children: [
62
62
  e.value,
63
63
  " ",
64
- /* @__PURE__ */ r(y, { className: "text-primary w-5 h-5 group-data-[state='open']:rotate-180 transition-transform ms-auto" })
64
+ /* @__PURE__ */ r(x, { className: "text-primary w-5 h-5 group-data-[state='open']:rotate-180 transition-transform ms-auto" })
65
65
  ] }),
66
66
  /* @__PURE__ */ r(
67
67
  C,
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.es.js","sources":["../src/components/date-picker/calendar.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint-disable camelcase */\nimport * as React from \"react\";\nimport { Chevron, DayPicker, DayPickerProps } from \"react-day-picker\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\n\nexport type CalendarProps = DayPickerProps & {};\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n const yearCollapseRef = React.useRef<HTMLDivElement>(null);\n const [size, setSize] = React.useState({ width: 0, height: 0 });\n\n React.useEffect(() => {\n if (yearCollapseRef.current) {\n const { width, height } = yearCollapseRef.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {\n width: 0,\n height: 0,\n };\n setSize({ width, height });\n }\n }, []);\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\"p-3 relative w-full max-w-sm group/root z-10\", className)}\n classNames={{\n months: cn(\"relative flex flex-col\", props.mode === \"range\" && \"md:flex-row md:space-x-4 md:space-y-2\"),\n month: \"space-y-4 peer md:flex-1\",\n month_caption: \"flex justify-center pt-1 relative items-center\",\n dropdowns: \"flex gap-2\",\n caption_label: \"text-sm font-bold\",\n nav: cn(\"space-x-1 flex items-center group-has-[[data-state=open]]/root:hidden\", props.mode !== \"range\" && \"relative\"),\n button_previous: cn(\n \"h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute left-2 top-0 md:top-0.5 z-10\",\n props.mode === \"range\" && \"md:left-8 md:top-2\",\n ),\n button_next: cn(\n \"h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute right-2 top-0 md:top-0.5 z-10\",\n props.mode === \"range\" && \"md:top-2\",\n ),\n month_grid: cn(\"w-full border-collapse space-y-1\"),\n weekdays: \"grid grid-cols-7 justify-items-center\",\n weekday: \"text-text rounded-md w-8 font-bold text-sm\",\n week: \"mt-2 h-11 grid grid-cols-7 items-center\",\n day: \"relative p-0 text-center text-sm h-11 min-w-11 md:min-w-9 md:h-9\",\n day_button: \"w-11 md:w-9 h-full p-0 text-sm\",\n range_start:\n \"before:block before:absolute before:-z-10 before:content-[''] before:w-1/2 before:end-0 before:h-full before:bg-secondary/50 after:!w-0\",\n range_end:\n \"after:block after:absolute after:top-0 after:-z-10 after:content-[''] after:w-1/2 after:start-0 after:h-full after:bg-secondary/50 before:!w-0\",\n selected:\n \"[&>button]:bg-secondary [&>button]:rounded-full text-text font-bold [&>button]:hover:bg-secondary [&>button]:hover:text-text [&>button]:focus:bg-secondary [&>button]:focus:text-text [&>button]:text-xs\",\n today: \"text-primary font-bold [&>button]:text-xs\",\n outside:\n \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n disabled: \"text-muted-foreground opacity-50\",\n range_middle: \"bg-secondary/50 [&>button]:data-[selected='true']:bg-secondary/0 data-[selected='true']:rounded-none text-accent-foreground\",\n hidden: \"invisible\",\n ...classNames,\n }}\n components={{\n Chevron: props => {\n if (props.orientation === \"left\") {\n return <ChevronLeft {...props} className=\"h-6 w-6\" />;\n } else if (props.orientation === \"right\") {\n return <ChevronRight {...props} className=\"h-6 w-6\" />;\n }\n return <Chevron {...props} />;\n },\n YearsDropdown: params => {\n const handleChange = (value: string) => {\n params.onChange?.({ target: { value: value } } as unknown as React.ChangeEvent<HTMLSelectElement>);\n };\n return (\n <Collapsible ref={yearCollapseRef}>\n <CollapsibleTrigger className=\"group flex items-center gap-1\">\n {params.value} <ChevronDown className=\"text-primary w-5 h-5 group-data-[state='open']:rotate-180 transition-transform ms-auto\" />\n </CollapsibleTrigger>\n <CollapsibleContent\n className=\"overflow-auto z-50 absolute bg-popover left-2 top-11 p-1\"\n style={{ width: size.width, height: size.height - 44 }}\n >\n <div className=\"flex flex-row flex-wrap gap-4\">\n {params.options\n ? [...params.options]\n .sort((a, b) => Number(b.value) - Number(a.value)) // Sort in descending order (newest year first)\n .map(option => (\n <CollapsibleTrigger asChild key={option.label}>\n <Button\n data-value={option.value}\n variant=\"text\"\n className={cn(\"h-6 w-14 py-1 px-3 rounded-full font-bold\", params.value === option.value && \"bg-secondary\")}\n onClick={() => handleChange(option.value.toString())}\n >\n {option.label}\n </Button>\n </CollapsibleTrigger>\n ))\n : null}\n </div>\n </CollapsibleContent>\n </Collapsible>\n );\n },\n }}\n {...props}\n />\n );\n}\nCalendar.displayName = \"Calendar\";\n\nexport { Calendar };\n"],"names":["Calendar","className","classNames","showOutsideDays","props","yearCollapseRef","React","size","setSize","width","height","jsx","DayPicker","cn","ChevronLeft","ChevronRight","Chevron","params","handleChange","value","jsxs","Collapsible","CollapsibleTrigger","ChevronDown","CollapsibleContent","a","b","option","Button"],"mappings":"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"}
1
+ {"version":3,"file":"calendar.es.js","sources":["../src/components/date-picker/calendar.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint-disable camelcase */\nimport * as React from \"react\";\nimport { Chevron, DayPicker, DayPickerProps } from \"react-day-picker\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\n\nexport type CalendarProps = DayPickerProps & {};\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n const yearCollapseRef = React.useRef<HTMLDivElement>(null);\n const [size, setSize] = React.useState({ width: 0, height: 0 });\n\n React.useEffect(() => {\n if (yearCollapseRef.current) {\n const { width, height } = yearCollapseRef.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {\n width: 0,\n height: 0,\n };\n setSize({ width, height });\n }\n }, []);\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\"p-3 relative w-full max-w-sm group/root z-10\", className)}\n classNames={{\n months: cn(\"relative flex flex-col\", props.mode === \"range\" && \"md:flex-row md:space-x-4 md:space-y-2\"),\n month: \"space-y-4 peer md:flex-1\",\n month_caption: \"flex justify-center pt-1 relative items-center\",\n dropdowns: \"flex gap-2\",\n caption_label: \"text-sm font-bold\",\n nav: cn(\"space-x-1 flex items-center group-has-[[data-state=open]]/root:hidden\", props.mode !== \"range\" && \"relative\"),\n button_previous: cn(\n \"h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute left-2 top-0 md:top-0.5 z-10\",\n props.mode === \"range\" && \"md:left-8 md:top-2\",\n ),\n button_next: cn(\n \"h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute right-2 top-0 md:top-0.5 z-10\",\n props.mode === \"range\" && \"md:top-2\",\n ),\n month_grid: cn(\"w-full border-collapse space-y-1\"),\n weekdays: \"grid grid-cols-7 justify-items-center\",\n weekday: \"text-text rounded-md w-8 font-bold text-sm\",\n week: \"mt-2 h-11 grid grid-cols-7 items-center\",\n day: \"relative p-0 text-center text-sm h-11 min-w-11 md:min-w-9 md:h-9\",\n day_button: \"w-11 md:w-9 h-full p-0 text-sm\",\n range_start:\n \"before:block before:absolute before:-z-10 before:content-[''] before:w-1/2 before:end-0 before:h-full before:bg-secondary/50 after:!w-0\",\n range_end:\n \"after:block after:absolute after:top-0 after:-z-10 after:content-[''] after:w-1/2 after:start-0 after:h-full after:bg-secondary/50 before:!w-0\",\n selected:\n \"[&>button]:bg-secondary [&>button]:rounded-full text-text font-bold [&>button]:hover:bg-secondary [&>button]:hover:text-text [&>button]:focus:bg-secondary [&>button]:focus:text-text [&>button]:text-xs\",\n today: \"text-primary font-bold [&>button]:text-xs\",\n outside:\n \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n disabled: \"text-muted-foreground opacity-50\",\n range_middle: \"bg-secondary/50 [&>button]:data-[selected='true']:bg-secondary/0 data-[selected='true']:rounded-none text-accent-foreground\",\n hidden: \"invisible\",\n ...classNames,\n }}\n components={{\n Chevron: props => {\n if (props.orientation === \"left\") {\n return <ChevronLeft {...props} className=\"h-6 w-6\" />;\n } else if (props.orientation === \"right\") {\n return <ChevronRight {...props} className=\"h-6 w-6\" />;\n }\n return <Chevron {...props} />;\n },\n YearsDropdown: params => {\n const handleChange = (value: string) => {\n params.onChange?.({ target: { value: value } } as unknown as React.ChangeEvent<HTMLSelectElement>);\n };\n return (\n <Collapsible ref={yearCollapseRef}>\n <CollapsibleTrigger className=\"group flex items-center gap-1\">\n {params.value} <ChevronDown className=\"text-primary w-5 h-5 group-data-[state='open']:rotate-180 transition-transform ms-auto\" />\n </CollapsibleTrigger>\n <CollapsibleContent\n className=\"overflow-auto z-50 absolute bg-popover left-2 top-11 p-1\"\n style={{ width: size.width, height: size.height - 44 }}\n >\n <div className=\"flex flex-row flex-wrap gap-4\">\n {params.options\n ? [...params.options]\n .sort((a, b) => Number(b.value) - Number(a.value)) // Sort in descending order (newest year first)\n .map(option => (\n <CollapsibleTrigger asChild key={option.label}>\n <Button\n data-value={option.value}\n variant=\"text\"\n className={cn(\"h-6 w-14 py-1 px-3 rounded-full font-bold\", params.value === option.value && \"bg-secondary\")}\n onClick={() => handleChange(option.value.toString())}\n >\n {option.label}\n </Button>\n </CollapsibleTrigger>\n ))\n : null}\n </div>\n </CollapsibleContent>\n </Collapsible>\n );\n },\n }}\n {...props}\n />\n );\n}\nCalendar.displayName = \"Calendar\";\n\nexport { Calendar };\n"],"names":["Calendar","className","classNames","showOutsideDays","props","yearCollapseRef","React","size","setSize","width","height","jsx","DayPicker","cn","ChevronLeft","ChevronRight","Chevron","params","handleChange","value","jsxs","Collapsible","CollapsibleTrigger","ChevronDown","CollapsibleContent","a","b","option","Button"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"card.es.js","sources":["../src/components/card/Card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"rounded-lg bg-card text-card-foreground shadow-card\", className)} {...props} />\r\n));\r\nCard.displayName = \"Card\";\r\ntype CardProps = React.ComponentProps<typeof Card>;\r\n\r\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-4\", className)} {...props} />\r\n));\r\nCardHeader.displayName = \"CardHeader\";\r\ntype CardHeaderProps = React.ComponentProps<typeof CardHeader>;\r\n\r\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(({ className, ...props }, ref) => (\r\n <h3 ref={ref} className={cn(\"font-semibold leading-none tracking-tight\", className)} {...props} />\r\n));\r\nCardTitle.displayName = \"CardTitle\";\r\ntype CardTitleProps = React.ComponentProps<typeof CardTitle>;\r\n\r\nconst CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(({ className, ...props }, ref) => (\r\n <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\r\n));\r\nCardDescription.displayName = \"CardDescription\";\r\ntype CardDescriptionProps = React.ComponentProps<typeof CardDescription>;\r\n\r\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"p-4 pt-0\", className)} {...props} />\r\n));\r\nCardContent.displayName = \"CardContent\";\r\ntype CardContentProps = React.ComponentProps<typeof CardContent>;\r\n\r\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"flex items-center p-4 pt-0\", className)} {...props} />\r\n));\r\nCardFooter.displayName = \"CardFooter\";\r\ntype CardFooterProps = React.ComponentProps<typeof CardFooter>;\r\n\r\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\r\nexport type { CardProps, CardHeaderProps, CardFooterProps, CardTitleProps, CardDescriptionProps, CardContentProps };\r\n"],"names":["Card","React","className","props","ref","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAKM,MAAAA,IAAOC,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBAC3G,OAAI,EAAA,KAAAA,GAAU,WAAWC,EAAG,uDAAuDH,CAAS,GAAI,GAAGC,GAAO,CAC5G;AACDH,EAAK,cAAc;AAGb,MAAAM,IAAaL,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBACjH,OAAI,EAAA,KAAAA,GAAU,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,GAAO,CACtF;AACDG,EAAW,cAAc;AAGnB,MAAAC,IAAYN,EAAM,WAA2E,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBAC1H,MAAG,EAAA,KAAAA,GAAU,WAAWC,EAAG,6CAA6CH,CAAS,GAAI,GAAGC,GAAO,CACjG;AACDI,EAAU,cAAc;AAGlB,MAAAC,IAAkBP,EAAM,WAA6E,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBAClI,KAAE,EAAA,KAAAA,GAAU,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,GAAO,CACpF;AACDK,EAAgB,cAAc;AAGxB,MAAAC,IAAcR,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBAClH,OAAI,EAAA,KAAAA,GAAU,WAAWC,EAAG,YAAYH,CAAS,GAAI,GAAGC,GAAO,CACjE;AACDM,EAAY,cAAc;AAGpB,MAAAC,IAAaT,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBACjH,OAAI,EAAA,KAAAA,GAAU,WAAWC,EAAG,8BAA8BH,CAAS,GAAI,GAAGC,GAAO,CACnF;AACDO,EAAW,cAAc;"}
1
+ {"version":3,"file":"card.es.js","sources":["../src/components/card/Card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"rounded-lg bg-card text-card-foreground shadow-card\", className)} {...props} />\r\n));\r\nCard.displayName = \"Card\";\r\ntype CardProps = React.ComponentProps<typeof Card>;\r\n\r\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-4\", className)} {...props} />\r\n));\r\nCardHeader.displayName = \"CardHeader\";\r\ntype CardHeaderProps = React.ComponentProps<typeof CardHeader>;\r\n\r\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(({ className, ...props }, ref) => (\r\n <h3 ref={ref} className={cn(\"font-semibold leading-none tracking-tight\", className)} {...props} />\r\n));\r\nCardTitle.displayName = \"CardTitle\";\r\ntype CardTitleProps = React.ComponentProps<typeof CardTitle>;\r\n\r\nconst CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(({ className, ...props }, ref) => (\r\n <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\r\n));\r\nCardDescription.displayName = \"CardDescription\";\r\ntype CardDescriptionProps = React.ComponentProps<typeof CardDescription>;\r\n\r\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"p-4 pt-0\", className)} {...props} />\r\n));\r\nCardContent.displayName = \"CardContent\";\r\ntype CardContentProps = React.ComponentProps<typeof CardContent>;\r\n\r\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"flex items-center p-4 pt-0\", className)} {...props} />\r\n));\r\nCardFooter.displayName = \"CardFooter\";\r\ntype CardFooterProps = React.ComponentProps<typeof CardFooter>;\r\n\r\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\r\nexport type { CardProps, CardHeaderProps, CardFooterProps, CardTitleProps, CardDescriptionProps, CardContentProps };\r\n"],"names":["Card","React","className","props","ref","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAC3G,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,uDAAuDH,CAAS,GAAI,GAAGC,GAAO,CAC5G;AACDH,EAAK,cAAc;AAGnB,MAAMM,IAAaL,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACjH,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,GAAO,CACtF;AACDG,EAAW,cAAc;AAGzB,MAAMC,IAAYN,EAAM,WAA2E,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAC1H,MAAA,EAAG,KAAAA,GAAU,WAAWC,EAAG,6CAA6CH,CAAS,GAAI,GAAGC,GAAO,CACjG;AACDI,EAAU,cAAc;AAGxB,MAAMC,IAAkBP,EAAM,WAA6E,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAClI,KAAA,EAAE,KAAAA,GAAU,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,GAAO,CACpF;AACDK,EAAgB,cAAc;AAG9B,MAAMC,IAAcR,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAClH,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,YAAYH,CAAS,GAAI,GAAGC,GAAO,CACjE;AACDM,EAAY,cAAc;AAG1B,MAAMC,IAAaT,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACjH,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,8BAA8BH,CAAS,GAAI,GAAGC,GAAO,CACnF;AACDO,EAAW,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.es.js","sources":["../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Check, Minus } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>>(\r\n ({ className, ...props }, ref) => {\r\n return (\r\n <CheckboxPrimitive.Root\r\n ref={ref}\r\n className={cn(\r\n \"peer h-4 w-4 shrink-0 rounded-sm border border-gray-400 hover:border-primary hover:bg-primary-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground disabled:bg-muted disabled:border-muted disabled:data-[state=checked]:border-muted disabled:data-[state=checked]:bg-muted disabled:data-[state=checked]:text-muted-foreground disabled:data-[state=indeterminate]:border-muted disabled:data-[state=indeterminate]:bg-muted disabled:data-[state=indeterminate]:text-muted-foreground\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n <CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center text-current group\")}>\r\n <Check className=\"w-full h-full group-data-[state=indeterminate]:hidden\" />\r\n <Minus className=\"w-full h-full group-data-[state=checked]:hidden\" />\r\n </CheckboxPrimitive.Indicator>\r\n </CheckboxPrimitive.Root>\r\n );\r\n },\r\n);\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\ntype CheckboxProps = React.ComponentProps<typeof Checkbox>;\r\n\r\nexport { Checkbox, type CheckboxProps };\r\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Check","Minus"],"mappings":";;;;;AAQA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MAEJ,4BAACG,EAAkB,WAAlB,EAA4B,WAAWC,EAAG,qDAAqD,GAC9F,UAAA;AAAA,QAAC,gBAAAF,EAAAG,GAAA,EAAM,WAAU,wDAAwD,CAAA;AAAA,QACzE,gBAAAH,EAACI,GAAM,EAAA,WAAU,kDAAkD,CAAA;AAAA,MAAA,EACrE,CAAA;AAAA,IAAA;AAAA,EACF;AAGN;AACAT,EAAS,cAAcM,EAAkB,KAAK;"}
1
+ {"version":3,"file":"checkbox.es.js","sources":["../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Check, Minus } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>>(\r\n ({ className, ...props }, ref) => {\r\n return (\r\n <CheckboxPrimitive.Root\r\n ref={ref}\r\n className={cn(\r\n \"peer h-4 w-4 shrink-0 rounded-sm border border-gray-400 hover:border-primary hover:bg-primary-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground disabled:bg-muted disabled:border-muted disabled:data-[state=checked]:border-muted disabled:data-[state=checked]:bg-muted disabled:data-[state=checked]:text-muted-foreground disabled:data-[state=indeterminate]:border-muted disabled:data-[state=indeterminate]:bg-muted disabled:data-[state=indeterminate]:text-muted-foreground\",\r\n className,\r\n )}\r\n {...props}\r\n >\r\n <CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center text-current group\")}>\r\n <Check className=\"w-full h-full group-data-[state=indeterminate]:hidden\" />\r\n <Minus className=\"w-full h-full group-data-[state=checked]:hidden\" />\r\n </CheckboxPrimitive.Indicator>\r\n </CheckboxPrimitive.Root>\r\n );\r\n },\r\n);\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\ntype CheckboxProps = React.ComponentProps<typeof Checkbox>;\r\n\r\nexport { Checkbox, type CheckboxProps };\r\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Check","Minus"],"mappings":";;;;;AAQA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,4BAACG,EAAkB,WAAlB,EAA4B,WAAWC,EAAG,qDAAqD,GAC9F,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAM,WAAU,wDAAA,CAAwD;AAAA,QACzE,gBAAAH,EAACI,GAAA,EAAM,WAAU,kDAAA,CAAkD;AAAA,MAAA,EAAA,CACrE;AAAA,IAAA;AAAA,EAAA;AAIR;AACAT,EAAS,cAAcM,EAAkB,KAAK;"}
@@ -1 +1 @@
1
- {"version":3,"file":"chip.es.js","sources":["../src/components/chip/Chip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { XMark } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst chipVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-xs font-medium\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary-100 text-primary-700 border border-primary\",\r\n neutral: \"bg-gray-50 text-text-400 border border-gray-400\",\r\n \"table-primary\": \"bg-primary-25 text-primary font-bold\",\r\n \"table-neutral\": \"bg-gray-50 text-text-400 font-medium\",\r\n },\r\n size: {\r\n sm: \"px-2 h-6\",\r\n md: \"px-4 h-8\",\r\n lg: \"px-6 h-10 text-sm\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface ChipProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {\r\n asChild?: boolean;\r\n onClose?: () => void;\r\n}\r\n\r\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(({ className, variant, asChild = false, children, onClose, size, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"span\";\r\n return (\r\n <Comp className={cn(chipVariants({ variant, size, className }))} ref={ref} {...props}>\r\n {children}\r\n {onClose ? (\r\n <button\r\n className={cn(\r\n { \"-me-3 [&>svg]:w-5 [&>svg]:h-5\": size === \"lg\" },\r\n { \"-me-2 [&>svg]:w-4.5 [&>svg]:h-4.5\": size === \"md\" || size === undefined },\r\n { \"-me-1 [&>svg]:w-4 [&>svg]:h-4\": size === \"sm\" },\r\n )}\r\n >\r\n <XMark />\r\n </button>\r\n ) : null}\r\n </Comp>\r\n );\r\n});\r\nChip.displayName = \"Chip\";\r\n\r\nexport { Chip, type ChipProps };\r\n"],"names":["chipVariants","tv","Chip","React","className","variant","asChild","children","onClose","size","props","ref","jsxs","Slot","cn","jsx","XMark"],"mappings":";;;;;;AASA,MAAMA,IAAeC,EAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IACnB;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAOC,EAAM,WAAuC,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAGlI,gBAAAC,EAFUN,IAAUO,IAAO,QAE3B,EAAK,WAAWC,EAAGd,EAAa,EAAE,SAAAK,GAAS,MAAAI,GAAM,WAAAL,EAAW,CAAA,CAAC,GAAG,KAAAO,GAAW,GAAGD,GAC5E,UAAA;AAAA,EAAAH;AAAA,EACAC,IACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,QACT,EAAE,iCAAiCL,MAAS,KAAK;AAAA,QACjD,EAAE,qCAAqCA,MAAS,QAAQA,MAAS,OAAU;AAAA,QAC3E,EAAE,iCAAiCA,MAAS,KAAK;AAAA,MACnD;AAAA,MAEA,4BAACO,GAAM,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,IAEP;AAAA,GACN,CAEH;AACDd,EAAK,cAAc;"}
1
+ {"version":3,"file":"chip.es.js","sources":["../src/components/chip/Chip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { XMark } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst chipVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-xs font-medium\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary-100 text-primary-700 border border-primary\",\r\n neutral: \"bg-gray-50 text-text-400 border border-gray-400\",\r\n \"table-primary\": \"bg-primary-25 text-primary font-bold\",\r\n \"table-neutral\": \"bg-gray-50 text-text-400 font-medium\",\r\n },\r\n size: {\r\n sm: \"px-2 h-6\",\r\n md: \"px-4 h-8\",\r\n lg: \"px-6 h-10 text-sm\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface ChipProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {\r\n asChild?: boolean;\r\n onClose?: () => void;\r\n}\r\n\r\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(({ className, variant, asChild = false, children, onClose, size, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"span\";\r\n return (\r\n <Comp className={cn(chipVariants({ variant, size, className }))} ref={ref} {...props}>\r\n {children}\r\n {onClose ? (\r\n <button\r\n className={cn(\r\n { \"-me-3 [&>svg]:w-5 [&>svg]:h-5\": size === \"lg\" },\r\n { \"-me-2 [&>svg]:w-4.5 [&>svg]:h-4.5\": size === \"md\" || size === undefined },\r\n { \"-me-1 [&>svg]:w-4 [&>svg]:h-4\": size === \"sm\" },\r\n )}\r\n >\r\n <XMark />\r\n </button>\r\n ) : null}\r\n </Comp>\r\n );\r\n});\r\nChip.displayName = \"Chip\";\r\n\r\nexport { Chip, type ChipProps };\r\n"],"names":["chipVariants","tv","Chip","React","className","variant","asChild","children","onClose","size","props","ref","jsxs","Slot","cn","jsx","XMark"],"mappings":";;;;;;AASA,MAAMA,IAAeC,EAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IAAA;AAAA,IAEnB,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAOC,EAAM,WAAuC,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAGnI,gBAAAC,EAFWN,IAAUO,IAAO,QAE3B,EAAK,WAAWC,EAAGd,EAAa,EAAE,SAAAK,GAAS,MAAAI,GAAM,WAAAL,EAAA,CAAW,CAAC,GAAG,KAAAO,GAAW,GAAGD,GAC5E,UAAA;AAAA,EAAAH;AAAA,EACAC,IACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,QACT,EAAE,iCAAiCL,MAAS,KAAA;AAAA,QAC5C,EAAE,qCAAqCA,MAAS,QAAQA,MAAS,OAAA;AAAA,QACjE,EAAE,iCAAiCA,MAAS,KAAA;AAAA,MAAK;AAAA,MAGnD,4BAACO,GAAA,CAAA,CAAM;AAAA,IAAA;AAAA,EAAA,IAEP;AAAA,GACN,CAEH;AACDd,EAAK,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"collapsible.es.js","sources":["../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\nimport type { CollapsibleProps, CollapsibleContentProps, CollapsibleTriggerProps } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst Collapsible = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Root ref={ref} className={cn(\"rounded-lg bg-card text-card-foreground shadow-card\", className)} {...props} />\n));\nCollapsible.displayName = \"Collapsible\";\n\nconst CollapsibleContent = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>\n>(({ className, children, ...props }, ref) => (\n <CollapsiblePrimitive.CollapsibleContent\n ref={ref}\n className=\"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down rounded-b-lg\"\n {...props}\n >\n <div className={cn(\"p-4 pt-0\", className)}>{children}</div>\n </CollapsiblePrimitive.CollapsibleContent>\n));\nCollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName;\n\nconst CollapsibleTrigger = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.CollapsibleTrigger>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>\n>(({ className, children, ...props }, ref) => (\n <CollapsiblePrimitive.CollapsibleTrigger ref={ref} className={cn(\"p-4\", className)} {...props}>\n {children}\n </CollapsiblePrimitive.CollapsibleTrigger>\n));\nCollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent, type CollapsibleProps, type CollapsibleContentProps, type CollapsibleTriggerProps };\n"],"names":["Collapsible","React","className","props","ref","jsx","CollapsiblePrimitive","cn","CollapsibleContent","children","CollapsibleTrigger"],"mappings":";;;;AAQM,MAAAA,IAAcC,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC,EAACC,EAAqB,MAArB,EAA0B,KAAAF,GAAU,WAAWG,EAAG,uDAAuDL,CAAS,GAAI,GAAGC,GAAO,CAClI;AACDH,EAAY,cAAc;AAEpB,MAAAQ,IAAqBP,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAF;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAI,EAAA,WAAWI,EAAG,YAAYL,CAAS,GAAI,UAAAO,EAAS,CAAA;AAAA,EAAA;AACvD,CACD;AACDD,EAAmB,cAAcF,EAAqB,QAAQ;AAExD,MAAAI,IAAqBT,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC,EAACC,EAAqB,oBAArB,EAAwC,KAAAF,GAAU,WAAWG,EAAG,OAAOL,CAAS,GAAI,GAAGC,GACrF,UAAAM,GACH,CACD;AACDC,EAAmB,cAAcJ,EAAqB,QAAQ;"}
1
+ {"version":3,"file":"collapsible.es.js","sources":["../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\nimport type { CollapsibleProps, CollapsibleContentProps, CollapsibleTriggerProps } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst Collapsible = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Root ref={ref} className={cn(\"rounded-lg bg-card text-card-foreground shadow-card\", className)} {...props} />\n));\nCollapsible.displayName = \"Collapsible\";\n\nconst CollapsibleContent = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>\n>(({ className, children, ...props }, ref) => (\n <CollapsiblePrimitive.CollapsibleContent\n ref={ref}\n className=\"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down rounded-b-lg\"\n {...props}\n >\n <div className={cn(\"p-4 pt-0\", className)}>{children}</div>\n </CollapsiblePrimitive.CollapsibleContent>\n));\nCollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName;\n\nconst CollapsibleTrigger = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.CollapsibleTrigger>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>\n>(({ className, children, ...props }, ref) => (\n <CollapsiblePrimitive.CollapsibleTrigger ref={ref} className={cn(\"p-4\", className)} {...props}>\n {children}\n </CollapsiblePrimitive.CollapsibleTrigger>\n));\nCollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent, type CollapsibleProps, type CollapsibleContentProps, type CollapsibleTriggerProps };\n"],"names":["Collapsible","React","className","props","ref","jsx","CollapsiblePrimitive","cn","CollapsibleContent","children","CollapsibleTrigger"],"mappings":";;;;AAQA,MAAMA,IAAcC,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC,EAACC,EAAqB,MAArB,EAA0B,KAAAF,GAAU,WAAWG,EAAG,uDAAuDL,CAAS,GAAI,GAAGC,GAAO,CAClI;AACDH,EAAY,cAAc;AAE1B,MAAMQ,IAAqBP,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAF;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAA,EAAI,WAAWI,EAAG,YAAYL,CAAS,GAAI,UAAAO,EAAA,CAAS;AAAA,EAAA;AACvD,CACD;AACDD,EAAmB,cAAcF,EAAqB,QAAQ;AAE9D,MAAMI,IAAqBT,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC,EAACC,EAAqB,oBAArB,EAAwC,KAAAF,GAAU,WAAWG,EAAG,OAAOL,CAAS,GAAI,GAAGC,GACrF,UAAAM,GACH,CACD;AACDC,EAAmB,cAAcJ,EAAqB,QAAQ;"}
@@ -1,6 +1,6 @@
1
1
  import { jsxs as n, jsx as a } from "react/jsx-runtime";
2
2
  import o, { useRef as _, useEffect as A } from "react";
3
- import { ChevronDown as B, XMark as O, Check as T } from "@trsys-tech/matrix-icons";
3
+ import { XMark as B, ChevronDown as O, Check as T } from "@trsys-tech/matrix-icons";
4
4
  import { cn as v } from "./utils.es.js";
5
5
  import { Button as G } from "./button.es.js";
6
6
  import { Popover as M, PopoverTrigger as X, PopoverContent as q } from "./popover.es.js";
@@ -65,7 +65,7 @@ const ae = ({
65
65
  loading: d,
66
66
  disabled: w,
67
67
  endIcon: /* @__PURE__ */ a(
68
- B,
68
+ O,
69
69
  {
70
70
  role: "button",
71
71
  "aria-label": "Expand dropdown",
@@ -82,7 +82,7 @@ const ae = ({
82
82
  className: "p-0 rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500 text-primary hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700 [&>svg]:h-4.5 [&>svg]:w-4.5",
83
83
  role: "button",
84
84
  "aria-label": "Clear selection",
85
- children: /* @__PURE__ */ a(O, {})
85
+ children: /* @__PURE__ */ a(B, {})
86
86
  }
87
87
  ) : null
88
88
  ]
@@ -1 +1 @@
1
- {"version":3,"file":"combobox.es.js","sources":["../src/components/combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useEffect, useRef } from \"react\";\r\nimport { Check, ChevronDown, XMark } from \"@trsys-tech/matrix-icons\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from \"../command/Command\";\r\n\r\ntype ComboboxProps<T extends string | number> = React.HTMLAttributes<HTMLButtonElement> & {\r\n /**\r\n * The options to display in the combobox.\r\n * Each option should have a label and a value.\r\n * The label is what is displayed in the combobox.\r\n * The value is what is returned when the option is selected.\r\n */\r\n options: { label: string; value: T }[];\r\n\r\n /**\r\n * The value of the combobox.\r\n */\r\n value?: T;\r\n\r\n /**\r\n * A function that is called when the value of the combobox changes.\r\n */\r\n onValueChange?: (value: T) => void;\r\n\r\n /**\r\n * Placeholder text to be displayed when no values are selected.\r\n * @default \"Select an option\"\r\n */\r\n placeholder?: string;\r\n\r\n /**\r\n * The modality of the popover. When set to true, interaction with outside elements\r\n * will be disabled and only popover content will be visible to screen readers.\r\n * Optional\r\n * @default false\r\n */\r\n modalPopover?: boolean;\r\n\r\n /**\r\n * The text to display in the search input.\r\n * @default \"Search...\"\r\n */\r\n searchText?: string;\r\n\r\n /**\r\n * The text to display when no results are found.\r\n * @default \"No results found\"\r\n */\r\n noResultsText?: string;\r\n\r\n /**\r\n * Whether the popover should close when an option is selected.\r\n * @default true\r\n */\r\n closeOnSelect?: boolean;\r\n\r\n /**\r\n * Whether the combobox is loading.\r\n * @default false\r\n */\r\n loading?: boolean;\r\n\r\n /**\r\n * Whether the combobox is disabled.\r\n * @default false\r\n */\r\n disabled?: boolean;\r\n\r\n /**\r\n * The text to display when the combobox is loading.\r\n * @default \"Loading...\"\r\n */\r\n loadingText?: string;\r\n\r\n /**\r\n * The text to display when there are no options.\r\n * @default \"No Items\"\r\n */\r\n emptyOptionsText?: string;\r\n\r\n /**\r\n * Whether to show the search input.\r\n * @default true\r\n */\r\n showSearchInput?: boolean;\r\n\r\n /**\r\n * Whether to show the clear button.\r\n * @default false\r\n */\r\n clearable?: boolean;\r\n};\r\n\r\nconst Combobox = <T extends string | number>({\r\n onValueChange,\r\n options,\r\n value,\r\n className,\r\n clearable = false,\r\n closeOnSelect = true,\r\n loading,\r\n disabled,\r\n placeholder = \"Select an option\",\r\n searchText = \"Search...\",\r\n noResultsText = \"No results found\",\r\n loadingText = \"Loading...\",\r\n emptyOptionsText = \"No Items\",\r\n showSearchInput = true,\r\n modalPopover,\r\n ...props\r\n}: ComboboxProps<T>) => {\r\n const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\r\n const commandRef = useRef<HTMLDivElement>(null);\r\n\r\n const [currentSelectedValue, setCurrentSelectedValue] = React.useState<T | undefined>(value);\r\n\r\n const handleInputKeyDown = React.useCallback(\r\n (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === \"Enter\") {\r\n setIsPopoverOpen(true);\r\n } else if (event.key === \"Backspace\" && !event.currentTarget.value) {\r\n setCurrentSelectedValue(currentSelectedValue);\r\n onValueChange?.(currentSelectedValue!);\r\n if (closeOnSelect) setIsPopoverOpen(false);\r\n }\r\n },\r\n [currentSelectedValue, onValueChange, closeOnSelect],\r\n );\r\n\r\n const handleSelect = React.useCallback(\r\n (currentValue: T) => {\r\n setCurrentSelectedValue(currentValue);\r\n onValueChange?.(currentValue);\r\n if (closeOnSelect) setIsPopoverOpen(false);\r\n },\r\n [onValueChange, closeOnSelect],\r\n );\r\n\r\n const handleClear = React.useCallback(\r\n (e: React.MouseEvent) => {\r\n e.stopPropagation();\r\n onValueChange?.(undefined as unknown as T);\r\n setCurrentSelectedValue(undefined);\r\n },\r\n [onValueChange],\r\n );\r\n\r\n const handleFilter = React.useCallback((value: string, search: string, keywords: string[] = [\"\"]) => {\r\n return keywords.join(\"\").toLocaleLowerCase().includes(search.toLocaleLowerCase()) ? 1 : 0;\r\n }, []);\r\n\r\n // when search input is not shown, we need to focus on the command manually to enable keyboard navigation\r\n const handleOpenAutoFocus = React.useCallback(\r\n (e: Event) => {\r\n if (!showSearchInput) {\r\n e.preventDefault();\r\n commandRef.current?.focus();\r\n }\r\n },\r\n [showSearchInput],\r\n );\r\n\r\n useEffect(() => {\r\n setCurrentSelectedValue(value);\r\n }, [value]);\r\n\r\n const showPlaceholder = currentSelectedValue === undefined || currentSelectedValue === \"\";\r\n\r\n return (\r\n <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen} modal={modalPopover}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n variant=\"text\"\r\n role=\"combobox\"\r\n type=\"button\"\r\n aria-expanded={isPopoverOpen}\r\n className={cn(\r\n \"group flex h-8 w-full items-center justify-between whitespace-nowrap overflow-hidden rounded-sm border border-input bg-transparent px-3 py-1.5 text-sm ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary hover:bg-transparent focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-gray-100 [&_svg]:disabled:text-text-300\",\r\n className,\r\n )}\r\n data-value={currentSelectedValue}\r\n data-placeholder={showPlaceholder ? \"\" : undefined}\r\n loading={loading}\r\n disabled={disabled}\r\n endIcon={\r\n <ChevronDown\r\n role=\"button\"\r\n aria-label=\"Expand dropdown\"\r\n className=\"!h-4.5 !w-4.5 cursor-pointer group-data-[state=open]:rotate-180 transition-transform ms-auto\"\r\n />\r\n }\r\n {...props}\r\n >\r\n <span className=\"text-start text-ellipsis whitespace-nowrap overflow-hidden flex-1 max-w-[calc(100%-24px)]\">\r\n {!showPlaceholder ? options.find(option => option.value === currentSelectedValue)?.label : loading ? loadingText : placeholder}\r\n </span>\r\n {clearable && currentSelectedValue !== undefined && currentSelectedValue !== null ? (\r\n <span\r\n onClick={handleClear}\r\n className=\"p-0 rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500 text-primary hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700 [&>svg]:h-4.5 [&>svg]:w-4.5\"\r\n role=\"button\"\r\n aria-label=\"Clear selection\"\r\n >\r\n <XMark />\r\n </span>\r\n ) : null}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\" onEscapeKeyDown={() => setIsPopoverOpen(false)} onOpenAutoFocus={handleOpenAutoFocus}>\r\n <Command\r\n className=\"w-[--radix-popper-anchor-width] focus-visible:outline-none\"\r\n filter={handleFilter}\r\n defaultValue={currentSelectedValue !== undefined && currentSelectedValue !== null ? String(currentSelectedValue) : undefined} // highlight selected value on open\r\n ref={commandRef}\r\n >\r\n {showSearchInput && <CommandInput placeholder={searchText} onKeyDown={handleInputKeyDown} />}\r\n <CommandList>\r\n {!loading && <CommandEmpty>{noResultsText}</CommandEmpty>}\r\n {!loading && !options.length ? (\r\n <CommandItem value=\"8fdcaeb67c8ad943c80fe54c3b1059b700d9254389a38a4a1fc39a6eee7564623\" disabled>\r\n {emptyOptionsText}\r\n </CommandItem>\r\n ) : null}\r\n <CommandGroup>\r\n {options.map(option => (\r\n <CommandItem\r\n key={String(option.value)}\r\n value={option.value}\r\n keywords={[option.label]}\r\n onSelect={handleSelect as React.ComponentProps<typeof CommandItem>[\"onSelect\"]}\r\n >\r\n {option.label}\r\n <Check className={cn(\"ml-auto\", currentSelectedValue === option.value ? \"opacity-100\" : \"opacity-0\")} />\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n};\r\nexport { Combobox, type ComboboxProps };\r\n"],"names":["Combobox","onValueChange","options","value","className","clearable","closeOnSelect","loading","disabled","placeholder","searchText","noResultsText","loadingText","emptyOptionsText","showSearchInput","modalPopover","props","isPopoverOpen","setIsPopoverOpen","React","commandRef","useRef","currentSelectedValue","setCurrentSelectedValue","handleInputKeyDown","event","handleSelect","currentValue","handleClear","handleFilter","search","keywords","handleOpenAutoFocus","useEffect","showPlaceholder","Popover","jsx","PopoverTrigger","jsxs","Button","cn","ChevronDown","option","XMark","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandItem","CommandGroup","Check"],"mappings":"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"}
1
+ {"version":3,"file":"combobox.es.js","sources":["../src/components/combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { useEffect, useRef } from \"react\";\r\nimport { Check, ChevronDown, XMark } from \"@trsys-tech/matrix-icons\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from \"../command/Command\";\r\n\r\ntype ComboboxProps<T extends string | number> = React.HTMLAttributes<HTMLButtonElement> & {\r\n /**\r\n * The options to display in the combobox.\r\n * Each option should have a label and a value.\r\n * The label is what is displayed in the combobox.\r\n * The value is what is returned when the option is selected.\r\n */\r\n options: { label: string; value: T }[];\r\n\r\n /**\r\n * The value of the combobox.\r\n */\r\n value?: T;\r\n\r\n /**\r\n * A function that is called when the value of the combobox changes.\r\n */\r\n onValueChange?: (value: T) => void;\r\n\r\n /**\r\n * Placeholder text to be displayed when no values are selected.\r\n * @default \"Select an option\"\r\n */\r\n placeholder?: string;\r\n\r\n /**\r\n * The modality of the popover. When set to true, interaction with outside elements\r\n * will be disabled and only popover content will be visible to screen readers.\r\n * Optional\r\n * @default false\r\n */\r\n modalPopover?: boolean;\r\n\r\n /**\r\n * The text to display in the search input.\r\n * @default \"Search...\"\r\n */\r\n searchText?: string;\r\n\r\n /**\r\n * The text to display when no results are found.\r\n * @default \"No results found\"\r\n */\r\n noResultsText?: string;\r\n\r\n /**\r\n * Whether the popover should close when an option is selected.\r\n * @default true\r\n */\r\n closeOnSelect?: boolean;\r\n\r\n /**\r\n * Whether the combobox is loading.\r\n * @default false\r\n */\r\n loading?: boolean;\r\n\r\n /**\r\n * Whether the combobox is disabled.\r\n * @default false\r\n */\r\n disabled?: boolean;\r\n\r\n /**\r\n * The text to display when the combobox is loading.\r\n * @default \"Loading...\"\r\n */\r\n loadingText?: string;\r\n\r\n /**\r\n * The text to display when there are no options.\r\n * @default \"No Items\"\r\n */\r\n emptyOptionsText?: string;\r\n\r\n /**\r\n * Whether to show the search input.\r\n * @default true\r\n */\r\n showSearchInput?: boolean;\r\n\r\n /**\r\n * Whether to show the clear button.\r\n * @default false\r\n */\r\n clearable?: boolean;\r\n};\r\n\r\nconst Combobox = <T extends string | number>({\r\n onValueChange,\r\n options,\r\n value,\r\n className,\r\n clearable = false,\r\n closeOnSelect = true,\r\n loading,\r\n disabled,\r\n placeholder = \"Select an option\",\r\n searchText = \"Search...\",\r\n noResultsText = \"No results found\",\r\n loadingText = \"Loading...\",\r\n emptyOptionsText = \"No Items\",\r\n showSearchInput = true,\r\n modalPopover,\r\n ...props\r\n}: ComboboxProps<T>) => {\r\n const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\r\n const commandRef = useRef<HTMLDivElement>(null);\r\n\r\n const [currentSelectedValue, setCurrentSelectedValue] = React.useState<T | undefined>(value);\r\n\r\n const handleInputKeyDown = React.useCallback(\r\n (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === \"Enter\") {\r\n setIsPopoverOpen(true);\r\n } else if (event.key === \"Backspace\" && !event.currentTarget.value) {\r\n setCurrentSelectedValue(currentSelectedValue);\r\n onValueChange?.(currentSelectedValue!);\r\n if (closeOnSelect) setIsPopoverOpen(false);\r\n }\r\n },\r\n [currentSelectedValue, onValueChange, closeOnSelect],\r\n );\r\n\r\n const handleSelect = React.useCallback(\r\n (currentValue: T) => {\r\n setCurrentSelectedValue(currentValue);\r\n onValueChange?.(currentValue);\r\n if (closeOnSelect) setIsPopoverOpen(false);\r\n },\r\n [onValueChange, closeOnSelect],\r\n );\r\n\r\n const handleClear = React.useCallback(\r\n (e: React.MouseEvent) => {\r\n e.stopPropagation();\r\n onValueChange?.(undefined as unknown as T);\r\n setCurrentSelectedValue(undefined);\r\n },\r\n [onValueChange],\r\n );\r\n\r\n const handleFilter = React.useCallback((value: string, search: string, keywords: string[] = [\"\"]) => {\r\n return keywords.join(\"\").toLocaleLowerCase().includes(search.toLocaleLowerCase()) ? 1 : 0;\r\n }, []);\r\n\r\n // when search input is not shown, we need to focus on the command manually to enable keyboard navigation\r\n const handleOpenAutoFocus = React.useCallback(\r\n (e: Event) => {\r\n if (!showSearchInput) {\r\n e.preventDefault();\r\n commandRef.current?.focus();\r\n }\r\n },\r\n [showSearchInput],\r\n );\r\n\r\n useEffect(() => {\r\n setCurrentSelectedValue(value);\r\n }, [value]);\r\n\r\n const showPlaceholder = currentSelectedValue === undefined || currentSelectedValue === \"\";\r\n\r\n return (\r\n <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen} modal={modalPopover}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n variant=\"text\"\r\n role=\"combobox\"\r\n type=\"button\"\r\n aria-expanded={isPopoverOpen}\r\n className={cn(\r\n \"group flex h-8 w-full items-center justify-between whitespace-nowrap overflow-hidden rounded-sm border border-input bg-transparent px-3 py-1.5 text-sm ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary hover:bg-transparent focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-gray-100 [&_svg]:disabled:text-text-300\",\r\n className,\r\n )}\r\n data-value={currentSelectedValue}\r\n data-placeholder={showPlaceholder ? \"\" : undefined}\r\n loading={loading}\r\n disabled={disabled}\r\n endIcon={\r\n <ChevronDown\r\n role=\"button\"\r\n aria-label=\"Expand dropdown\"\r\n className=\"!h-4.5 !w-4.5 cursor-pointer group-data-[state=open]:rotate-180 transition-transform ms-auto\"\r\n />\r\n }\r\n {...props}\r\n >\r\n <span className=\"text-start text-ellipsis whitespace-nowrap overflow-hidden flex-1 max-w-[calc(100%-24px)]\">\r\n {!showPlaceholder ? options.find(option => option.value === currentSelectedValue)?.label : loading ? loadingText : placeholder}\r\n </span>\r\n {clearable && currentSelectedValue !== undefined && currentSelectedValue !== null ? (\r\n <span\r\n onClick={handleClear}\r\n className=\"p-0 rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500 text-primary hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700 [&>svg]:h-4.5 [&>svg]:w-4.5\"\r\n role=\"button\"\r\n aria-label=\"Clear selection\"\r\n >\r\n <XMark />\r\n </span>\r\n ) : null}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\" onEscapeKeyDown={() => setIsPopoverOpen(false)} onOpenAutoFocus={handleOpenAutoFocus}>\r\n <Command\r\n className=\"w-[--radix-popper-anchor-width] focus-visible:outline-none\"\r\n filter={handleFilter}\r\n defaultValue={currentSelectedValue !== undefined && currentSelectedValue !== null ? String(currentSelectedValue) : undefined} // highlight selected value on open\r\n ref={commandRef}\r\n >\r\n {showSearchInput && <CommandInput placeholder={searchText} onKeyDown={handleInputKeyDown} />}\r\n <CommandList>\r\n {!loading && <CommandEmpty>{noResultsText}</CommandEmpty>}\r\n {!loading && !options.length ? (\r\n <CommandItem value=\"8fdcaeb67c8ad943c80fe54c3b1059b700d9254389a38a4a1fc39a6eee7564623\" disabled>\r\n {emptyOptionsText}\r\n </CommandItem>\r\n ) : null}\r\n <CommandGroup>\r\n {options.map(option => (\r\n <CommandItem\r\n key={String(option.value)}\r\n value={option.value}\r\n keywords={[option.label]}\r\n onSelect={handleSelect as React.ComponentProps<typeof CommandItem>[\"onSelect\"]}\r\n >\r\n {option.label}\r\n <Check className={cn(\"ml-auto\", currentSelectedValue === option.value ? \"opacity-100\" : \"opacity-0\")} />\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n};\r\nexport { Combobox, type ComboboxProps };\r\n"],"names":["Combobox","onValueChange","options","value","className","clearable","closeOnSelect","loading","disabled","placeholder","searchText","noResultsText","loadingText","emptyOptionsText","showSearchInput","modalPopover","props","isPopoverOpen","setIsPopoverOpen","React","commandRef","useRef","currentSelectedValue","setCurrentSelectedValue","handleInputKeyDown","event","handleSelect","currentValue","handleClear","handleFilter","search","keywords","handleOpenAutoFocus","useEffect","showPlaceholder","Popover","jsx","PopoverTrigger","jsxs","Button","cn","ChevronDown","option","XMark","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandItem","CommandGroup","Check"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"command.es.js","sources":["../src/components/command/Command.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Command as CommandPrimitive } from \"cmdk\";\r\nimport { Magnifier } from \"@trsys-tech/matrix-icons\";\r\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Dialog, DialogContent } from \"../dialog/Dialog\";\r\n\r\nconst Command = React.forwardRef<React.ElementRef<typeof CommandPrimitive>, React.ComponentPropsWithoutRef<typeof CommandPrimitive>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive\r\n ref={ref}\r\n className={cn(\"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nCommand.displayName = CommandPrimitive.displayName;\r\n\r\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\r\n return (\r\n <Dialog {...props}>\r\n <DialogContent className=\"overflow-hidden p-0\">\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n );\r\n};\r\n\r\nconst CommandInput = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Input>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>>(\r\n ({ className, ...props }, ref) => (\r\n <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\r\n <Magnifier className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n ref={ref}\r\n className={cn(\r\n \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n </div>\r\n ),\r\n);\r\n\r\nCommandInput.displayName = CommandPrimitive.Input.displayName;\r\n\r\nconst CommandList = React.forwardRef<React.ElementRef<typeof CommandPrimitive.List>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive.List ref={ref} className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)} {...props} />\r\n ),\r\n);\r\n\r\nCommandList.displayName = CommandPrimitive.List.displayName;\r\n\r\nconst CommandEmpty = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Empty>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>>(\r\n (props, ref) => <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />,\r\n);\r\n\r\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\r\n\r\nconst CommandGroup = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Group>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive.Group\r\n ref={ref}\r\n className={cn(\r\n \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n ),\r\n);\r\n\r\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\r\n\r\nconst CommandSeparator = React.forwardRef<\r\n React.ElementRef<typeof CommandPrimitive.Separator>,\r\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\r\n>(({ className, ...props }, ref) => <CommandPrimitive.Separator ref={ref} className={cn(\"-mx-1 h-px bg-border\", className)} {...props} />);\r\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\r\n\r\nconst CommandItem = React.forwardRef<\r\n React.ElementRef<typeof CommandPrimitive.Item>,\r\n Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>, \"value\" | \"onSelect\"> & {\r\n value?: string | number;\r\n onSelect?: (value: string | number) => void;\r\n }\r\n>(({ className, value, onSelect, ...props }, ref) => {\r\n const handleSelect = React.useCallback(\r\n (selectedValue: string) => {\r\n if (typeof value === \"number\") {\r\n onSelect?.(Number(selectedValue));\r\n } else {\r\n onSelect?.(selectedValue);\r\n }\r\n },\r\n [value, onSelect],\r\n );\r\n return (\r\n <CommandPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n \"relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-gray-300 data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\r\n className,\r\n )}\r\n value={value !== undefined ? String(value) : undefined}\r\n onSelect={handleSelect}\r\n {...props}\r\n />\r\n );\r\n});\r\n\r\nCommandItem.displayName = CommandPrimitive.Item.displayName;\r\n\r\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\r\n return <span className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)} {...props} />;\r\n};\r\nCommandShortcut.displayName = \"CommandShortcut\";\r\n\r\nexport { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator };\r\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","Magnifier","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","value","onSelect","handleSelect","selectedValue","CommandShortcut"],"mappings":"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"}
1
+ {"version":3,"file":"command.es.js","sources":["../src/components/command/Command.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Command as CommandPrimitive } from \"cmdk\";\r\nimport { Magnifier } from \"@trsys-tech/matrix-icons\";\r\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Dialog, DialogContent } from \"../dialog/Dialog\";\r\n\r\nconst Command = React.forwardRef<React.ElementRef<typeof CommandPrimitive>, React.ComponentPropsWithoutRef<typeof CommandPrimitive>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive\r\n ref={ref}\r\n className={cn(\"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nCommand.displayName = CommandPrimitive.displayName;\r\n\r\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\r\n return (\r\n <Dialog {...props}>\r\n <DialogContent className=\"overflow-hidden p-0\">\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n );\r\n};\r\n\r\nconst CommandInput = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Input>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>>(\r\n ({ className, ...props }, ref) => (\r\n <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\r\n <Magnifier className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n ref={ref}\r\n className={cn(\r\n \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n </div>\r\n ),\r\n);\r\n\r\nCommandInput.displayName = CommandPrimitive.Input.displayName;\r\n\r\nconst CommandList = React.forwardRef<React.ElementRef<typeof CommandPrimitive.List>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive.List ref={ref} className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)} {...props} />\r\n ),\r\n);\r\n\r\nCommandList.displayName = CommandPrimitive.List.displayName;\r\n\r\nconst CommandEmpty = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Empty>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>>(\r\n (props, ref) => <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />,\r\n);\r\n\r\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\r\n\r\nconst CommandGroup = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Group>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive.Group\r\n ref={ref}\r\n className={cn(\r\n \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n ),\r\n);\r\n\r\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\r\n\r\nconst CommandSeparator = React.forwardRef<\r\n React.ElementRef<typeof CommandPrimitive.Separator>,\r\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\r\n>(({ className, ...props }, ref) => <CommandPrimitive.Separator ref={ref} className={cn(\"-mx-1 h-px bg-border\", className)} {...props} />);\r\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\r\n\r\nconst CommandItem = React.forwardRef<\r\n React.ElementRef<typeof CommandPrimitive.Item>,\r\n Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>, \"value\" | \"onSelect\"> & {\r\n value?: string | number;\r\n onSelect?: (value: string | number) => void;\r\n }\r\n>(({ className, value, onSelect, ...props }, ref) => {\r\n const handleSelect = React.useCallback(\r\n (selectedValue: string) => {\r\n if (typeof value === \"number\") {\r\n onSelect?.(Number(selectedValue));\r\n } else {\r\n onSelect?.(selectedValue);\r\n }\r\n },\r\n [value, onSelect],\r\n );\r\n return (\r\n <CommandPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n \"relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-gray-300 data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\r\n className,\r\n )}\r\n value={value !== undefined ? String(value) : undefined}\r\n onSelect={handleSelect}\r\n {...props}\r\n />\r\n );\r\n});\r\n\r\nCommandItem.displayName = CommandPrimitive.Item.displayName;\r\n\r\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\r\n return <span className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)} {...props} />;\r\n};\r\nCommandShortcut.displayName = \"CommandShortcut\";\r\n\r\nexport { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator };\r\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","Magnifier","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","value","onSelect","handleSelect","selectedValue","CommandShortcut"],"mappings":";;;;;;AAUA,MAAMA,IAAUC,EAAM;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAG,6FAA6FL,CAAS;AAAA,MACnH,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAH,EAAQ,cAAcM,EAAiB;AAEvC,MAAME,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGN,QAElC,gBAAAE,EAACK,GAAA,EAAQ,GAAGP,GACV,4BAACQ,GAAA,EAAc,WAAU,uBACvB,UAAA,gBAAAN,EAACL,GAAA,EAAQ,WAAU,+WAChB,UAAAS,EAAA,CACH,GACF,GACF,GAIEG,IAAeX,EAAM;AAAA,EACzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAS,EAAC,OAAA,EAAI,WAAU,mCAAkC,sBAAmB,IAClE,UAAA;AAAA,IAAA,gBAAAR,EAACS,GAAA,EAAU,WAAU,mCAAA,CAAmC;AAAA,IACxD,gBAAAT;AAAA,MAACC,EAAiB;AAAA,MAAjB;AAAA,QACC,KAAAF;AAAA,QACA,WAAWG;AAAA,UACT;AAAA,UACAL;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,EAAA,CACF;AAEJ;AAEAS,EAAa,cAAcN,EAAiB,MAAM;AAElD,MAAMS,IAAcd,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAACC,EAAiB,MAAjB,EAAsB,KAAAF,GAAU,WAAWG,EAAG,mDAAmDL,CAAS,GAAI,GAAGC,EAAA,CAAO;AAE7H;AAEAY,EAAY,cAAcT,EAAiB,KAAK;AAEhD,MAAMU,IAAef,EAAM;AAAA,EACzB,CAACE,GAAOC,MAAQ,gBAAAC,EAACC,EAAiB,OAAjB,EAAuB,KAAAF,GAAU,WAAU,4BAA4B,GAAGD,EAAA,CAAO;AACpG;AAEAa,EAAa,cAAcV,EAAiB,MAAM;AAElD,MAAMW,IAAehB,EAAM;AAAA,EACzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEAc,EAAa,cAAcX,EAAiB,MAAM;AAElD,MAAMY,IAAmBjB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACC,EAAiB,WAAjB,EAA2B,KAAAF,GAAU,WAAWG,EAAG,wBAAwBL,CAAS,GAAI,GAAGC,GAAO,CAAE;AACzIe,EAAiB,cAAcZ,EAAiB,UAAU;AAE1D,MAAMa,IAAclB,EAAM,WAMxB,CAAC,EAAE,WAAAC,GAAW,OAAAkB,GAAO,UAAAC,GAAU,GAAGlB,EAAA,GAASC,MAAQ;AACnD,QAAMkB,IAAerB,EAAM;AAAA,IACzB,CAACsB,MAA0B;AACzB,MACEF,IADE,OAAOD,KAAU,WACR,OAAOG,CAAa,IAEpBA,CAFqB;AAAA,IAIpC;AAAA,IACA,CAACH,GAAOC,CAAQ;AAAA,EAAA;AAElB,SACE,gBAAAhB;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,OAAOkB,MAAU,SAAY,OAAOA,CAAK,IAAI;AAAA,MAC7C,UAAUE;AAAA,MACT,GAAGnB;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAEDgB,EAAY,cAAcb,EAAiB,KAAK;AAEhD,MAAMkB,IAAkB,CAAC,EAAE,WAAAtB,GAAW,GAAGC,QAChC,gBAAAE,EAAC,UAAK,WAAWE,EAAG,yDAAyDL,CAAS,GAAI,GAAGC,GAAO;AAE7GqB,EAAgB,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../src/components/command/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAK1D,QAAA,MAAM,OAAO;qBALoB,SAAQ;;gBAwHg4L,GAAG;;;;;;qDAAwwB,CAAC;;;;;;;sFA3GprN,CAAC;AAGF,QAAA,MAAM,aAAa,2BAA4B,WAAW,4CAUzD,CAAC;AAEF,QAAA,MAAM,YAAY;gBA4FoyS,GAAG;;;;;;0FA9ExzS,CAAC;AAIF,QAAA,MAAM,WAAW;qBA9CgB,SAAQ;;gBAwHqnP,GAAG;;;;;sFAtEhqP,CAAC;AAIF,QAAA,MAAM,YAAY;qBAtDe,SAAQ;;gBAwH86a,GAAG;;;uJAhEz9a,CAAC;AAIF,QAAA,MAAM,YAAY;qBA5De,SAAQ;;gBAwH48T,GAAG;;;;oBAA0O,SAAS;;;sFAjD1uU,CAAC;AAIF,QAAA,MAAM,gBAAgB;gBA6CisV,GAAG;;;;;sFA1ChlV,CAAC;AAG3I,QAAA,MAAM,WAAW;qBAjFgB,SAAQ;;gBAwHooQ,GAAG;;;;;;;;;;YApCpqQ,MAAM,GAAG,MAAM;eACZ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI;wCAyB7C,CAAC;AAIH,QAAA,MAAM,eAAe;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAEtF,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../src/components/command/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAK1D,QAAA,MAAM,OAAO;qBANmB,SAAS;;gBAyH81I,GAAG;;;;;;;;;;;;;sFA3Gz4I,CAAC;AAGF,QAAA,MAAM,aAAa,2BAA4B,WAAW,4CAUzD,CAAC;AAEF,QAAA,MAAM,YAAY;gBA4FitP,GAAG;;;;;;0FA9EruP,CAAC;AAIF,QAAA,MAAM,WAAW;qBA/Ce,SAAS;;gBAyHkiM,GAAG;;;;;sFAtE7kM,CAAC;AAIF,QAAA,MAAM,YAAY;qBAvDc,SAAS;;gBAyH0yX,GAAG;;;uJAhEr1X,CAAC;AAIF,QAAA,MAAM,YAAY;qBA7Dc,SAAS;;gBAyHy3Q,GAAG;;;;oBAA0O,SAAS;;;sFAjDvpR,CAAC;AAIF,QAAA,MAAM,gBAAgB;gBA6C8mS,GAAG;;;;;sFA1C7/R,CAAC;AAG3I,QAAA,MAAM,WAAW;qBAlFe,SAAS;;gBAyHijN,GAAG;;;;;;;;;;YApCjlN,MAAM,GAAG,MAAM;eACZ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI;wCAyB7C,CAAC;AAIH,QAAA,MAAM,eAAe;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAEtF,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { ControllerProps, FieldPath, FieldValues, FormProviderProps } from 'react-hook-form';
2
2
  import { SlotProps } from '@radix-ui/react-slot';
3
3
  import * as React from "react";
4
- declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
4
+ declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
5
5
  declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
6
6
  declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
7
7
  declare const FormLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,SAAS,EAAE,WAAW,EAAgC,MAAM,iBAAiB,CAAC;AAKpH,QAAA,MAAM,IAAI,8NA+DyB,GAEnC,CAAC,OAAO,AAjEiB,CAAC;AAQ1B,QAAA,MAAM,SAAS,GAAI,YAAY,SAAS,WAAW,gBAAgB,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAErG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AA+BF,QAAA,MAAM,QAAQ,6GAQZ,CAAC;AAGH,QAAA,MAAM,SAAS,8KAIb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAaf,CAAC;AAGH,QAAA,MAAM,eAAe,yHAInB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAaf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,SAAS,EAAE,WAAW,EAAgC,MAAM,iBAAiB,CAAC;AAKpH,QAAA,MAAM,IAAI,iMA6DiH,GAAG,CAAC,OAAO,AA7D7G,CAAC;AAQ1B,QAAA,MAAM,SAAS,GAAI,YAAY,SAAS,WAAW,gBAAgB,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAErG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AA+BF,QAAA,MAAM,QAAQ,6GAQZ,CAAC;AAGH,QAAA,MAAM,SAAS,8KAIb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAaf,CAAC;AAGH,QAAA,MAAM,eAAe,yHAInB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAaf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}