@oneplatformdev/ui 0.1.99-beta.25 → 0.1.99-beta.27

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 (158) hide show
  1. package/.storybook/Wrappers.js.map +1 -1
  2. package/Accordion/Accordion.js.map +1 -1
  3. package/Alert/Alert.js.map +1 -1
  4. package/Alert/alertVariants.js.map +1 -1
  5. package/AlertDialog/AlertDialog.js.map +1 -1
  6. package/AlertDialog/AlertDialog.stories.js +2 -3
  7. package/AlertDialog/AlertDialog.stories.js.map +1 -1
  8. package/AlertDialog/AlertDialogRoot.js +18 -19
  9. package/AlertDialog/AlertDialogRoot.js.map +1 -1
  10. package/AreaChart/AreaChart.js.map +1 -1
  11. package/Aside/Aside.js.map +1 -1
  12. package/Aside/AsideSidebar.js.map +1 -1
  13. package/AspectRatio/AspectRatio.js.map +1 -1
  14. package/Avatar/Avatar.js.map +1 -1
  15. package/Badge/Badge.js.map +1 -1
  16. package/Badge/badgeVariants.js.map +1 -1
  17. package/Breadcrumb/Breadcrumb.js.map +1 -1
  18. package/Button/Button.js +1 -2
  19. package/Button/Button.js.map +1 -1
  20. package/Button/Button.stories.js.map +1 -1
  21. package/Button/ButtonCounterBadge.js.map +1 -1
  22. package/Button/buttonVariants.js.map +1 -1
  23. package/ButtonIcon/ButtonIcon.js +18 -19
  24. package/ButtonIcon/ButtonIcon.js.map +1 -1
  25. package/ButtonIcon/ButtonIcon.stories.js.map +1 -1
  26. package/ButtonIcon/buttonIconVariants.js.map +1 -1
  27. package/CHANGELOG.md +1874 -1858
  28. package/Calendar/Calendar.js +0 -1
  29. package/Calendar/Calendar.js.map +1 -1
  30. package/Card/Card.js.map +1 -1
  31. package/Carousel/Carousel.js +6 -7
  32. package/Carousel/Carousel.js.map +1 -1
  33. package/Chart/Chart.js.map +1 -1
  34. package/Checkbox/Checkbox.js +17 -18
  35. package/Checkbox/Checkbox.js.map +1 -1
  36. package/Collapsible/Collapsible.js.map +1 -1
  37. package/Combobox/Combobox.js +30 -32
  38. package/Combobox/Combobox.js.map +1 -1
  39. package/Combobox/Combobox.stories.js.map +1 -1
  40. package/Combobox/ComboboxOptionItem.js +4 -4
  41. package/Combobox/ComboboxOptionItem.js.map +1 -1
  42. package/Combobox/ComboboxOptions.js +8 -9
  43. package/Combobox/ComboboxOptions.js.map +1 -1
  44. package/Command/Command.js +25 -26
  45. package/Command/Command.js.map +1 -1
  46. package/DataTable/DataTable.js +12 -13
  47. package/DataTable/DataTable.js.map +1 -1
  48. package/DataTable/DataTableColumnFilter.js +6 -7
  49. package/DataTable/DataTableColumnFilter.js.map +1 -1
  50. package/DataTable/useDataTable.d.ts +1 -1
  51. package/DataTable/useDataTable.js.map +1 -1
  52. package/DatePicker/DatePicker.js +12 -13
  53. package/DatePicker/DatePicker.js.map +1 -1
  54. package/Dialog/Dialog.js +4 -4
  55. package/Dialog/Dialog.js.map +1 -1
  56. package/Dialog/DialogOverlayScope.js.map +1 -1
  57. package/Drawer/Drawer.js.map +1 -1
  58. package/DropdownMenu/DropdownMenu.js.map +1 -1
  59. package/Dropzone/Dropzone.js.map +1 -1
  60. package/Dropzone/Dropzone.types.js.map +1 -1
  61. package/Dropzone/DropzoneFilePreview.js.map +1 -1
  62. package/Dropzone/DropzoneSinglePickPreview.js.map +1 -1
  63. package/Dropzone/DropzoneUtils.js.map +1 -1
  64. package/Form/Form.js +14 -15
  65. package/Form/Form.js.map +1 -1
  66. package/Form/FormRenderControl.d.ts.map +1 -1
  67. package/Form/FormRenderControl.js +26 -13
  68. package/Form/FormRenderControl.js.map +1 -1
  69. package/Form/FormRenderControl.types.d.ts +2 -1
  70. package/Form/FormRenderControl.types.d.ts.map +1 -1
  71. package/Form/FormTooltipButton.d.ts +6 -0
  72. package/Form/FormTooltipButton.d.ts.map +1 -0
  73. package/Form/FormTooltipButton.js +33 -0
  74. package/Form/FormTooltipButton.js.map +1 -0
  75. package/Form/Form_old.js +4 -5
  76. package/Form/Form_old.js.map +1 -1
  77. package/FormCheckbox/FormCheckbox.js +4 -4
  78. package/FormCheckbox/FormCheckbox.js.map +1 -1
  79. package/FormCombobox/FormCombobox.js +4 -4
  80. package/FormCombobox/FormCombobox.js.map +1 -1
  81. package/FormDatePicker/FormDatePicker.js +4 -4
  82. package/FormDatePicker/FormDatePicker.js.map +1 -1
  83. package/FormDropzone/FormDropzone.js +3 -3
  84. package/FormDropzone/FormDropzone.js.map +1 -1
  85. package/FormInput/FormInput.d.ts.map +1 -1
  86. package/FormInput/FormInput.js +22 -21
  87. package/FormInput/FormInput.js.map +1 -1
  88. package/FormRadio/FormRadio.js.map +1 -1
  89. package/FormSelect/FormSelect.js +22 -25
  90. package/FormSelect/FormSelect.js.map +1 -1
  91. package/FormTextarea/FormTextarea.js +4 -4
  92. package/FormTextarea/FormTextarea.js.map +1 -1
  93. package/Header/Header.js.map +1 -1
  94. package/HoverCard/HoverCard.js.map +1 -1
  95. package/Input/Input.js.map +1 -1
  96. package/Input/inputVariants.js.map +1 -1
  97. package/InputOTP/InputOTP.d.ts.map +1 -1
  98. package/InputOTP/InputOTP.js.map +1 -1
  99. package/LICENSE +21 -21
  100. package/Label/Label.js.map +1 -1
  101. package/Label/labelVariants.js.map +1 -1
  102. package/LazyLoader/LazyLoader.js +4 -5
  103. package/LazyLoader/LazyLoader.js.map +1 -1
  104. package/LoadedIcon/LoadedIcon.js.map +1 -1
  105. package/LoadingMask/LoadingMask.js.map +1 -1
  106. package/LoadingMask/RenderLoadingMask.js.map +1 -1
  107. package/LoadingProgress/LoadingProgress.js.map +1 -1
  108. package/LoadingProgress/loadingProgressVariants.js.map +1 -1
  109. package/Menubar/Menubar.js.map +1 -1
  110. package/NavigationMenu/NavigationMenu.js.map +1 -1
  111. package/NavigationMenu/navigationMenuVariants.js.map +1 -1
  112. package/Pagination/Pagination.js +0 -1
  113. package/Pagination/Pagination.js.map +1 -1
  114. package/Popover/Popover.js.map +1 -1
  115. package/Progress/Progress.js.map +1 -1
  116. package/README.md +7 -7
  117. package/Radio/Radio.js.map +1 -1
  118. package/RadioGroup/RadioGroup.js.map +1 -1
  119. package/Resizable/Resizable.js.map +1 -1
  120. package/Resizable/Resizable.stories.js.map +1 -1
  121. package/ScrollArea/ScrollArea.js.map +1 -1
  122. package/Search/Search.js +8 -8
  123. package/Search/Search.js.map +1 -1
  124. package/Search/Search.stories.js.map +1 -1
  125. package/Select/Select.js +6 -7
  126. package/Select/Select.js.map +1 -1
  127. package/Select/Select.stories.js.map +1 -1
  128. package/Select/SelectRoot.js.map +1 -1
  129. package/Separator/Separator.js.map +1 -1
  130. package/Sheet/Sheet.js.map +1 -1
  131. package/Sidebar/Sidebar.js +20 -21
  132. package/Sidebar/Sidebar.js.map +1 -1
  133. package/Skeleton/Skeleton.js.map +1 -1
  134. package/Slider/Slider.js.map +1 -1
  135. package/Sonner/Sonner.js.map +1 -1
  136. package/Switch/Switch.js.map +1 -1
  137. package/Table/Table.js.map +1 -1
  138. package/TablePagination/TablePagination.js +17 -21
  139. package/TablePagination/TablePagination.js.map +1 -1
  140. package/Tabs/Tabs.js.map +1 -1
  141. package/Tabs/TabsRoot.js.map +1 -1
  142. package/Textarea/Textarea.js.map +1 -1
  143. package/Textarea/Textarea.stories.js.map +1 -1
  144. package/Textarea/useAutosizeTextArea.js.map +1 -1
  145. package/Theme/ThemeModeToggle.js +3 -4
  146. package/Theme/ThemeModeToggle.js.map +1 -1
  147. package/Theme/ThemeProvider.js.map +1 -1
  148. package/Toast/Toast.js.map +1 -1
  149. package/Toast/toast.constants.js.map +1 -1
  150. package/Toast/toastVariants.js.map +1 -1
  151. package/Toast/useToast.js.map +1 -1
  152. package/Toaster/Toaster.js.map +1 -1
  153. package/Toggle/Toggle.js.map +1 -1
  154. package/ToggleGroup/ToggleGroup.js.map +1 -1
  155. package/Tooltip/Tooltip.js.map +1 -1
  156. package/Tooltip/TooltipRoot.js.map +1 -1
  157. package/index.js +278 -278
  158. package/package.json +4 -4
@@ -1 +1 @@
1
- {"version":3,"file":"Wrappers.js","sources":["../../.storybook/Wrappers.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\n\nexport const MoreWrapper = (props: PropsWithChildren) => (\n <div\n style={{\n position: 'relative',\n padding: '24px 32px',\n display: 'flex',\n gap: '32px',\n }}\n >\n {props.children}\n </div>\n)\n\nexport const DashedWrapper = (props: PropsWithChildren) => {\n return (\n <div\n style={{\n padding: '0px 20px',\n display: 'flex',\n gap: '32px',\n alignItems: 'flex-start',\n }}\n >\n <div\n style={{\n position: 'relative',\n border: '2px dashed rgba(139, 92, 246, 0.7)',\n borderRadius: '24px',\n padding: '24px 32px',\n display: 'flex',\n gap: '32px',\n }}\n >\n {props.children}\n </div>\n </div>\n )\n}\n"],"names":["DashedWrapper","props","jsx"],"mappings":";AAeO,MAAMA,IAAgB,CAACC,MAE1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,MACL,YAAY;AAAA,IAAA;AAAA,IAGd,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,SAAS;AAAA,UACT,SAAS;AAAA,UACT,KAAK;AAAA,QAAA;AAAA,QAGN,UAAAD,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAAA;"}
1
+ {"version":3,"file":"Wrappers.js","sources":["../../.storybook/Wrappers.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\n\r\nexport const MoreWrapper = (props: PropsWithChildren) => (\r\n <div\r\n style={{\r\n position: 'relative',\r\n padding: '24px 32px',\r\n display: 'flex',\r\n gap: '32px',\r\n }}\r\n >\r\n {props.children}\r\n </div>\r\n)\r\n\r\nexport const DashedWrapper = (props: PropsWithChildren) => {\r\n return (\r\n <div\r\n style={{\r\n padding: '0px 20px',\r\n display: 'flex',\r\n gap: '32px',\r\n alignItems: 'flex-start',\r\n }}\r\n >\r\n <div\r\n style={{\r\n position: 'relative',\r\n border: '2px dashed rgba(139, 92, 246, 0.7)',\r\n borderRadius: '24px',\r\n padding: '24px 32px',\r\n display: 'flex',\r\n gap: '32px',\r\n }}\r\n >\r\n {props.children}\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["DashedWrapper","props","jsx"],"mappings":";AAeO,MAAMA,IAAgB,CAACC,MAE1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,MACL,YAAY;AAAA,IAAA;AAAA,IAGd,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,SAAS;AAAA,UACT,SAAS;AAAA,UACT,KAAK;AAAA,QAAA;AAAA,QAGN,UAAAD,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAAA;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Accordion({\n ...props\n }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\n}\n\nfunction AccordionItem({\n className,\n ...props\n }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n return (\n <AccordionPrimitive.Item\n data-slot=\"accordion-item\"\n className={cn(\"border-b last:border-b-0\", className)}\n {...props}\n />\n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n showChevron = true,\n ...props\n }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & { showChevron?: boolean }) {\n return (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n data-slot=\"accordion-trigger\"\n className={cn(\n \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n className\n )}\n {...props}\n >\n {children}\n {showChevron && <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />}\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n return (\n <AccordionPrimitive.Content\n data-slot=\"accordion-content\"\n className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n {...props}\n >\n <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n </AccordionPrimitive.Content>\n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","props","AccordionPrimitive","AccordionItem","className","jsx","cn","AccordionTrigger","children","showChevron","jsxs","ChevronDownIcon","AccordionContent"],"mappings":";;;;AAQA,SAASA,EAAU;AAAA,EACE,GAAGC;AACL,GAAyD;AAC1E,2BAAQC,EAAmB,MAAnB,EAAwB,aAAU,aAAa,GAAGD,GAAO;AACnE;AAEA,SAASE,EAAc;AAAA,EACE,WAAAC;AAAA,EACA,GAAGH;AACL,GAAyD;AAC9E,SACE,gBAAAI;AAAA,IAACH,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI,EAAG,4BAA4BF,CAAS;AAAA,MAClD,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAiB;AAAA,EACE,WAAAH;AAAA,EACA,UAAAI;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGR;AACL,GAAwF;AAChH,SACE,gBAAAI,EAACH,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAQ;AAAA,IAACR,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAO;AAAA,QACAC,KAAe,gBAAAJ,EAACM,GAAA,EAAgB,WAAU,8GAAA,CAA8G;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7J;AAEJ;AAEA,SAASC,EAAiB;AAAA,EACE,WAAAR;AAAA,EACA,UAAAI;AAAA,EACA,GAAGP;AACL,GAA4D;AACpF,SACE,gBAAAI;AAAA,IAACH,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGD;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWK,EAAG,aAAaF,CAAS,GAAI,UAAAI,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5D;"}
1
+ {"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\r\nimport { ChevronDownIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction Accordion({\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\r\n return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\r\n}\r\n\r\nfunction AccordionItem({\r\n className,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\r\n return (\r\n <AccordionPrimitive.Item\r\n data-slot=\"accordion-item\"\r\n className={cn(\"border-b last:border-b-0\", className)}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nfunction AccordionTrigger({\r\n className,\r\n children,\r\n showChevron = true,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & { showChevron?: boolean }) {\r\n return (\r\n <AccordionPrimitive.Header className=\"flex\">\r\n <AccordionPrimitive.Trigger\r\n data-slot=\"accordion-trigger\"\r\n className={cn(\r\n \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n {showChevron && <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />}\r\n </AccordionPrimitive.Trigger>\r\n </AccordionPrimitive.Header>\r\n )\r\n}\r\n\r\nfunction AccordionContent({\r\n className,\r\n children,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\r\n return (\r\n <AccordionPrimitive.Content\r\n data-slot=\"accordion-content\"\r\n className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\r\n {...props}\r\n >\r\n <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\r\n </AccordionPrimitive.Content>\r\n )\r\n}\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\r\n"],"names":["Accordion","props","AccordionPrimitive","AccordionItem","className","jsx","cn","AccordionTrigger","children","showChevron","jsxs","ChevronDownIcon","AccordionContent"],"mappings":";;;;AAQA,SAASA,EAAU;AAAA,EACE,GAAGC;AACL,GAAyD;AAC1E,2BAAQC,EAAmB,MAAnB,EAAwB,aAAU,aAAa,GAAGD,GAAO;AACnE;AAEA,SAASE,EAAc;AAAA,EACE,WAAAC;AAAA,EACA,GAAGH;AACL,GAAyD;AAC9E,SACE,gBAAAI;AAAA,IAACH,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI,EAAG,4BAA4BF,CAAS;AAAA,MAClD,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAiB;AAAA,EACE,WAAAH;AAAA,EACA,UAAAI;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGR;AACL,GAAwF;AAChH,SACE,gBAAAI,EAACH,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAQ;AAAA,IAACR,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAO;AAAA,QACAC,KAAe,gBAAAJ,EAACM,GAAA,EAAgB,WAAU,8GAAA,CAA8G;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7J;AAEJ;AAEA,SAASC,EAAiB;AAAA,EACE,WAAAR;AAAA,EACA,UAAAI;AAAA,EACA,GAAGP;AACL,GAA4D;AACpF,SACE,gBAAAI;AAAA,IAACH,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGD;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWK,EAAG,aAAaF,CAAS,GAAI,UAAAI,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5D;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"@oneplatformdev/utils\"\n\nimport alertVariants from './alertVariants';\n\nexport const Alert = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n <div\n ref={ref}\n role=\"alert\"\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n))\nAlert.displayName = \"Alert\"\n\nexport const AlertTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n <h5\n ref={ref}\n className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\n {...props}\n />\n))\nAlertTitle.displayName = \"AlertTitle\"\n\nexport const AlertDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\n {...props}\n />\n))\nAlertDescription.displayName = \"AlertDescription\"\n"],"names":["Alert","React","className","variant","props","ref","jsx","cn","alertVariants","AlertTitle","AlertDescription"],"mappings":";;;;AAMO,MAAMA,IAAQC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAASC,MACnC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,WAAWE,EAAGC,EAAc,EAAE,SAAAL,EAAA,CAAS,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAc;AAEb,MAAMS,IAAaR,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,gDAAgDL,CAAS;AAAA,IACtE,GAAGE;AAAA,EAAA;AACN,CACD;AACDK,EAAW,cAAc;AAElB,MAAMC,IAAmBT,EAAM,WAGpC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGE;AAAA,EAAA;AACN,CACD;AACDM,EAAiB,cAAc;"}
1
+ {"version":3,"file":"Alert.js","sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { type VariantProps } from \"class-variance-authority\"\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nimport alertVariants from './alertVariants';\r\n\r\nexport const Alert = React.forwardRef<\r\n HTMLDivElement,\r\n React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\r\n>(({ className, variant, ...props }, ref) => (\r\n <div\r\n ref={ref}\r\n role=\"alert\"\r\n className={cn(alertVariants({ variant }), className)}\r\n {...props}\r\n />\r\n))\r\nAlert.displayName = \"Alert\"\r\n\r\nexport const AlertTitle = React.forwardRef<\r\n HTMLParagraphElement,\r\n React.HTMLAttributes<HTMLHeadingElement>\r\n>(({ className, ...props }, ref) => (\r\n <h5\r\n ref={ref}\r\n className={cn(\"mb-1 font-medium leading-none tracking-tight\", className)}\r\n {...props}\r\n />\r\n))\r\nAlertTitle.displayName = \"AlertTitle\"\r\n\r\nexport const AlertDescription = React.forwardRef<\r\n HTMLParagraphElement,\r\n React.HTMLAttributes<HTMLParagraphElement>\r\n>(({ className, ...props }, ref) => (\r\n <div\r\n ref={ref}\r\n className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\r\n {...props}\r\n />\r\n))\r\nAlertDescription.displayName = \"AlertDescription\"\r\n"],"names":["Alert","React","className","variant","props","ref","jsx","cn","alertVariants","AlertTitle","AlertDescription"],"mappings":";;;;AAMO,MAAMA,IAAQC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAASC,MACnC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,WAAWE,EAAGC,EAAc,EAAE,SAAAL,EAAA,CAAS,GAAGD,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAM,cAAc;AAEb,MAAMS,IAAaR,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,gDAAgDL,CAAS;AAAA,IACtE,GAAGE;AAAA,EAAA;AACN,CACD;AACDK,EAAW,cAAc;AAElB,MAAMC,IAAmBT,EAAM,WAGpC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGE;AAAA,EAAA;AACN,CACD;AACDM,EAAiB,cAAc;"}
@@ -1 +1 @@
1
- {"version":3,"file":"alertVariants.js","sources":["../../src/Alert/alertVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const alertVariants = cva(\n \"relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7\",\n {\n variants: {\n variant: {\n default: \"bg-background text-foreground\",\n destructive:\n \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nexport default alertVariants;\n"],"names":["alertVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
1
+ {"version":3,"file":"alertVariants.js","sources":["../../src/Alert/alertVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\"\r\n\r\nexport const alertVariants = cva(\r\n \"relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7\",\r\n {\r\n variants: {\r\n variant: {\r\n default: \"bg-background text-foreground\",\r\n destructive:\r\n \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n },\r\n }\r\n)\r\n\r\nexport default alertVariants;\r\n"],"names":["alertVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialog.js","sources":["../../src/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import {\n Children,\n cloneElement,\n FC,\n Key,\n PropsWithChildren,\n ReactElement,\n useId,\n} from 'react';\nimport {\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogRoot,\n AlertDialogTitle,\n AlertDialogTrigger,\n} from './AlertDialogRoot';\nimport {\n AlertDialogDescriptionProps,\n AlertDialogFooterProps,\n AlertDialogHeaderProps,\n AlertDialogProps,\n AlertDialogTitleProps,\n} from './AlertDialog.types';\n\nimport { isValidReactElement } from '@oneplatformdev/utils';\n\nconst RenderAlertDialogTrigger: FC<PropsWithChildren<AlertDialogProps>> = (\n props\n) => {\n const { slotProps = {}, children } = props;\n const triggerProps = slotProps.trigger ?? {};\n return <AlertDialogTrigger asChild {...triggerProps}>{children}</AlertDialogTrigger>;\n};\n\nconst RenderAlertDialogHeader: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n const {\n title = '',\n description = '',\n slotProps = {},\n children,\n } = props;\n\n const headerProps = slotProps.header ?? {};\n const titleProps = slotProps.title ?? {};\n const descriptionProps = slotProps.description ?? {};\n\n if(children) {\n return isValidReactElement(children, AlertDialogHeader)\n ? cloneElement<AlertDialogHeaderProps>(\n children as ReactElement<AlertDialogHeaderProps>,\n { ...((children as ReactElement<AlertDialogHeaderProps>).props || {}), ...headerProps }\n )\n : <AlertDialogHeader {...headerProps}>{children}</AlertDialogHeader>\n }\n\n return (\n <AlertDialogHeader>\n {Boolean(title) && isValidReactElement(title, AlertDialogTitle)\n ? cloneElement<AlertDialogTitleProps>(\n title as ReactElement<AlertDialogTitleProps>,\n { ...((title as ReactElement<AlertDialogTitleProps>).props || {}), ...titleProps }\n )\n : <AlertDialogTitle {...titleProps}>{title}</AlertDialogTitle>}\n\n {Boolean(description) && isValidReactElement(description, AlertDialogDescription)\n ? cloneElement<AlertDialogDescriptionProps>(\n description as ReactElement<AlertDialogDescriptionProps>,\n { ...((description as ReactElement<AlertDialogDescriptionProps>).props || {}), ...descriptionProps }\n )\n : <AlertDialogDescription {...descriptionProps}>{description}</AlertDialogDescription>\n }\n </AlertDialogHeader>\n )\n}\n\nconst RenderAlertDialogFooter: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n const {\n slotProps = {},\n children,\n onCancel,\n onConfirm,\n cancelLabel = 'Cancel',\n actionLabel = 'Continue',\n variant = 'confirm',\n } = props;\n const footerId = useId();\n\n const footerProps = slotProps.footer ?? {};\n const cancelButtonProps = slotProps.cancelButton ?? {};\n const actionButtonProps = slotProps.actionButton ?? {};\n\n if(children) {\n return isValidReactElement(children, AlertDialogFooter)\n ? cloneElement<AlertDialogFooterProps>(\n children as ReactElement<AlertDialogFooterProps>,\n { ...((children as ReactElement<AlertDialogFooterProps>).props || {}), ...footerProps }\n )\n : (\n <AlertDialogFooter {...footerProps}>\n {Children.map(children, (child, i) => {\n if(!child || !isValidReactElement(child)) return;\n\n const reactChild = child as ReactElement;\n const clonedChild = cloneElement(reactChild, {...(reactChild.props || {}), key: (reactChild.key || `footer-${footerId}-action-${i}` as unknown as Key)});\n\n if(isValidReactElement(child, AlertDialogAction) || isValidReactElement(child, AlertDialogCancel)) {\n return clonedChild;\n }\n\n return (\n <AlertDialogAction asChild>\n {clonedChild}\n </AlertDialogAction>\n )\n })}\n </AlertDialogFooter>\n )\n }\n\n return (\n <AlertDialogFooter>\n {variant !== 'alert' && (\n <AlertDialogCancel\n onClick={onCancel}\n {...cancelButtonProps}\n >\n {cancelLabel}\n </AlertDialogCancel>\n )}\n <AlertDialogAction\n onClick={onConfirm}\n {...actionButtonProps}\n variant={actionButtonProps.variant}\n color={actionButtonProps.color || (variant === 'destructive' ? 'error' : 'primary')}\n >\n {actionLabel}\n </AlertDialogAction>\n </AlertDialogFooter>\n )\n}\n\n/**\n * Component for show Alert Dialog.\n * @public\n * @see [Documentation](#)\n * @example\n * > Import:\n * ```tsx\n * import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';\n * ```\n * > Simple example:\n * ```tsx\n * <AlertDialog\n * trigger={'Trigger text'} // may be any ReactNode | Button | string\n * variant='alert' // 'confirm' (default) | 'alert' | 'destructive'\n * title='Dialog title'\n * description='Description text...'\n * />\n * ```\n * > Base example:\n * ```tsx\n * <AlertDialog\n * trigger={<Button variant=\"outline\">Simple Trigger</Button>}\n * title='Dialog title'\n * description='Description text...'\n * onCancel={(event) => console.log(event, 'Cancel')}\n * onConfirm={(event) => console.log(event, 'Confirm')}\n * />\n * ```\n * > Trigger example: Button with icon children\n * ```tsx\n * <AlertDialog\n * trigger={<Button variant=\"outline\" size=\"icon\"><PencilLine /></Button>}\n * title=\"Dialog title with icon trigger\"\n * description=\"Description text...\"\n * onCancel={(event) => console.log(event, 'Cancel')}\n * onConfirm={(event) => console.log(event, 'Confirm')}\n * />\n * ```\n *\n * > Full content example:\n * ```tsx\n * <AlertDialog trigger={<Button variant=\"outline\">Full Content Trigger</Button>}>\n * Full Content...\n * </AlertDialog>\n * ```\n *\n * > Full control example:\n * ```tsx\n * <AlertDialog\n * open={true}\n * onOpenChange={(nextState) => console.log(nextState)}\n * trigger={<Button variant=\"outline\">Control Trigger</Button>}\n * header={<div>Custom Header</div>}\n * footer={[\n * <Button key='cancel' variant=\"outline\" onClick={() => {}}>On Action</Button>,\n * <Button key='action' variant=\"outline\" onClick={() => {}}>On Action</Button>,\n * ]}\n * />\n * ```\n */\nexport const AlertDialog: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n const {\n trigger,\n header,\n footer,\n slotProps = {},\n children,\n ...rest\n } = props;\n\n const contentProps = slotProps.content ?? {};\n\n return (\n <AlertDialogRoot {...rest}>\n <RenderAlertDialogTrigger {...props}>{trigger}</RenderAlertDialogTrigger>\n {children\n ? <AlertDialogContent {...contentProps}>{children}</AlertDialogContent>\n : (\n <AlertDialogContent {...contentProps}>\n <RenderAlertDialogHeader {...props}>{header}</RenderAlertDialogHeader>\n <RenderAlertDialogFooter {...props}>{footer}</RenderAlertDialogFooter>\n </AlertDialogContent>\n )\n }\n </AlertDialogRoot>\n )\n}\n\nexport default AlertDialog;\n"],"names":["RenderAlertDialogTrigger","props","slotProps","children","triggerProps","AlertDialogTrigger","RenderAlertDialogHeader","title","description","headerProps","titleProps","descriptionProps","isValidReactElement","AlertDialogHeader","cloneElement","jsx","AlertDialogTitle","AlertDialogDescription","RenderAlertDialogFooter","onCancel","onConfirm","cancelLabel","actionLabel","variant","footerId","useId","footerProps","cancelButtonProps","actionButtonProps","AlertDialogFooter","child","i","reactChild","clonedChild","AlertDialogAction","AlertDialogCancel","AlertDialog","trigger","header","footer","rest","contentProps","jsxs","AlertDialogRoot","AlertDialogContent"],"mappings":"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"}
1
+ {"version":3,"file":"AlertDialog.js","sources":["../../src/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import {\r\n Children,\r\n cloneElement,\r\n FC,\r\n Key,\r\n PropsWithChildren,\r\n ReactElement,\r\n useId,\r\n} from 'react';\r\nimport {\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n AlertDialogContent,\r\n AlertDialogDescription,\r\n AlertDialogFooter,\r\n AlertDialogHeader,\r\n AlertDialogRoot,\r\n AlertDialogTitle,\r\n AlertDialogTrigger,\r\n} from './AlertDialogRoot';\r\nimport {\r\n AlertDialogDescriptionProps,\r\n AlertDialogFooterProps,\r\n AlertDialogHeaderProps,\r\n AlertDialogProps,\r\n AlertDialogTitleProps,\r\n} from './AlertDialog.types';\r\n\r\nimport { isValidReactElement } from '@oneplatformdev/utils';\r\n\r\nconst RenderAlertDialogTrigger: FC<PropsWithChildren<AlertDialogProps>> = (\r\n props\r\n) => {\r\n const { slotProps = {}, children } = props;\r\n const triggerProps = slotProps.trigger ?? {};\r\n return <AlertDialogTrigger asChild {...triggerProps}>{children}</AlertDialogTrigger>;\r\n};\r\n\r\nconst RenderAlertDialogHeader: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\r\n const {\r\n title = '',\r\n description = '',\r\n slotProps = {},\r\n children,\r\n } = props;\r\n\r\n const headerProps = slotProps.header ?? {};\r\n const titleProps = slotProps.title ?? {};\r\n const descriptionProps = slotProps.description ?? {};\r\n\r\n if(children) {\r\n return isValidReactElement(children, AlertDialogHeader)\r\n ? cloneElement<AlertDialogHeaderProps>(\r\n children as ReactElement<AlertDialogHeaderProps>,\r\n { ...((children as ReactElement<AlertDialogHeaderProps>).props || {}), ...headerProps }\r\n )\r\n : <AlertDialogHeader {...headerProps}>{children}</AlertDialogHeader>\r\n }\r\n\r\n return (\r\n <AlertDialogHeader>\r\n {Boolean(title) && isValidReactElement(title, AlertDialogTitle)\r\n ? cloneElement<AlertDialogTitleProps>(\r\n title as ReactElement<AlertDialogTitleProps>,\r\n { ...((title as ReactElement<AlertDialogTitleProps>).props || {}), ...titleProps }\r\n )\r\n : <AlertDialogTitle {...titleProps}>{title}</AlertDialogTitle>}\r\n\r\n {Boolean(description) && isValidReactElement(description, AlertDialogDescription)\r\n ? cloneElement<AlertDialogDescriptionProps>(\r\n description as ReactElement<AlertDialogDescriptionProps>,\r\n { ...((description as ReactElement<AlertDialogDescriptionProps>).props || {}), ...descriptionProps }\r\n )\r\n : <AlertDialogDescription {...descriptionProps}>{description}</AlertDialogDescription>\r\n }\r\n </AlertDialogHeader>\r\n )\r\n}\r\n\r\nconst RenderAlertDialogFooter: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\r\n const {\r\n slotProps = {},\r\n children,\r\n onCancel,\r\n onConfirm,\r\n cancelLabel = 'Cancel',\r\n actionLabel = 'Continue',\r\n variant = 'confirm',\r\n } = props;\r\n const footerId = useId();\r\n\r\n const footerProps = slotProps.footer ?? {};\r\n const cancelButtonProps = slotProps.cancelButton ?? {};\r\n const actionButtonProps = slotProps.actionButton ?? {};\r\n\r\n if(children) {\r\n return isValidReactElement(children, AlertDialogFooter)\r\n ? cloneElement<AlertDialogFooterProps>(\r\n children as ReactElement<AlertDialogFooterProps>,\r\n { ...((children as ReactElement<AlertDialogFooterProps>).props || {}), ...footerProps }\r\n )\r\n : (\r\n <AlertDialogFooter {...footerProps}>\r\n {Children.map(children, (child, i) => {\r\n if(!child || !isValidReactElement(child)) return;\r\n\r\n const reactChild = child as ReactElement;\r\n const clonedChild = cloneElement(reactChild, {...(reactChild.props || {}), key: (reactChild.key || `footer-${footerId}-action-${i}` as unknown as Key)});\r\n\r\n if(isValidReactElement(child, AlertDialogAction) || isValidReactElement(child, AlertDialogCancel)) {\r\n return clonedChild;\r\n }\r\n\r\n return (\r\n <AlertDialogAction asChild>\r\n {clonedChild}\r\n </AlertDialogAction>\r\n )\r\n })}\r\n </AlertDialogFooter>\r\n )\r\n }\r\n\r\n return (\r\n <AlertDialogFooter>\r\n {variant !== 'alert' && (\r\n <AlertDialogCancel\r\n onClick={onCancel}\r\n {...cancelButtonProps}\r\n >\r\n {cancelLabel}\r\n </AlertDialogCancel>\r\n )}\r\n <AlertDialogAction\r\n onClick={onConfirm}\r\n {...actionButtonProps}\r\n variant={actionButtonProps.variant}\r\n color={actionButtonProps.color || (variant === 'destructive' ? 'error' : 'primary')}\r\n >\r\n {actionLabel}\r\n </AlertDialogAction>\r\n </AlertDialogFooter>\r\n )\r\n}\r\n\r\n/**\r\n * Component for show Alert Dialog.\r\n * @public\r\n * @see [Documentation](#)\r\n * @example\r\n * > Import:\r\n * ```tsx\r\n * import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';\r\n * ```\r\n * > Simple example:\r\n * ```tsx\r\n * <AlertDialog\r\n * trigger={'Trigger text'} // may be any ReactNode | Button | string\r\n * variant='alert' // 'confirm' (default) | 'alert' | 'destructive'\r\n * title='Dialog title'\r\n * description='Description text...'\r\n * />\r\n * ```\r\n * > Base example:\r\n * ```tsx\r\n * <AlertDialog\r\n * trigger={<Button variant=\"outline\">Simple Trigger</Button>}\r\n * title='Dialog title'\r\n * description='Description text...'\r\n * onCancel={(event) => console.log(event, 'Cancel')}\r\n * onConfirm={(event) => console.log(event, 'Confirm')}\r\n * />\r\n * ```\r\n * > Trigger example: Button with icon children\r\n * ```tsx\r\n * <AlertDialog\r\n * trigger={<Button variant=\"outline\" size=\"icon\"><PencilLine /></Button>}\r\n * title=\"Dialog title with icon trigger\"\r\n * description=\"Description text...\"\r\n * onCancel={(event) => console.log(event, 'Cancel')}\r\n * onConfirm={(event) => console.log(event, 'Confirm')}\r\n * />\r\n * ```\r\n *\r\n * > Full content example:\r\n * ```tsx\r\n * <AlertDialog trigger={<Button variant=\"outline\">Full Content Trigger</Button>}>\r\n * Full Content...\r\n * </AlertDialog>\r\n * ```\r\n *\r\n * > Full control example:\r\n * ```tsx\r\n * <AlertDialog\r\n * open={true}\r\n * onOpenChange={(nextState) => console.log(nextState)}\r\n * trigger={<Button variant=\"outline\">Control Trigger</Button>}\r\n * header={<div>Custom Header</div>}\r\n * footer={[\r\n * <Button key='cancel' variant=\"outline\" onClick={() => {}}>On Action</Button>,\r\n * <Button key='action' variant=\"outline\" onClick={() => {}}>On Action</Button>,\r\n * ]}\r\n * />\r\n * ```\r\n */\r\nexport const AlertDialog: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\r\n const {\r\n trigger,\r\n header,\r\n footer,\r\n slotProps = {},\r\n children,\r\n ...rest\r\n } = props;\r\n\r\n const contentProps = slotProps.content ?? {};\r\n\r\n return (\r\n <AlertDialogRoot {...rest}>\r\n <RenderAlertDialogTrigger {...props}>{trigger}</RenderAlertDialogTrigger>\r\n {children\r\n ? <AlertDialogContent {...contentProps}>{children}</AlertDialogContent>\r\n : (\r\n <AlertDialogContent {...contentProps}>\r\n <RenderAlertDialogHeader {...props}>{header}</RenderAlertDialogHeader>\r\n <RenderAlertDialogFooter {...props}>{footer}</RenderAlertDialogFooter>\r\n </AlertDialogContent>\r\n )\r\n }\r\n </AlertDialogRoot>\r\n )\r\n}\r\n\r\nexport default AlertDialog;\r\n"],"names":["RenderAlertDialogTrigger","props","slotProps","children","triggerProps","AlertDialogTrigger","RenderAlertDialogHeader","title","description","headerProps","titleProps","descriptionProps","isValidReactElement","AlertDialogHeader","cloneElement","jsx","AlertDialogTitle","AlertDialogDescription","RenderAlertDialogFooter","onCancel","onConfirm","cancelLabel","actionLabel","variant","footerId","useId","footerProps","cancelButtonProps","actionButtonProps","AlertDialogFooter","child","i","reactChild","clonedChild","AlertDialogAction","AlertDialogCancel","AlertDialog","trigger","header","footer","rest","contentProps","jsxs","AlertDialogRoot","AlertDialogContent"],"mappings":"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"}
@@ -1,8 +1,7 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { AlertDialog as n } from "./AlertDialog.js";
3
3
  import { Button as l } from "../Button/Button.js";
4
- import "../Button/buttonVariants.js";
5
- const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destructive"], b = {
4
+ const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destructive"], u = {
6
5
  title: "AlertDialog",
7
6
  component: n,
8
7
  render: c,
@@ -117,6 +116,6 @@ export {
117
116
  a as FullControl,
118
117
  s as Playground,
119
118
  i as Variants,
120
- b as default
119
+ u as default
121
120
  };
122
121
  //# sourceMappingURL=AlertDialog.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialog.stories.js","sources":["../../src/AlertDialog/AlertDialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { AlertDialog } from './AlertDialog';\nimport { AlertDialogProps } from './AlertDialog.types';\nimport React from 'react';\nimport { Button } from '../Button';\n\nconst Template = (props: AlertDialogProps) => <AlertDialog {...props} />;\n\nconst variants = ['confirm', 'alert', 'destructive'] as const;\n\nconst meta = {\n title: 'AlertDialog',\n component: AlertDialog,\n render: Template,\n argTypes: {\n open: {\n control: {\n type: 'boolean',\n },\n },\n variant: {\n name: 'variant',\n description: 'ButtonIcon variant',\n options: variants,\n control: {\n type: 'inline-radio',\n },\n },\n cancelLabel: {\n control: {\n type: 'text',\n },\n },\n actionLabel: {\n control: {\n type: 'text',\n },\n },\n title: {\n control: {\n type: 'text',\n },\n },\n description: {\n control: {\n type: 'text',\n },\n },\n },\n args: {\n variant: 'alert',\n cancelLabel: 'Cancel',\n actionLabel: 'Action',\n },\n} satisfies Meta<typeof AlertDialog>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground = (args: AlertDialogProps) => (\n <AlertDialog\n {...args}\n />\n);\nPlayground.args = {\n trigger: 'Trigger text or ReactNode',\n variant: 'confirm',\n title: 'Dialog title...',\n description: 'Description text...',\n cancelLabel: 'Cancel label',\n actionLabel: 'Action label',\n}\n\nexport const Variants = (args: AlertDialogProps) => (\n <div className='flex gap-3'>\n {variants.map((variant) => (\n <AlertDialog\n key={variant}\n trigger={variant}\n {...args}\n variant={variant}\n />\n ))}\n </div>\n);\nVariants.parameters = {\n controls: {\n include: ['title', 'description', 'cancelLabel', 'actionLabel'],\n },\n};\nVariants.args = {\n title: \"Dialog title\",\n description: \"Description text...\"\n}\n\nexport const FullControl = (args: AlertDialogProps) => (\n <AlertDialog\n onOpenChange={(nextState) => console.log(nextState)}\n trigger={<Button variant=\"outline\">Control Trigger</Button>}\n header={<div>Custom Header</div>}\n footer={[\n <Button key='cancel' variant=\"outline\" onClick={console.log}>On cancel</Button>,\n <Button key='action' variant=\"outline\" onClick={console.log}>On Action</Button>,\n ]}\n {...args}\n />\n);\nFullControl.parameters = {\n controls: {\n include: ['open'],\n },\n};\nFullControl.args = {\n open: false,\n}\n\n\nexport const FullContent = (args: AlertDialogProps) => (\n <AlertDialog\n trigger={<Button variant=\"outline\">Full Content Trigger</Button>}\n {...args}\n >\n Full Content...\n </AlertDialog>\n);\nFullContent.parameters = {\n controls: {\n include: [],\n },\n};\n"],"names":["Template","props","jsx","AlertDialog","variants","meta","Playground","args","Variants","variant","FullControl","nextState","Button","FullContent"],"mappings":";;;;AAOA,MAAMA,IAAW,CAACC,MAA4B,gBAAAC,EAACC,GAAA,EAAa,GAAGF,GAAO,GAEhEG,IAAW,CAAC,WAAW,SAAS,aAAa,GAE7CC,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWF;AAAA,EACX,QAAQH;AAAA,EACR,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,SAAS;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAASI;AAAA,MACT,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEF,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,EAAA;AAEjB,GAKaE,IAAa,CAACC,MACzB,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGI;AAAA,EAAA;AACN;AAEFD,EAAW,OAAO;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAME,IAAW,CAACD,MACvB,gBAAAL,EAAC,OAAA,EAAI,WAAU,cACZ,UAAAE,EAAS,IAAI,CAACK,MACb,gBAAAP;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,SAASM;AAAA,IACR,GAAGF;AAAA,IACJ,SAAAE;AAAA,EAAA;AAAA,EAHKA;AAIP,CACD,EAAA,CACH;AAEFD,EAAS,aAAa;AAAA,EACpB,UAAU;AAAA,IACR,SAAS,CAAC,SAAS,eAAe,eAAe,aAAa;AAAA,EAAA;AAElE;AACAA,EAAS,OAAO;AAAA,EACd,OAAO;AAAA,EACP,aAAa;AACf;AAEO,MAAME,IAAc,CAACH,MAC1B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,cAAc,CAACQ,MAAc,QAAQ,IAAIA,CAAS;AAAA,IAClD,SAAS,gBAAAT,EAACU,GAAA,EAAO,SAAQ,WAAU,UAAA,mBAAe;AAAA,IAClD,QAAQ,gBAAAV,EAAC,OAAA,EAAI,UAAA,gBAAA,CAAa;AAAA,IAC1B,QAAQ;AAAA,MACN,gBAAAA,EAACU,KAAoB,SAAQ,WAAU,SAAS,QAAQ,KAAK,yBAAjD,QAA0D;AAAA,MACtE,gBAAAV,EAACU,KAAoB,SAAQ,WAAU,SAAS,QAAQ,KAAK,yBAAjD,QAA0D;AAAA,IAAA;AAAA,IAEvE,GAAGL;AAAA,EAAA;AACN;AAEFG,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAC,MAAM;AAAA,EAAA;AAEpB;AACAA,EAAY,OAAO;AAAA,EACjB,MAAM;AACR;AAGO,MAAMG,IAAc,CAACN,MAC1B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAS,gBAAAD,EAACU,GAAA,EAAO,SAAQ,WAAU,UAAA,wBAAoB;AAAA,IACtD,GAAGL;AAAA,IACL,UAAA;AAAA,EAAA;AAED;AAEFM,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAA;AAAA,EAAC;AAEd;"}
1
+ {"version":3,"file":"AlertDialog.stories.js","sources":["../../src/AlertDialog/AlertDialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\r\n\r\nimport { AlertDialog } from './AlertDialog';\r\nimport { AlertDialogProps } from './AlertDialog.types';\r\nimport React from 'react';\r\nimport { Button } from '../Button';\r\n\r\nconst Template = (props: AlertDialogProps) => <AlertDialog {...props} />;\r\n\r\nconst variants = ['confirm', 'alert', 'destructive'] as const;\r\n\r\nconst meta = {\r\n title: 'AlertDialog',\r\n component: AlertDialog,\r\n render: Template,\r\n argTypes: {\r\n open: {\r\n control: {\r\n type: 'boolean',\r\n },\r\n },\r\n variant: {\r\n name: 'variant',\r\n description: 'ButtonIcon variant',\r\n options: variants,\r\n control: {\r\n type: 'inline-radio',\r\n },\r\n },\r\n cancelLabel: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n actionLabel: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n title: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n description: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n },\r\n args: {\r\n variant: 'alert',\r\n cancelLabel: 'Cancel',\r\n actionLabel: 'Action',\r\n },\r\n} satisfies Meta<typeof AlertDialog>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Playground = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n {...args}\r\n />\r\n);\r\nPlayground.args = {\r\n trigger: 'Trigger text or ReactNode',\r\n variant: 'confirm',\r\n title: 'Dialog title...',\r\n description: 'Description text...',\r\n cancelLabel: 'Cancel label',\r\n actionLabel: 'Action label',\r\n}\r\n\r\nexport const Variants = (args: AlertDialogProps) => (\r\n <div className='flex gap-3'>\r\n {variants.map((variant) => (\r\n <AlertDialog\r\n key={variant}\r\n trigger={variant}\r\n {...args}\r\n variant={variant}\r\n />\r\n ))}\r\n </div>\r\n);\r\nVariants.parameters = {\r\n controls: {\r\n include: ['title', 'description', 'cancelLabel', 'actionLabel'],\r\n },\r\n};\r\nVariants.args = {\r\n title: \"Dialog title\",\r\n description: \"Description text...\"\r\n}\r\n\r\nexport const FullControl = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n onOpenChange={(nextState) => console.log(nextState)}\r\n trigger={<Button variant=\"outline\">Control Trigger</Button>}\r\n header={<div>Custom Header</div>}\r\n footer={[\r\n <Button key='cancel' variant=\"outline\" onClick={console.log}>On cancel</Button>,\r\n <Button key='action' variant=\"outline\" onClick={console.log}>On Action</Button>,\r\n ]}\r\n {...args}\r\n />\r\n);\r\nFullControl.parameters = {\r\n controls: {\r\n include: ['open'],\r\n },\r\n};\r\nFullControl.args = {\r\n open: false,\r\n}\r\n\r\n\r\nexport const FullContent = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n trigger={<Button variant=\"outline\">Full Content Trigger</Button>}\r\n {...args}\r\n >\r\n Full Content...\r\n </AlertDialog>\r\n);\r\nFullContent.parameters = {\r\n controls: {\r\n include: [],\r\n },\r\n};\r\n"],"names":["Template","props","jsx","AlertDialog","variants","meta","Playground","args","Variants","variant","FullControl","nextState","Button","FullContent"],"mappings":";;;AAOA,MAAMA,IAAW,CAACC,MAA4B,gBAAAC,EAACC,GAAA,EAAa,GAAGF,GAAO,GAEhEG,IAAW,CAAC,WAAW,SAAS,aAAa,GAE7CC,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWF;AAAA,EACX,QAAQH;AAAA,EACR,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,SAAS;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAASI;AAAA,MACT,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEF,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,EAAA;AAEjB,GAKaE,IAAa,CAACC,MACzB,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGI;AAAA,EAAA;AACN;AAEFD,EAAW,OAAO;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAME,IAAW,CAACD,MACvB,gBAAAL,EAAC,OAAA,EAAI,WAAU,cACZ,UAAAE,EAAS,IAAI,CAACK,MACb,gBAAAP;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,SAASM;AAAA,IACR,GAAGF;AAAA,IACJ,SAAAE;AAAA,EAAA;AAAA,EAHKA;AAIP,CACD,EAAA,CACH;AAEFD,EAAS,aAAa;AAAA,EACpB,UAAU;AAAA,IACR,SAAS,CAAC,SAAS,eAAe,eAAe,aAAa;AAAA,EAAA;AAElE;AACAA,EAAS,OAAO;AAAA,EACd,OAAO;AAAA,EACP,aAAa;AACf;AAEO,MAAME,IAAc,CAACH,MAC1B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,cAAc,CAACQ,MAAc,QAAQ,IAAIA,CAAS;AAAA,IAClD,SAAS,gBAAAT,EAACU,GAAA,EAAO,SAAQ,WAAU,UAAA,mBAAe;AAAA,IAClD,QAAQ,gBAAAV,EAAC,OAAA,EAAI,UAAA,gBAAA,CAAa;AAAA,IAC1B,QAAQ;AAAA,MACN,gBAAAA,EAACU,KAAoB,SAAQ,WAAU,SAAS,QAAQ,KAAK,yBAAjD,QAA0D;AAAA,MACtE,gBAAAV,EAACU,KAAoB,SAAQ,WAAU,SAAS,QAAQ,KAAK,yBAAjD,QAA0D;AAAA,IAAA;AAAA,IAEvE,GAAGL;AAAA,EAAA;AACN;AAEFG,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAC,MAAM;AAAA,EAAA;AAEpB;AACAA,EAAY,OAAO;AAAA,EACjB,MAAM;AACR;AAGO,MAAMG,IAAc,CAACN,MAC1B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAS,gBAAAD,EAACU,GAAA,EAAO,SAAQ,WAAU,UAAA,wBAAoB;AAAA,IACtD,GAAGL;AAAA,IACL,UAAA;AAAA,EAAA;AAED;AAEFM,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAA;AAAA,EAAC;AAEd;"}
@@ -1,12 +1,11 @@
1
1
  import { jsx as o, jsxs as c } from "react/jsx-runtime";
2
2
  import * as r from "@radix-ui/react-alert-dialog";
3
3
  import { cn as l } from "@oneplatformdev/utils";
4
- import "../Button/Button.js";
5
4
  import { buttonVariants as d } from "../Button/buttonVariants.js";
6
- function N(t) {
5
+ function x(t) {
7
6
  return /* @__PURE__ */ o(r.Root, { "data-slot": "alert-dialog", ...t });
8
7
  }
9
- function A(t) {
8
+ function N(t) {
10
9
  return /* @__PURE__ */ o(r.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
11
10
  }
12
11
  function m(t) {
@@ -26,7 +25,7 @@ function g(t) {
26
25
  }
27
26
  );
28
27
  }
29
- function D(t) {
28
+ function A(t) {
30
29
  const { className: a, ...e } = t;
31
30
  return /* @__PURE__ */ c(m, { children: [
32
31
  /* @__PURE__ */ o(g, {}),
@@ -47,7 +46,7 @@ function D(t) {
47
46
  )
48
47
  ] });
49
48
  }
50
- function w(t) {
49
+ function D(t) {
51
50
  const { className: a, ...e } = t;
52
51
  return /* @__PURE__ */ o(
53
52
  "div",
@@ -58,7 +57,7 @@ function w(t) {
58
57
  }
59
58
  );
60
59
  }
61
- function b(t) {
60
+ function w(t) {
62
61
  const { className: a, ...e } = t;
63
62
  return /* @__PURE__ */ o(
64
63
  "div",
@@ -72,7 +71,7 @@ function b(t) {
72
71
  }
73
72
  );
74
73
  }
75
- function v(t) {
74
+ function b(t) {
76
75
  const { className: a, ...e } = t;
77
76
  return /* @__PURE__ */ o(
78
77
  r.Title,
@@ -83,7 +82,7 @@ function v(t) {
83
82
  }
84
83
  );
85
84
  }
86
- function h(t) {
85
+ function v(t) {
87
86
  const { className: a, ...e } = t;
88
87
  return /* @__PURE__ */ o(
89
88
  r.Description,
@@ -94,7 +93,7 @@ function h(t) {
94
93
  }
95
94
  );
96
95
  }
97
- function y(t) {
96
+ function h(t) {
98
97
  const { className: a, variant: e, size: s, color: n, ...i } = t;
99
98
  return /* @__PURE__ */ o(
100
99
  r.Action,
@@ -104,7 +103,7 @@ function y(t) {
104
103
  }
105
104
  );
106
105
  }
107
- function z(t) {
106
+ function y(t) {
108
107
  const { className: a, variant: e, color: s = "secondary", size: n, ...i } = t;
109
108
  return /* @__PURE__ */ o(
110
109
  r.Cancel,
@@ -115,17 +114,17 @@ function z(t) {
115
114
  );
116
115
  }
117
116
  export {
118
- y as AlertDialogAction,
119
- z as AlertDialogCancel,
120
- D as AlertDialogContent,
121
- h as AlertDialogDescription,
122
- b as AlertDialogFooter,
123
- w as AlertDialogHeader,
117
+ h as AlertDialogAction,
118
+ y as AlertDialogCancel,
119
+ A as AlertDialogContent,
120
+ v as AlertDialogDescription,
121
+ w as AlertDialogFooter,
122
+ D as AlertDialogHeader,
124
123
  g as AlertDialogOverlay,
125
124
  m as AlertDialogPortal,
126
125
  r as AlertDialogPrimitive,
127
- N as AlertDialogRoot,
128
- v as AlertDialogTitle,
129
- A as AlertDialogTrigger
126
+ x as AlertDialogRoot,
127
+ b as AlertDialogTitle,
128
+ N as AlertDialogTrigger
130
129
  };
131
130
  //# sourceMappingURL=AlertDialogRoot.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { ButtonProps, buttonVariants } from '../Button';\n\nfunction AlertDialogRoot(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" asChild {...props} />;\n}\n\nfunction AlertDialogOverlay(props: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n const { className, ...rest } = props;\n return (\n <AlertDialogPrimitive.Overlay\n data-slot=\"alert-dialog-overlay\"\n className={cn(\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n className\n )}\n {...rest}\n />\n )\n}\n\nfunction AlertDialogContent(props: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n const { className, ...rest } = props;\n return (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n data-slot=\"alert-dialog-content\"\n className={cn(\n 'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n 'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 p-6',\n 'bg-background border rounded-lg shadow-lg',\n 'overflow-x-hidden break-words',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200',\n className\n )}\n {...rest}\n />\n </AlertDialogPortal>\n )\n}\n\n\nfunction AlertDialogHeader(props: React.ComponentProps<\"div\">) {\n const { className, ...rest } = props;\n return (\n <div\n data-slot=\"alert-dialog-header\"\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n {...rest}\n />\n )\n}\n\nfunction AlertDialogFooter(props: React.ComponentProps<\"div\">) {\n const { className, ...rest } = props;\n return (\n <div\n data-slot=\"alert-dialog-footer\"\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className\n )}\n {...rest}\n />\n )\n}\nfunction AlertDialogTitle(props: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n const { className, ...rest } = props;\n return (\n <AlertDialogPrimitive.Title\n data-slot=\"alert-dialog-title\"\n className={cn(\"text-lg font-semibold break-words\", className)}\n {...rest}\n />\n )\n}\n\nfunction AlertDialogDescription(props: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n const { className, ...rest } = props;\n return (\n <AlertDialogPrimitive.Description\n data-slot=\"alert-dialog-description\"\n className={cn(\"text-muted-foreground text-sm whitespace-pre-wrap break-words\", className)}\n {...rest}\n />\n )\n}\n\n\nfunction AlertDialogAction(props: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonProps) {\n const { className, variant, size, color, ...rest } = props;\n return (\n <AlertDialogPrimitive.Action\n className={cn(buttonVariants({ variant, size, color }), className)}\n {...rest}\n />\n )\n}\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\n const { className, variant, color = 'secondary', size, ...rest } = props\n return (\n <AlertDialogPrimitive.Cancel\n className={cn(buttonVariants({ variant, size, color }), className)}\n {...rest}\n />\n )\n}\n\nexport {\n AlertDialogRoot,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogPrimitive\n};\n"],"names":["AlertDialogRoot","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","jsx","AlertDialogOverlay","className","rest","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","variant","size","color","buttonVariants","AlertDialogCancel"],"mappings":"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"}
1
+ {"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\r\n\r\nimport * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport { ButtonProps, buttonVariants } from '../Button';\r\n\r\nfunction AlertDialogRoot(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\r\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\r\n}\r\n\r\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\r\n return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\r\n}\r\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\r\n return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" asChild {...props} />;\r\n}\r\n\r\nfunction AlertDialogOverlay(props: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Overlay\r\n data-slot=\"alert-dialog-overlay\"\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogContent(props: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPortal>\r\n <AlertDialogOverlay />\r\n <AlertDialogPrimitive.Content\r\n data-slot=\"alert-dialog-content\"\r\n className={cn(\r\n 'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\r\n 'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 p-6',\r\n 'bg-background border rounded-lg shadow-lg',\r\n 'overflow-x-hidden break-words',\r\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200',\r\n className\r\n )}\r\n {...rest}\r\n />\r\n </AlertDialogPortal>\r\n )\r\n}\r\n\r\n\r\nfunction AlertDialogHeader(props: React.ComponentProps<\"div\">) {\r\n const { className, ...rest } = props;\r\n return (\r\n <div\r\n data-slot=\"alert-dialog-header\"\r\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogFooter(props: React.ComponentProps<\"div\">) {\r\n const { className, ...rest } = props;\r\n return (\r\n <div\r\n data-slot=\"alert-dialog-footer\"\r\n className={cn(\r\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\nfunction AlertDialogTitle(props: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Title\r\n data-slot=\"alert-dialog-title\"\r\n className={cn(\"text-lg font-semibold break-words\", className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogDescription(props: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Description\r\n data-slot=\"alert-dialog-description\"\r\n className={cn(\"text-muted-foreground text-sm whitespace-pre-wrap break-words\", className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\n\r\nfunction AlertDialogAction(props: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonProps) {\r\n const { className, variant, size, color, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Action\r\n className={cn(buttonVariants({ variant, size, color }), className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\r\n const { className, variant, color = 'secondary', size, ...rest } = props\r\n return (\r\n <AlertDialogPrimitive.Cancel\r\n className={cn(buttonVariants({ variant, size, color }), className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nexport {\r\n AlertDialogRoot,\r\n AlertDialogPortal,\r\n AlertDialogOverlay,\r\n AlertDialogTrigger,\r\n AlertDialogContent,\r\n AlertDialogHeader,\r\n AlertDialogFooter,\r\n AlertDialogTitle,\r\n AlertDialogDescription,\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n AlertDialogPrimitive\r\n};\r\n"],"names":["AlertDialogRoot","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","jsx","AlertDialogOverlay","className","rest","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","variant","size","color","buttonVariants","AlertDialogCancel"],"mappings":";;;;AAQA,SAASA,EAAgBC,GAA+D;AACtF,2BAAQC,EAAqB,MAArB,EAA0B,aAAU,gBAAgB,GAAGD,GAAO;AACxE;AAEA,SAASE,EAAmBF,GAAkE;AAC5F,2BAAQC,EAAqB,SAArB,EAA6B,aAAU,wBAAwB,GAAGD,GAAO;AACnF;AACA,SAASG,EAAkBH,GAAiE;AAC1F,SAAO,gBAAAI,EAACH,EAAqB,QAArB,EAA4B,aAAU,uBAAsB,SAAO,IAAE,GAAGD,GAAO;AACzF;AAEA,SAASK,EAAmBL,GAAkE;AAC5F,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,SACE,gBAAAI;AAAA,IAACH,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWO;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASE,EAAmBT,GAAkE;AAC5F,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,2BACGG,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAmB;AAAA,IACpB,gBAAAD;AAAA,MAACH,EAAqB;AAAA,MAArB;AAAA,QACC,aAAU;AAAA,QACV,WAAWO;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAF;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;AAGA,SAASG,EAAkBV,GAAoC;AAC7D,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWI,EAAG,gDAAgDF,CAAS;AAAA,MACtE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAkBX,GAAoC;AAC7D,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACA,SAASK,EAAiBZ,GAAgE;AACxF,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,SACE,gBAAAI;AAAA,IAACH,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWO,EAAG,qCAAqCF,CAAS;AAAA,MAC3D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAuBb,GAAsE;AACpG,QAAM,EAAE,WAAAM,GAAW,GAAGC,EAAA,IAASP;AAC/B,SACE,gBAAAI;AAAA,IAACH,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAWO,EAAG,iEAAiEF,CAAS;AAAA,MACvF,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAGA,SAASO,EAAkBd,GAA+E;AACxG,QAAM,EAAE,WAAAM,GAAW,SAAAS,GAAS,MAAAC,GAAM,OAAAC,GAAO,GAAGV,MAASP;AACrD,SACE,gBAAAI;AAAA,IAACH,EAAqB;AAAA,IAArB;AAAA,MACC,WAAWO,EAAGU,EAAe,EAAE,SAAAH,GAAS,MAAAC,GAAM,OAAAC,EAAA,CAAO,GAAGX,CAAS;AAAA,MAChE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACA,SAASY,EAAkBnB,GAA+E;AACxG,QAAM,EAAE,WAAAM,GAAW,SAAAS,GAAS,OAAAE,IAAQ,aAAa,MAAAD,GAAM,GAAGT,MAASP;AACnE,SACE,gBAAAI;AAAA,IAACH,EAAqB;AAAA,IAArB;AAAA,MACC,WAAWO,EAAGU,EAAe,EAAE,SAAAH,GAAS,MAAAC,GAAM,OAAAC,EAAA,CAAO,GAAGX,CAAS;AAAA,MAChE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -1 +1 @@
1
- {"version":3,"file":"AreaChart.js","sources":["../../src/AreaChart/AreaChart.tsx"],"sourcesContent":["\"use client\";\n\nimport { FC } from \"react\";\nimport { Area, AreaChart as RechartAreaChart, CartesianGrid, XAxis, YAxis } from \"recharts\";\n\nimport { ChartContainer, ChartTooltip, ChartTooltipContent } from \"../Chart\";\n\nimport { AreaChartProps } from './AreaChart.types';\n\nexport const AreaChart: FC<AreaChartProps> = ({ data, config }) => {\n return (\n <ChartContainer config={config} className=\"h-[350px] w-full\">\n <RechartAreaChart data={data} width={808} height={350} margin={{ top: 10, right: 10, left: 0, bottom: 0 }}>\n <defs>\n {Object.entries(config).map(([key, { color }]) => (\n <linearGradient id={`${key}Gradient`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\" key={key}>\n <stop offset=\"5%\" stopColor={color} stopOpacity={0.8} />\n <stop offset=\"95%\" stopColor={color} stopOpacity={0.1} />\n </linearGradient>\n ))}\n </defs>\n <CartesianGrid strokeDasharray=\"none\" stroke=\"gray\" strokeWidth={0.5} vertical={true} horizontal={true} />\n <XAxis dataKey=\"month\" axisLine={false} tickLine={false} tick={{ fontSize: 12 }} />\n <YAxis axisLine={false} tickLine={false} tick={{ fontSize: 12 }} />\n <ChartTooltip content={<ChartTooltipContent />} />\n {Object.entries(config).map(([key, { color }]) => (\n <Area\n key={key}\n type=\"monotone\"\n dataKey={key}\n stroke={color}\n fill={`url(#${key}Gradient)`}\n strokeWidth={3}\n />\n ))}\n </RechartAreaChart>\n </ChartContainer>\n );\n};\n"],"names":["AreaChart","data","config","jsx","ChartContainer","jsxs","RechartAreaChart","key","color","CartesianGrid","XAxis","YAxis","ChartTooltip","ChartTooltipContent","Area"],"mappings":";;;AASO,MAAMA,IAAgC,CAAC,EAAE,MAAAC,GAAM,QAAAC,QAE9C,gBAAAC,EAACC,KAAe,QAAAF,GAAgB,WAAU,oBACtC,UAAA,gBAAAG,EAACC,GAAA,EAAiB,MAAAL,GAAY,OAAO,KAAK,QAAQ,KAAK,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,GAAG,QAAQ,EAAA,GAClG,UAAA;AAAA,EAAA,gBAAAE,EAAC,QAAA,EACI,UAAA,OAAO,QAAQD,CAAM,EAAE,IAAI,CAAC,CAACK,GAAK,EAAE,OAAAC,EAAA,CAAO,wBACvC,kBAAA,EAAe,IAAI,GAAGD,CAAG,YAAY,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC1D,UAAA;AAAA,IAAA,gBAAAJ,EAAC,UAAK,QAAO,MAAK,WAAWK,GAAO,aAAa,KAAK;AAAA,sBACrD,QAAA,EAAK,QAAO,OAAM,WAAWA,GAAO,aAAa,IAAA,CAAK;AAAA,EAAA,KAFYD,CAGvE,CACH,GACL;AAAA,EACA,gBAAAJ,EAACM,GAAA,EAAc,iBAAgB,QAAO,QAAO,QAAO,aAAa,KAAK,UAAU,IAAM,YAAY,GAAA,CAAM;AAAA,EACxG,gBAAAN,EAACO,GAAA,EAAM,SAAQ,SAAQ,UAAU,IAAO,UAAU,IAAO,MAAM,EAAE,UAAU,GAAA,EAAG,CAAG;AAAA,EACjF,gBAAAP,EAACQ,GAAA,EAAM,UAAU,IAAO,UAAU,IAAO,MAAM,EAAE,UAAU,GAAA,EAAG,CAAG;AAAA,EACjE,gBAAAR,EAACS,GAAA,EAAa,SAAS,gBAAAT,EAACU,KAAoB,GAAI;AAAA,EAC/C,OAAO,QAAQX,CAAM,EAAE,IAAI,CAAC,CAACK,GAAK,EAAE,OAAAC,EAAA,CAAO,MACxC,gBAAAL;AAAA,IAACW;AAAA,IAAA;AAAA,MAEG,MAAK;AAAA,MACL,SAASP;AAAA,MACT,QAAQC;AAAA,MACR,MAAM,QAAQD,CAAG;AAAA,MACjB,aAAa;AAAA,IAAA;AAAA,IALRA;AAAA,EAAA,CAOZ;AAAA,EAAA,CACL,EAAA,CACJ;"}
1
+ {"version":3,"file":"AreaChart.js","sources":["../../src/AreaChart/AreaChart.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FC } from \"react\";\r\nimport { Area, AreaChart as RechartAreaChart, CartesianGrid, XAxis, YAxis } from \"recharts\";\r\n\r\nimport { ChartContainer, ChartTooltip, ChartTooltipContent } from \"../Chart\";\r\n\r\nimport { AreaChartProps } from './AreaChart.types';\r\n\r\nexport const AreaChart: FC<AreaChartProps> = ({ data, config }) => {\r\n return (\r\n <ChartContainer config={config} className=\"h-[350px] w-full\">\r\n <RechartAreaChart data={data} width={808} height={350} margin={{ top: 10, right: 10, left: 0, bottom: 0 }}>\r\n <defs>\r\n {Object.entries(config).map(([key, { color }]) => (\r\n <linearGradient id={`${key}Gradient`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\" key={key}>\r\n <stop offset=\"5%\" stopColor={color} stopOpacity={0.8} />\r\n <stop offset=\"95%\" stopColor={color} stopOpacity={0.1} />\r\n </linearGradient>\r\n ))}\r\n </defs>\r\n <CartesianGrid strokeDasharray=\"none\" stroke=\"gray\" strokeWidth={0.5} vertical={true} horizontal={true} />\r\n <XAxis dataKey=\"month\" axisLine={false} tickLine={false} tick={{ fontSize: 12 }} />\r\n <YAxis axisLine={false} tickLine={false} tick={{ fontSize: 12 }} />\r\n <ChartTooltip content={<ChartTooltipContent />} />\r\n {Object.entries(config).map(([key, { color }]) => (\r\n <Area\r\n key={key}\r\n type=\"monotone\"\r\n dataKey={key}\r\n stroke={color}\r\n fill={`url(#${key}Gradient)`}\r\n strokeWidth={3}\r\n />\r\n ))}\r\n </RechartAreaChart>\r\n </ChartContainer>\r\n );\r\n};\r\n"],"names":["AreaChart","data","config","jsx","ChartContainer","jsxs","RechartAreaChart","key","color","CartesianGrid","XAxis","YAxis","ChartTooltip","ChartTooltipContent","Area"],"mappings":";;;AASO,MAAMA,IAAgC,CAAC,EAAE,MAAAC,GAAM,QAAAC,QAE9C,gBAAAC,EAACC,KAAe,QAAAF,GAAgB,WAAU,oBACtC,UAAA,gBAAAG,EAACC,GAAA,EAAiB,MAAAL,GAAY,OAAO,KAAK,QAAQ,KAAK,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,GAAG,QAAQ,EAAA,GAClG,UAAA;AAAA,EAAA,gBAAAE,EAAC,QAAA,EACI,UAAA,OAAO,QAAQD,CAAM,EAAE,IAAI,CAAC,CAACK,GAAK,EAAE,OAAAC,EAAA,CAAO,wBACvC,kBAAA,EAAe,IAAI,GAAGD,CAAG,YAAY,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAC1D,UAAA;AAAA,IAAA,gBAAAJ,EAAC,UAAK,QAAO,MAAK,WAAWK,GAAO,aAAa,KAAK;AAAA,sBACrD,QAAA,EAAK,QAAO,OAAM,WAAWA,GAAO,aAAa,IAAA,CAAK;AAAA,EAAA,KAFYD,CAGvE,CACH,GACL;AAAA,EACA,gBAAAJ,EAACM,GAAA,EAAc,iBAAgB,QAAO,QAAO,QAAO,aAAa,KAAK,UAAU,IAAM,YAAY,GAAA,CAAM;AAAA,EACxG,gBAAAN,EAACO,GAAA,EAAM,SAAQ,SAAQ,UAAU,IAAO,UAAU,IAAO,MAAM,EAAE,UAAU,GAAA,EAAG,CAAG;AAAA,EACjF,gBAAAP,EAACQ,GAAA,EAAM,UAAU,IAAO,UAAU,IAAO,MAAM,EAAE,UAAU,GAAA,EAAG,CAAG;AAAA,EACjE,gBAAAR,EAACS,GAAA,EAAa,SAAS,gBAAAT,EAACU,KAAoB,GAAI;AAAA,EAC/C,OAAO,QAAQX,CAAM,EAAE,IAAI,CAAC,CAACK,GAAK,EAAE,OAAAC,EAAA,CAAO,MACxC,gBAAAL;AAAA,IAACW;AAAA,IAAA;AAAA,MAEG,MAAK;AAAA,MACL,SAASP;AAAA,MACT,QAAQC;AAAA,MACR,MAAM,QAAQD,CAAG;AAAA,MACjB,aAAa;AAAA,IAAA;AAAA,IALRA;AAAA,EAAA,CAOZ;AAAA,EAAA,CACL,EAAA,CACJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Aside.js","sources":["../../src/Aside/Aside.tsx"],"sourcesContent":["import { SidebarInset, SidebarProvider } from \"../Sidebar\";\nimport { AsideProps } from \"./Aside.types\";\n\nexport const Aside: React.FC<React.PropsWithChildren<AsideProps>> = (props) => {\n const {\n children,\n header,\n sidebar\n } = props;\n return (\n <SidebarProvider>\n {Boolean(sidebar) && sidebar}\n <SidebarInset>\n {Boolean(header) && header}\n <section className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n <div>\n test build\n </div>\n {children}\n </section>\n </SidebarInset>\n </SidebarProvider>\n )\n}\n\nexport default Aside;\n"],"names":["Aside","props","children","header","sidebar","SidebarProvider","SidebarInset","jsxs","jsx"],"mappings":";;AAGO,MAAMA,IAAuD,CAACC,MAAU;AAC7E,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEH;AACJ,2BACGI,GAAA,EACE,UAAA;AAAA,IAAA,EAAQD,KAAYA;AAAA,sBACpBE,GAAA,EACE,UAAA;AAAA,MAAA,EAAQH,KAAWA;AAAA,MACpB,gBAAAI,EAAC,WAAA,EAAQ,WAAU,uCACjB,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,UAAA,aAAA,CAEL;AAAA,QACCN;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
1
+ {"version":3,"file":"Aside.js","sources":["../../src/Aside/Aside.tsx"],"sourcesContent":["import { SidebarInset, SidebarProvider } from \"../Sidebar\";\r\nimport { AsideProps } from \"./Aside.types\";\r\n\r\nexport const Aside: React.FC<React.PropsWithChildren<AsideProps>> = (props) => {\r\n const {\r\n children,\r\n header,\r\n sidebar\r\n } = props;\r\n return (\r\n <SidebarProvider>\r\n {Boolean(sidebar) && sidebar}\r\n <SidebarInset>\r\n {Boolean(header) && header}\r\n <section className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\r\n <div>\r\n test build\r\n </div>\r\n {children}\r\n </section>\r\n </SidebarInset>\r\n </SidebarProvider>\r\n )\r\n}\r\n\r\nexport default Aside;\r\n"],"names":["Aside","props","children","header","sidebar","SidebarProvider","SidebarInset","jsxs","jsx"],"mappings":";;AAGO,MAAMA,IAAuD,CAACC,MAAU;AAC7E,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACEH;AACJ,2BACGI,GAAA,EACE,UAAA;AAAA,IAAA,EAAQD,KAAYA;AAAA,sBACpBE,GAAA,EACE,UAAA;AAAA,MAAA,EAAQH,KAAWA;AAAA,MACpB,gBAAAI,EAAC,WAAA,EAAQ,WAAU,uCACjB,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,UAAA,aAAA,CAEL;AAAA,QACCN;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"AsideSidebar.js","sources":["../../src/Aside/AsideSidebar.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarHeader,\n SidebarRail\n} from \"../Sidebar\";\nimport { AsideSidebarProps } from \"./Aside.types\";\n\nfunction isReactElement<T>(\n element: React.ReactNode,\n componentType: React.JSXElementConstructor<T>\n): element is React.ReactElement<T> {\n return React.isValidElement(element) && element.type === componentType;\n}\n\nexport const AsideSidebar: React.FC<React.PropsWithChildren<AsideSidebarProps>> = (props) => {\n const {\n children,\n header,\n content,\n footer,\n slot,\n hiddenRail,\n ...rest\n } = props;\n return (\n <Sidebar collapsible=\"icon\" {...rest}>\n {Boolean(children)\n ? children\n : (\n <>\n {!children && Boolean(header) && isReactElement(header, SidebarHeader)\n ? React.cloneElement(header, {\n ...header.props,\n ...(slot?.header || {})\n })\n : (\n <SidebarHeader {...(slot?.header || {})}>\n <div className=\"grid gap-2 text-center\">\n {header}\n </div>\n </SidebarHeader>\n )\n }\n\n {!children && Boolean(content) && isReactElement(content, SidebarContent)\n ? React.cloneElement(content, {\n ...content.props,\n ...(slot?.content || {})\n })\n : (\n <SidebarContent {...(slot?.content || {})}>\n {content}\n </SidebarContent>\n )\n }\n\n {!children && Boolean(footer) && isReactElement(footer, SidebarFooter)\n ? React.cloneElement(footer, {\n ...footer.props,\n ...(slot?.footer || {})\n })\n : (\n <SidebarFooter {...(slot?.footer || {})}>\n {footer}\n </SidebarFooter>\n )\n }\n </>\n )\n }\n {!hiddenRail && <SidebarRail />}\n </Sidebar>\n )\n}\n"],"names":["isReactElement","element","componentType","React","AsideSidebar","props","children","header","content","footer","slot","hiddenRail","rest","jsxs","Sidebar","Fragment","SidebarHeader","jsx","SidebarContent","SidebarFooter","SidebarRail"],"mappings":";;;AAWA,SAASA,EACPC,GACAC,GACkC;AAClC,SAAOC,EAAM,eAAeF,CAAO,KAAKA,EAAQ,SAASC;AAC3D;AAEO,MAAME,IAAqE,CAACC,MAAU;AAC3F,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP;AACJ,SACE,gBAAAQ,EAACC,GAAA,EAAQ,aAAY,QAAQ,GAAGF,GAC7B,UAAA;AAAA,IAAQN,KAGL,gBAAAO,EAAAE,GAAA,EACG,UAAA;AAAA,MAAA,CAACT,KAAoBC,KAAWP,EAAeO,GAAQS,CAAa,IACjEb,EAAM,aAAaI,GAAQ;AAAA,QAC3B,GAAGA,EAAO;AAAA,QACV,GAAIG,GAAM,UAAU,CAAA;AAAA,MAAC,CACtB,IAEC,gBAAAO,EAACD,GAAA,EAAe,GAAIN,GAAM,UAAU,IAClC,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,0BACZ,aACH,GACF;AAAA,MAIH,CAACX,KAAoBE,KAAYR,EAAeQ,GAASU,CAAc,IACpEf,EAAM,aAAaK,GAAS;AAAA,QAC5B,GAAGA,EAAQ;AAAA,QACX,GAAIE,GAAM,WAAW,CAAA;AAAA,MAAC,CACvB,IAEC,gBAAAO,EAACC,GAAA,EAAgB,GAAIR,GAAM,WAAW,CAAA,GACnC,UAAAF,GACH;AAAA,MAIH,CAACF,KAAoBG,KAAWT,EAAeS,GAAQU,CAAa,IACjEhB,EAAM,aAAaM,GAAQ;AAAA,QAC3B,GAAGA,EAAO;AAAA,QACV,GAAIC,GAAM,UAAU,CAAA;AAAA,MAAC,CACtB,IAEC,gBAAAO,EAACE,GAAA,EAAe,GAAIT,GAAM,UAAU,CAAA,GACjC,UAAAD,EAAA,CACH;AAAA,IAAA,GAGN;AAAA,IAGH,CAACE,KAAc,gBAAAM,EAACG,GAAA,CAAA,CAAY;AAAA,EAAA,GAC/B;AAEJ;"}
1
+ {"version":3,"file":"AsideSidebar.js","sources":["../../src/Aside/AsideSidebar.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {\r\n Sidebar,\r\n SidebarContent,\r\n SidebarFooter,\r\n SidebarHeader,\r\n SidebarRail\r\n} from \"../Sidebar\";\r\nimport { AsideSidebarProps } from \"./Aside.types\";\r\n\r\nfunction isReactElement<T>(\r\n element: React.ReactNode,\r\n componentType: React.JSXElementConstructor<T>\r\n): element is React.ReactElement<T> {\r\n return React.isValidElement(element) && element.type === componentType;\r\n}\r\n\r\nexport const AsideSidebar: React.FC<React.PropsWithChildren<AsideSidebarProps>> = (props) => {\r\n const {\r\n children,\r\n header,\r\n content,\r\n footer,\r\n slot,\r\n hiddenRail,\r\n ...rest\r\n } = props;\r\n return (\r\n <Sidebar collapsible=\"icon\" {...rest}>\r\n {Boolean(children)\r\n ? children\r\n : (\r\n <>\r\n {!children && Boolean(header) && isReactElement(header, SidebarHeader)\r\n ? React.cloneElement(header, {\r\n ...header.props,\r\n ...(slot?.header || {})\r\n })\r\n : (\r\n <SidebarHeader {...(slot?.header || {})}>\r\n <div className=\"grid gap-2 text-center\">\r\n {header}\r\n </div>\r\n </SidebarHeader>\r\n )\r\n }\r\n\r\n {!children && Boolean(content) && isReactElement(content, SidebarContent)\r\n ? React.cloneElement(content, {\r\n ...content.props,\r\n ...(slot?.content || {})\r\n })\r\n : (\r\n <SidebarContent {...(slot?.content || {})}>\r\n {content}\r\n </SidebarContent>\r\n )\r\n }\r\n\r\n {!children && Boolean(footer) && isReactElement(footer, SidebarFooter)\r\n ? React.cloneElement(footer, {\r\n ...footer.props,\r\n ...(slot?.footer || {})\r\n })\r\n : (\r\n <SidebarFooter {...(slot?.footer || {})}>\r\n {footer}\r\n </SidebarFooter>\r\n )\r\n }\r\n </>\r\n )\r\n }\r\n {!hiddenRail && <SidebarRail />}\r\n </Sidebar>\r\n )\r\n}\r\n"],"names":["isReactElement","element","componentType","React","AsideSidebar","props","children","header","content","footer","slot","hiddenRail","rest","jsxs","Sidebar","Fragment","SidebarHeader","jsx","SidebarContent","SidebarFooter","SidebarRail"],"mappings":";;;AAWA,SAASA,EACPC,GACAC,GACkC;AAClC,SAAOC,EAAM,eAAeF,CAAO,KAAKA,EAAQ,SAASC;AAC3D;AAEO,MAAME,IAAqE,CAACC,MAAU;AAC3F,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP;AACJ,SACE,gBAAAQ,EAACC,GAAA,EAAQ,aAAY,QAAQ,GAAGF,GAC7B,UAAA;AAAA,IAAQN,KAGL,gBAAAO,EAAAE,GAAA,EACG,UAAA;AAAA,MAAA,CAACT,KAAoBC,KAAWP,EAAeO,GAAQS,CAAa,IACjEb,EAAM,aAAaI,GAAQ;AAAA,QAC3B,GAAGA,EAAO;AAAA,QACV,GAAIG,GAAM,UAAU,CAAA;AAAA,MAAC,CACtB,IAEC,gBAAAO,EAACD,GAAA,EAAe,GAAIN,GAAM,UAAU,IAClC,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,0BACZ,aACH,GACF;AAAA,MAIH,CAACX,KAAoBE,KAAYR,EAAeQ,GAASU,CAAc,IACpEf,EAAM,aAAaK,GAAS;AAAA,QAC5B,GAAGA,EAAQ;AAAA,QACX,GAAIE,GAAM,WAAW,CAAA;AAAA,MAAC,CACvB,IAEC,gBAAAO,EAACC,GAAA,EAAgB,GAAIR,GAAM,WAAW,CAAA,GACnC,UAAAF,GACH;AAAA,MAIH,CAACF,KAAoBG,KAAWT,EAAeS,GAAQU,CAAa,IACjEhB,EAAM,aAAaM,GAAQ;AAAA,QAC3B,GAAGA,EAAO;AAAA,QACV,GAAIC,GAAM,UAAU,CAAA;AAAA,MAAC,CACtB,IAEC,gBAAAO,EAACE,GAAA,EAAe,GAAIT,GAAM,UAAU,CAAA,GACjC,UAAAD,EAAA,CACH;AAAA,IAAA,GAGN;AAAA,IAGH,CAACE,KAAc,gBAAAM,EAACG,GAAA,CAAA,CAAY;AAAA,EAAA,GAC/B;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"AspectRatio.js","sources":["../../src/AspectRatio/AspectRatio.tsx"],"sourcesContent":["\"use client\"\n\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\"\n\nexport const AspectRatio = AspectRatioPrimitive.Root\n"],"names":["AspectRatio","AspectRatioPrimitive"],"mappings":";AAIO,MAAMA,IAAcC,EAAqB;"}
1
+ {"version":3,"file":"AspectRatio.js","sources":["../../src/AspectRatio/AspectRatio.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\"\r\n\r\nexport const AspectRatio = AspectRatioPrimitive.Root\r\n"],"names":["AspectRatio","AspectRatioPrimitive"],"mappings":";AAIO,MAAMA,IAAcC,EAAqB;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nexport const Avatar = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn(\n \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n className\n )}\n {...props}\n />\n))\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\nexport const AvatarImage = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Image>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn(\"aspect-square h-full w-full\", className)}\n {...props}\n />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nexport const AvatarFallback = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n className\n )}\n {...props}\n />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;AAOO,MAAMA,IAASC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAO,cAAcM,EAAgB,KAAK;AAEnC,MAAME,IAAcP,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,+BAA+BL,CAAS;AAAA,IACrD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcF,EAAgB,MAAM;AAEzC,MAAMG,IAAiBR,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}
1
+ {"version":3,"file":"Avatar.js","sources":["../../src/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 \"@oneplatformdev/utils\"\r\n\r\nexport const Avatar = React.forwardRef<\r\n React.ElementRef<typeof AvatarPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n <AvatarPrimitive.Root\r\n ref={ref}\r\n className={cn(\r\n \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nAvatar.displayName = AvatarPrimitive.Root.displayName\r\n\r\nexport const AvatarImage = React.forwardRef<\r\n React.ElementRef<typeof AvatarPrimitive.Image>,\r\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\r\n>(({ className, ...props }, ref) => (\r\n <AvatarPrimitive.Image\r\n ref={ref}\r\n className={cn(\"aspect-square h-full w-full\", className)}\r\n {...props}\r\n />\r\n))\r\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\r\n\r\nexport const 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\r\n ref={ref}\r\n className={cn(\r\n \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\r\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;AAOO,MAAMA,IAASC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAO,cAAcM,EAAgB,KAAK;AAEnC,MAAME,IAAcP,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,+BAA+BL,CAAS;AAAA,IACrD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcF,EAAgB,MAAM;AAEzC,MAAMG,IAAiBR,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { badgeVariants } from './badgeVariants';\nimport { BadgeProps } from './Badge.types';\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nexport function Badge({\n className,\n variant,\n asChild = false,\n ...props\n }: BadgeProps) {\n const Comp = asChild ? Slot : \"span\"\n\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nexport default Badge\n\n"],"names":["Badge","className","variant","asChild","props","jsx","Slot","cn","badgeVariants"],"mappings":";;;;AAWO,SAASA,EAAM;AAAA,EACL,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAe;AAG5B,SACE,gBAAAC;AAAA,IAHWF,IAAUG,IAAO;AAAA,IAG3B;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGC,EAAc,EAAE,SAAAN,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1
+ {"version":3,"file":"Badge.js","sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\"\r\n\r\nimport { badgeVariants } from './badgeVariants';\r\nimport { BadgeProps } from './Badge.types';\r\n\r\nimport * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nexport function Badge({\r\n className,\r\n variant,\r\n asChild = false,\r\n ...props\r\n }: BadgeProps) {\r\n const Comp = asChild ? Slot : \"span\"\r\n\r\n return (\r\n <Comp\r\n data-slot=\"badge\"\r\n className={cn(badgeVariants({ variant }), className)}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport default Badge\r\n\r\n"],"names":["Badge","className","variant","asChild","props","jsx","Slot","cn","badgeVariants"],"mappings":";;;;AAWO,SAASA,EAAM;AAAA,EACL,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAe;AAG5B,SACE,gBAAAC;AAAA,IAHWF,IAAUG,IAAO;AAAA,IAG3B;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGC,EAAc,EAAE,SAAAN,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
@@ -1 +1 @@
1
- {"version":3,"file":"badgeVariants.js","sources":["../../src/Badge/badgeVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const badgeVariants = cva(\n \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n {\n variants: {\n variant: {\n default:\n \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n secondary:\n \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n destructive:\n \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n outline:\n \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n"],"names":["badgeVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
1
+ {"version":3,"file":"badgeVariants.js","sources":["../../src/Badge/badgeVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\r\n\r\nexport const badgeVariants = cva(\r\n \"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\r\n secondary:\r\n \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\r\n destructive:\r\n \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\r\n outline:\r\n \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"default\",\r\n },\r\n }\r\n)\r\n"],"names":["badgeVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumb.js","sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\";\n\nconst Breadcrumb = React.forwardRef<\n HTMLElement,\n React.ComponentPropsWithoutRef<\"nav\"> & {\n separator?: React.ReactNode\n }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<\n HTMLOListElement,\n React.ComponentPropsWithoutRef<\"ol\">\n>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n className\n )}\n {...props}\n />\n))\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<\n HTMLLIElement,\n React.ComponentPropsWithoutRef<\"li\">\n>(({ className, ...props }, ref) => (\n <li\n ref={ref}\n className={cn(\"inline-flex items-center gap-1.5\", className)}\n {...props}\n />\n))\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<\n HTMLAnchorElement,\n React.ComponentPropsWithoutRef<\"a\"> & {\n asChild?: boolean\n }\n>(({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n className={cn(\"transition-colors hover:text-foreground\", className)}\n {...props}\n />\n )\n})\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<\n HTMLSpanElement,\n React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn(\"font-normal text-foreground\", className)}\n {...props}\n />\n))\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({\n children,\n className,\n ...props\n}: React.ComponentProps<\"li\">) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n {...props}\n >\n {children ?? <ChevronRight />}\n </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({\n className,\n ...props\n}: React.ComponentProps<\"span\">) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\"\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;AAMA,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,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAE7B,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAIjC,gBAAAC;AAAA,EAHWM,IAAUC,IAAO;AAAA,EAG3B;AAAA,IACC,KAAAR;AAAA,IACA,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,EAAA;AAAA,CAGT;AACDO,EAAe,cAAc;AAE7B,MAAMG,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,IAEH,UAAAY,uBAAaC,GAAA,CAAA,CAAa;AAAA,EAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAV;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAe;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWV,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACc,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MACpC,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFY,EAAmB,cAAc;"}
1
+ {"version":3,"file":"Breadcrumb.js","sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\";\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<\r\n HTMLOListElement,\r\n React.ComponentPropsWithoutRef<\"ol\">\r\n>(({ className, ...props }, ref) => (\r\n <ol\r\n ref={ref}\r\n className={cn(\r\n \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nBreadcrumbList.displayName = \"BreadcrumbList\"\r\n\r\nconst BreadcrumbItem = React.forwardRef<\r\n HTMLLIElement,\r\n React.ComponentPropsWithoutRef<\"li\">\r\n>(({ className, ...props }, ref) => (\r\n <li\r\n ref={ref}\r\n className={cn(\"inline-flex items-center gap-1.5\", className)}\r\n {...props}\r\n />\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 (\r\n <Comp\r\n ref={ref}\r\n className={cn(\"transition-colors hover:text-foreground\", className)}\r\n {...props}\r\n />\r\n )\r\n})\r\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\r\n\r\nconst BreadcrumbPage = React.forwardRef<\r\n HTMLSpanElement,\r\n React.ComponentPropsWithoutRef<\"span\">\r\n>(({ className, ...props }, ref) => (\r\n <span\r\n ref={ref}\r\n role=\"link\"\r\n aria-disabled=\"true\"\r\n aria-current=\"page\"\r\n className={cn(\"font-normal text-foreground\", className)}\r\n {...props}\r\n />\r\n))\r\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\r\n\r\nconst BreadcrumbSeparator = ({\r\n children,\r\n className,\r\n ...props\r\n}: React.ComponentProps<\"li\">) => (\r\n <li\r\n role=\"presentation\"\r\n aria-hidden=\"true\"\r\n className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\r\n {...props}\r\n >\r\n {children ?? <ChevronRight />}\r\n </li>\r\n)\r\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\r\n\r\nconst BreadcrumbEllipsis = ({\r\n className,\r\n ...props\r\n}: React.ComponentProps<\"span\">) => (\r\n <span\r\n role=\"presentation\"\r\n aria-hidden=\"true\"\r\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\r\n {...props}\r\n >\r\n <MoreHorizontal 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 {\r\n Breadcrumb,\r\n BreadcrumbList,\r\n BreadcrumbItem,\r\n BreadcrumbLink,\r\n BreadcrumbPage,\r\n BreadcrumbSeparator,\r\n BreadcrumbEllipsis,\r\n}\r\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":";;;;;AAMA,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,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAE7B,MAAMG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAE7B,MAAMC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAA,GAASC,MAIjC,gBAAAC;AAAA,EAHWM,IAAUC,IAAO;AAAA,EAG3B;AAAA,IACC,KAAAR;AAAA,IACA,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,EAAA;AAAA,CAGT;AACDO,EAAe,cAAc;AAE7B,MAAMG,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,IAEH,UAAAY,uBAAaC,GAAA,CAAA,CAAa;AAAA,EAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAV;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAe;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWV,EAAG,4CAA4CD,CAAS;AAAA,IAClE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACc,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MACpC,gBAAAd,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFY,EAAmB,cAAc;"}
package/Button/Button.js CHANGED
@@ -4,9 +4,8 @@ import { isValidElement as V, createElement as j } from "react";
4
4
  import { Slot as C } from "@radix-ui/react-slot";
5
5
  import { cn as I } from "@oneplatformdev/utils";
6
6
  import { buttonVariants as F } from "./buttonVariants.js";
7
- import "@radix-ui/react-tooltip";
8
- import { Tooltip as L } from "../Tooltip/Tooltip.js";
9
7
  import { LoadedIcon as y } from "../LoadedIcon/LoadedIcon.js";
8
+ import { Tooltip as L } from "../Tooltip/Tooltip.js";
10
9
  const S = (n) => {
11
10
  const { variant: t, size: r, color: s } = n, e = { color: s, variant: t, size: r };
12
11
  if (t === "default")
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { ButtonVarianceProps, buttonVariants } from './buttonVariants';\nimport { ButtonAdornmentProps, type ButtonProps } from './Button.types';\n\nimport { Tooltip } from '../Tooltip';\nimport { LoadedIcon } from \"../LoadedIcon\";\nimport { createElement, isValidElement } from \"react\";\n\nconst normalizedVariantProperties = (props: ButtonVarianceProps): ButtonVarianceProps => {\n const { variant, size, color } = props;\n const vls = { color, variant, size }\n if ((variant as string) === 'default') {\n console.warn('Button variant \"default\" is deprecated. Please use \"variant=contained color=primary\" instead.')\n vls.variant = 'contained'\n vls.color = 'primary'\n return vls\n }\n if ((size as string) === 'icon') {\n console.warn('Button size \"icon\" is deprecated. Please use \"<ButtonIcon/>\" component instead.')\n vls.variant = 'contained'\n vls.color = 'secondary'\n return vls\n // throw new Error('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\n }\n if ((variant as string) === 'transparent') {\n console.warn('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\n throw new Error('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\n }\n if ((variant as string) === 'outline') {\n console.warn('Button variant \"outline\" is deprecated. Please use \"variant=outlined color=primary\" instead.')\n vls.variant = 'outlined'\n vls.color = 'primary'\n return vls\n }\n if ((variant as string) === 'secondary') {\n console.warn('Button variant \"secondary\" is deprecated. Please use \"variant=contained color=secondary\" instead.')\n vls.variant = 'contained'\n vls.color = 'secondary'\n return vls\n }\n if ((variant as string) === 'destructive') {\n console.warn('Button variant \"destructive\" is deprecated. Please use \"variant=contained color=error\" instead.')\n vls.variant = 'contained'\n vls.color = 'error'\n return vls\n }\n return vls;\n}\n\nconst renderAdornment = (Adornment?: ButtonAdornmentProps) => {\n if (!Adornment) return null;\n if (isValidElement(Adornment)) return Adornment;\n return createElement(Adornment);\n};\n\n/**\n * Universal Button component used for triggering actions and UI interactions.\n * Supports variants, sizes, colors, start/end icon adornments, custom slot content,\n * tooltip integration, loading state, and polymorphic rendering via `asChild`.\n *\n * @public\n * @see [Documentation](#) // TODO: add link to docs\n *\n * @example\n * > Import:\n * ```tsx\n * import { Button } from '@oneplatformdev/ui/Button';\n * ```\n * > Basic usage:\n * ```tsx\n * <Button>Click me</Button>\n * ```\n * > Variant and size:\n * ```tsx\n * <Button variant=\"outline\" size=\"lg\">Large Button</Button>\n * ```\n * > With icons:\n * ```tsx\n * <Button startAdornment={<PlusIcon />}>Create</Button>\n * <Button endAdornment={<ArrowRightIcon />}>Next</Button>\n * ```\n * > Icon style button:\n * ```tsx\n * <Button size=\"icon\">\n * <PlusIcon />\n * </Button>\n * ```\n * > Polymorphic rendering (`asChild`):\n * ```tsx\n * <Button asChild>\n * <a href=\"/dashboard\">Go to Dashboard</a>\n * </Button>\n * ```\n * > Tooltip via `message` or native `title`:\n * ```tsx\n * <Button title=\"Tooltip text\">Hover me</Button>\n * <Button message=\"Tooltip content\">Hover me</Button>\n * ```\n * > Loading state:\n * ```tsx\n * <Button loading>Processing...</Button>\n * ```\n * > Disabled:\n * ```tsx\n * <Button disabled>Disabled</Button>\n * ```\n *\n * Sizes\n * xs — compact, for tight UI areas. Classes: rounded-sm p-1 gap-1 text-xs min-h-4 min-w-14.\n * sm — small; slightly larger than xs. Classes: rounded-md p-1 gap-1 text-sm min-h-6 min-w-20.\n * md — default/text-heavy buttons. Classes: min-h-8 min-w-[102px] rounded-lg gap-1 px-2 py-1 text-sm leading-[1.12] [&_svg]:size-6.\n * lg — large/call-to-action. Classes: min-h-10 min-w-35 rounded-lg gap-1 px-3 py-2 text-base leading-normal [&_svg]:size-6.\n *\n * @remarks\n * - Designed for texted usage. If you need icon-only, use `ButtonIcon`.\n * - Works with any SVG React component or element, e.g. lucide-react, heroicons, custom icons.\n *\n * @see {@link ButtonIcon} for icon-only buttons\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref) => {\n const {\n disabled,\n className,\n variant,\n color,\n size,\n asChild = false,\n title = '',\n tooltip,\n tooltipProps = {},\n message,\n loading = false,\n children,\n startAdornment,\n endAdornment,\n screenReader,\n ...rest\n } = props;\n const Comp = asChild ? Slot : \"button\"\n const msg = message || tooltip || title;\n\n const content = asChild\n ? children\n : (\n <>\n {!!startAdornment && (\n <LoadedIcon loading={loading} size={size}>\n {renderAdornment(startAdornment)}\n </LoadedIcon>\n )}\n\n {children}\n\n {!!endAdornment && (\n <LoadedIcon loading={loading} size={size}>\n {renderAdornment(endAdornment)}\n </LoadedIcon>\n )}\n\n {!!screenReader && <span className=\"sr-only\">{typeof screenReader === 'string' ? screenReader : screenReader.text}</span>}\n </>\n )\n\n const cmp = (\n <Comp\n type='button'\n ref={ref}\n disabled={disabled}\n className={cn(\n buttonVariants({\n ...normalizedVariantProperties({ variant, size, color }),\n className\n }),\n loading && 'pointer-events-none opacity-80 user-select-none',\n )}\n {...rest}\n >\n {content}\n </Comp>\n )\n\n if (!msg) return cmp\n return (\n <Tooltip\n {...(tooltipProps || {})}\n open={tooltipProps.open ?? (disabled || loading || !msg) ? false : undefined}\n message={msg}\n >\n {cmp}\n </Tooltip>\n )\n }\n)\nButton.displayName = \"Button\"\nexport default Button;\n"],"names":["normalizedVariantProperties","props","variant","size","color","vls","renderAdornment","Adornment","isValidElement","createElement","Button","React","ref","disabled","className","asChild","title","tooltip","tooltipProps","message","loading","children","startAdornment","endAdornment","screenReader","rest","Comp","Slot","msg","content","jsxs","Fragment","jsx","LoadedIcon","cmp","cn","buttonVariants","Tooltip"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA8B,CAACC,MAAoD;AACvF,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,OAAAC,EAAA,IAAUH,GAC3BI,IAAM,EAAE,OAAAD,GAAO,SAAAF,GAAS,MAAAC,EAAA;AAC9B,MAAKD,MAAuB;AAC1B,mBAAQ,KAAK,+FAA+F,GAC5GG,EAAI,UAAU,aACdA,EAAI,QAAQ,WACLA;AAET,MAAKF,MAAoB;AACvB,mBAAQ,KAAK,iFAAiF,GAC9FE,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA;AAGT,MAAKH,MAAuB;AAC1B,kBAAQ,KAAK,6EAA6E,GACpF,IAAI,MAAM,6EAA6E;AAE/F,SAAKA,MAAuB,aAC1B,QAAQ,KAAK,8FAA8F,GAC3GG,EAAI,UAAU,YACdA,EAAI,QAAQ,WACLA,KAEJH,MAAuB,eAC1B,QAAQ,KAAK,mGAAmG,GAChHG,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA,MAEJH,MAAuB,kBAC1B,QAAQ,KAAK,iGAAiG,GAC9GG,EAAI,UAAU,aACdA,EAAI,QAAQ,UACLA;AAGX,GAEMC,IAAkB,CAACC,MAClBA,IACDC,EAAeD,CAAS,IAAUA,IAC/BE,EAAcF,CAAS,IAFP,MAqEZG,IAASC,EAAM;AAAA,EAC1B,CAACV,GAAOW,MAAQ;AACd,UAAM;AAAA,MACJ,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAZ;AAAA,MACA,OAAAE;AAAA,MACA,MAAAD;AAAA,MACA,SAAAY,IAAU;AAAA,MACV,OAAAC,IAAQ;AAAA,MACR,SAAAC;AAAA,MACA,cAAAC,IAAe,CAAA;AAAA,MACf,SAAAC;AAAA,MACA,SAAAC,IAAU;AAAA,MACV,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDxB,GACEyB,IAAOX,IAAUY,IAAO,UACxBC,IAAMT,KAAWF,KAAWD,GAE5Ba,IAAUd,IACZM,IAEA,gBAAAS,EAAAC,GAAA,EACG,UAAA;AAAA,MAAA,CAAC,CAACT,KACD,gBAAAU,EAACC,GAAA,EAAW,SAAAb,GAAkB,MAAAjB,GAC3B,UAAAG,EAAgBgB,CAAc,GACjC;AAAA,MAGDD;AAAA,MAEA,CAAC,CAACE,KACD,gBAAAS,EAACC,KAAW,SAAAb,GAAkB,MAAAjB,GAC3B,UAAAG,EAAgBiB,CAAY,GAC/B;AAAA,MAGD,CAAC,CAACC,KAAgB,gBAAAQ,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA,OAAOR,KAAiB,WAAWA,IAAeA,EAAa,KAAA,CAAK;AAAA,IAAA,GACpH,GAGEU,IACJ,gBAAAF;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAd;AAAA,QACA,UAAAC;AAAA,QACA,WAAWsB;AAAA,UACTC,EAAe;AAAA,YACb,GAAGpC,EAA4B,EAAE,SAAAE,GAAS,MAAAC,GAAM,OAAAC,GAAO;AAAA,YACvD,WAAAU;AAAA,UAAA,CACD;AAAA,UACDM,KAAW;AAAA,QAAA;AAAA,QAEZ,GAAGK;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAIL,WAAKD,IAEH,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACE,GAAInB,KAAgB,CAAA;AAAA,QACrB,MAAMA,EAAa,SAASL,KAAYO,KAAW,CAACQ,KAAO,KAAQ;AAAA,QACnE,SAASA;AAAA,QAER,UAAAM;AAAA,MAAA;AAAA,IAAA,IAPYA;AAAA,EAUnB;AACF;AACAxB,EAAO,cAAc;"}
1
+ {"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { Slot } from \"@radix-ui/react-slot\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\nimport { ButtonVarianceProps, buttonVariants } from './buttonVariants';\r\nimport { ButtonAdornmentProps, type ButtonProps } from './Button.types';\r\n\r\nimport { Tooltip } from '../Tooltip';\r\nimport { LoadedIcon } from \"../LoadedIcon\";\r\nimport { createElement, isValidElement } from \"react\";\r\n\r\nconst normalizedVariantProperties = (props: ButtonVarianceProps): ButtonVarianceProps => {\r\n const { variant, size, color } = props;\r\n const vls = { color, variant, size }\r\n if ((variant as string) === 'default') {\r\n console.warn('Button variant \"default\" is deprecated. Please use \"variant=contained color=primary\" instead.')\r\n vls.variant = 'contained'\r\n vls.color = 'primary'\r\n return vls\r\n }\r\n if ((size as string) === 'icon') {\r\n console.warn('Button size \"icon\" is deprecated. Please use \"<ButtonIcon/>\" component instead.')\r\n vls.variant = 'contained'\r\n vls.color = 'secondary'\r\n return vls\r\n // throw new Error('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\r\n }\r\n if ((variant as string) === 'transparent') {\r\n console.warn('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\r\n throw new Error('Button variant \"transparent\" is removed. Please use \"variant=none\" instead.')\r\n }\r\n if ((variant as string) === 'outline') {\r\n console.warn('Button variant \"outline\" is deprecated. Please use \"variant=outlined color=primary\" instead.')\r\n vls.variant = 'outlined'\r\n vls.color = 'primary'\r\n return vls\r\n }\r\n if ((variant as string) === 'secondary') {\r\n console.warn('Button variant \"secondary\" is deprecated. Please use \"variant=contained color=secondary\" instead.')\r\n vls.variant = 'contained'\r\n vls.color = 'secondary'\r\n return vls\r\n }\r\n if ((variant as string) === 'destructive') {\r\n console.warn('Button variant \"destructive\" is deprecated. Please use \"variant=contained color=error\" instead.')\r\n vls.variant = 'contained'\r\n vls.color = 'error'\r\n return vls\r\n }\r\n return vls;\r\n}\r\n\r\nconst renderAdornment = (Adornment?: ButtonAdornmentProps) => {\r\n if (!Adornment) return null;\r\n if (isValidElement(Adornment)) return Adornment;\r\n return createElement(Adornment);\r\n};\r\n\r\n/**\r\n * Universal Button component used for triggering actions and UI interactions.\r\n * Supports variants, sizes, colors, start/end icon adornments, custom slot content,\r\n * tooltip integration, loading state, and polymorphic rendering via `asChild`.\r\n *\r\n * @public\r\n * @see [Documentation](#) // TODO: add link to docs\r\n *\r\n * @example\r\n * > Import:\r\n * ```tsx\r\n * import { Button } from '@oneplatformdev/ui/Button';\r\n * ```\r\n * > Basic usage:\r\n * ```tsx\r\n * <Button>Click me</Button>\r\n * ```\r\n * > Variant and size:\r\n * ```tsx\r\n * <Button variant=\"outline\" size=\"lg\">Large Button</Button>\r\n * ```\r\n * > With icons:\r\n * ```tsx\r\n * <Button startAdornment={<PlusIcon />}>Create</Button>\r\n * <Button endAdornment={<ArrowRightIcon />}>Next</Button>\r\n * ```\r\n * > Icon style button:\r\n * ```tsx\r\n * <Button size=\"icon\">\r\n * <PlusIcon />\r\n * </Button>\r\n * ```\r\n * > Polymorphic rendering (`asChild`):\r\n * ```tsx\r\n * <Button asChild>\r\n * <a href=\"/dashboard\">Go to Dashboard</a>\r\n * </Button>\r\n * ```\r\n * > Tooltip via `message` or native `title`:\r\n * ```tsx\r\n * <Button title=\"Tooltip text\">Hover me</Button>\r\n * <Button message=\"Tooltip content\">Hover me</Button>\r\n * ```\r\n * > Loading state:\r\n * ```tsx\r\n * <Button loading>Processing...</Button>\r\n * ```\r\n * > Disabled:\r\n * ```tsx\r\n * <Button disabled>Disabled</Button>\r\n * ```\r\n *\r\n * Sizes\r\n * xs — compact, for tight UI areas. Classes: rounded-sm p-1 gap-1 text-xs min-h-4 min-w-14.\r\n * sm — small; slightly larger than xs. Classes: rounded-md p-1 gap-1 text-sm min-h-6 min-w-20.\r\n * md — default/text-heavy buttons. Classes: min-h-8 min-w-[102px] rounded-lg gap-1 px-2 py-1 text-sm leading-[1.12] [&_svg]:size-6.\r\n * lg — large/call-to-action. Classes: min-h-10 min-w-35 rounded-lg gap-1 px-3 py-2 text-base leading-normal [&_svg]:size-6.\r\n *\r\n * @remarks\r\n * - Designed for texted usage. If you need icon-only, use `ButtonIcon`.\r\n * - Works with any SVG React component or element, e.g. lucide-react, heroicons, custom icons.\r\n *\r\n * @see {@link ButtonIcon} for icon-only buttons\r\n */\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n (props, ref) => {\r\n const {\r\n disabled,\r\n className,\r\n variant,\r\n color,\r\n size,\r\n asChild = false,\r\n title = '',\r\n tooltip,\r\n tooltipProps = {},\r\n message,\r\n loading = false,\r\n children,\r\n startAdornment,\r\n endAdornment,\r\n screenReader,\r\n ...rest\r\n } = props;\r\n const Comp = asChild ? Slot : \"button\"\r\n const msg = message || tooltip || title;\r\n\r\n const content = asChild\r\n ? children\r\n : (\r\n <>\r\n {!!startAdornment && (\r\n <LoadedIcon loading={loading} size={size}>\r\n {renderAdornment(startAdornment)}\r\n </LoadedIcon>\r\n )}\r\n\r\n {children}\r\n\r\n {!!endAdornment && (\r\n <LoadedIcon loading={loading} size={size}>\r\n {renderAdornment(endAdornment)}\r\n </LoadedIcon>\r\n )}\r\n\r\n {!!screenReader && <span className=\"sr-only\">{typeof screenReader === 'string' ? screenReader : screenReader.text}</span>}\r\n </>\r\n )\r\n\r\n const cmp = (\r\n <Comp\r\n type='button'\r\n ref={ref}\r\n disabled={disabled}\r\n className={cn(\r\n buttonVariants({\r\n ...normalizedVariantProperties({ variant, size, color }),\r\n className\r\n }),\r\n loading && 'pointer-events-none opacity-80 user-select-none',\r\n )}\r\n {...rest}\r\n >\r\n {content}\r\n </Comp>\r\n )\r\n\r\n if (!msg) return cmp\r\n return (\r\n <Tooltip\r\n {...(tooltipProps || {})}\r\n open={tooltipProps.open ?? (disabled || loading || !msg) ? false : undefined}\r\n message={msg}\r\n >\r\n {cmp}\r\n </Tooltip>\r\n )\r\n }\r\n)\r\nButton.displayName = \"Button\"\r\nexport default Button;\r\n"],"names":["normalizedVariantProperties","props","variant","size","color","vls","renderAdornment","Adornment","isValidElement","createElement","Button","React","ref","disabled","className","asChild","title","tooltip","tooltipProps","message","loading","children","startAdornment","endAdornment","screenReader","rest","Comp","Slot","msg","content","jsxs","Fragment","jsx","LoadedIcon","cmp","cn","buttonVariants","Tooltip"],"mappings":";;;;;;;;AAWA,MAAMA,IAA8B,CAACC,MAAoD;AACvF,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,OAAAC,EAAA,IAAUH,GAC3BI,IAAM,EAAE,OAAAD,GAAO,SAAAF,GAAS,MAAAC,EAAA;AAC9B,MAAKD,MAAuB;AAC1B,mBAAQ,KAAK,+FAA+F,GAC5GG,EAAI,UAAU,aACdA,EAAI,QAAQ,WACLA;AAET,MAAKF,MAAoB;AACvB,mBAAQ,KAAK,iFAAiF,GAC9FE,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA;AAGT,MAAKH,MAAuB;AAC1B,kBAAQ,KAAK,6EAA6E,GACpF,IAAI,MAAM,6EAA6E;AAE/F,SAAKA,MAAuB,aAC1B,QAAQ,KAAK,8FAA8F,GAC3GG,EAAI,UAAU,YACdA,EAAI,QAAQ,WACLA,KAEJH,MAAuB,eAC1B,QAAQ,KAAK,mGAAmG,GAChHG,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA,MAEJH,MAAuB,kBAC1B,QAAQ,KAAK,iGAAiG,GAC9GG,EAAI,UAAU,aACdA,EAAI,QAAQ,UACLA;AAGX,GAEMC,IAAkB,CAACC,MAClBA,IACDC,EAAeD,CAAS,IAAUA,IAC/BE,EAAcF,CAAS,IAFP,MAqEZG,IAASC,EAAM;AAAA,EAC1B,CAACV,GAAOW,MAAQ;AACd,UAAM;AAAA,MACJ,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAZ;AAAA,MACA,OAAAE;AAAA,MACA,MAAAD;AAAA,MACA,SAAAY,IAAU;AAAA,MACV,OAAAC,IAAQ;AAAA,MACR,SAAAC;AAAA,MACA,cAAAC,IAAe,CAAA;AAAA,MACf,SAAAC;AAAA,MACA,SAAAC,IAAU;AAAA,MACV,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDxB,GACEyB,IAAOX,IAAUY,IAAO,UACxBC,IAAMT,KAAWF,KAAWD,GAE5Ba,IAAUd,IACZM,IAEA,gBAAAS,EAAAC,GAAA,EACG,UAAA;AAAA,MAAA,CAAC,CAACT,KACD,gBAAAU,EAACC,GAAA,EAAW,SAAAb,GAAkB,MAAAjB,GAC3B,UAAAG,EAAgBgB,CAAc,GACjC;AAAA,MAGDD;AAAA,MAEA,CAAC,CAACE,KACD,gBAAAS,EAACC,KAAW,SAAAb,GAAkB,MAAAjB,GAC3B,UAAAG,EAAgBiB,CAAY,GAC/B;AAAA,MAGD,CAAC,CAACC,KAAgB,gBAAAQ,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA,OAAOR,KAAiB,WAAWA,IAAeA,EAAa,KAAA,CAAK;AAAA,IAAA,GACpH,GAGEU,IACJ,gBAAAF;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAd;AAAA,QACA,UAAAC;AAAA,QACA,WAAWsB;AAAA,UACTC,EAAe;AAAA,YACb,GAAGpC,EAA4B,EAAE,SAAAE,GAAS,MAAAC,GAAM,OAAAC,GAAO;AAAA,YACvD,WAAAU;AAAA,UAAA,CACD;AAAA,UACDM,KAAW;AAAA,QAAA;AAAA,QAEZ,GAAGK;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAIL,WAAKD,IAEH,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACE,GAAInB,KAAgB,CAAA;AAAA,QACrB,MAAMA,EAAa,SAASL,KAAYO,KAAW,CAACQ,KAAO,KAAQ;AAAA,QACnE,SAASA;AAAA,QAER,UAAAM;AAAA,MAAA;AAAA,IAAA,IAPYA;AAAA,EAUnB;AACF;AACAxB,EAAO,cAAc;"}