@payfit/unity-components 0.0.0-alpha.7 → 0.0.0-alpha.9

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 (237) hide show
  1. package/dist/cjs/components/actionable/Actionable.d.ts +6 -5
  2. package/dist/cjs/components/alert/Alert.js +1 -1
  3. package/dist/cjs/components/app-menu/parts/AppMenuFooter.js +1 -1
  4. package/dist/cjs/components/avatar/Avatar.js +1 -1
  5. package/dist/cjs/components/avatar/parts/AvatarPair.js +1 -1
  6. package/dist/cjs/components/badge/Badge.d.ts +3 -0
  7. package/dist/cjs/components/badge/Badge.js +1 -1
  8. package/dist/cjs/components/bottom-sheet/BottomSheet.d.ts +153 -0
  9. package/dist/cjs/components/bottom-sheet/BottomSheet.js +1 -0
  10. package/dist/cjs/components/bottom-sheet/parts/BottomSheetContent.d.ts +70 -0
  11. package/dist/cjs/components/bottom-sheet/parts/BottomSheetContent.js +1 -0
  12. package/dist/cjs/components/bottom-sheet/parts/BottomSheetDragIndicator.d.ts +54 -0
  13. package/dist/cjs/components/bottom-sheet/parts/BottomSheetDragIndicator.js +1 -0
  14. package/dist/cjs/components/bottom-sheet/parts/BottomSheetFooter.d.ts +27 -0
  15. package/dist/cjs/components/bottom-sheet/parts/BottomSheetFooter.js +1 -0
  16. package/dist/cjs/components/bottom-sheet/parts/BottomSheetHeader.d.ts +83 -0
  17. package/dist/cjs/components/bottom-sheet/parts/BottomSheetHeader.js +1 -0
  18. package/dist/cjs/components/breadcrumbs/Breadcrumbs.js +1 -1
  19. package/dist/cjs/components/breadcrumbs/parts/Breadcrumb.js +1 -1
  20. package/dist/cjs/components/button/Button.js +1 -1
  21. package/dist/cjs/components/button/Button.variants.js +1 -1
  22. package/dist/cjs/components/checkbox/Checkbox.js +1 -1
  23. package/dist/cjs/components/checkbox/parts/CheckboxIndicator.js +1 -1
  24. package/dist/cjs/components/checkbox-group/CheckboxGroup.js +1 -1
  25. package/dist/cjs/components/collapsible/Collapsible.d.ts +33 -0
  26. package/dist/cjs/components/collapsible/parts/CollapsibleContent.d.ts +36 -0
  27. package/dist/cjs/components/collapsible/parts/CollapsibleTitle.d.ts +39 -0
  28. package/dist/cjs/components/date-picker/DatePicker.js +1 -1
  29. package/dist/cjs/components/date-picker/parts/DateCalendar.js +1 -1
  30. package/dist/cjs/components/date-picker/parts/DateInput.js +1 -1
  31. package/dist/cjs/components/dialog/Dialog.d.ts +98 -11
  32. package/dist/cjs/components/dialog/Dialog.js +1 -1
  33. package/dist/cjs/components/dialog/parts/DialogActions.js +1 -1
  34. package/dist/cjs/components/dialog/parts/DialogContent.js +1 -1
  35. package/dist/cjs/components/dialog/parts/DialogTitle.js +1 -1
  36. package/dist/cjs/components/fieldset/Fieldset.d.ts +150 -0
  37. package/dist/cjs/components/fieldset/Fieldset.js +1 -0
  38. package/dist/cjs/components/fieldset/parts/FieldGroup.d.ts +27 -0
  39. package/dist/cjs/components/fieldset/parts/FieldGroup.js +1 -0
  40. package/dist/cjs/components/form/Form.js +1 -1
  41. package/dist/cjs/components/form-field/parts/FormContextualLink.js +1 -1
  42. package/dist/cjs/components/form-field/parts/FormControl.d.ts +23 -0
  43. package/dist/cjs/components/form-field/parts/FormFeedbackText.js +1 -1
  44. package/dist/cjs/components/form-field/parts/FormHelperText.js +1 -1
  45. package/dist/cjs/components/full-page-loader/FullPageLoader.js +1 -1
  46. package/dist/cjs/components/icon/Icon.js +1 -1
  47. package/dist/cjs/components/icon-button/CircularIconButton.d.ts +68 -3
  48. package/dist/cjs/components/icon-button/CircularIconButton.js +1 -1
  49. package/dist/cjs/components/icon-button/IconButton.js +1 -1
  50. package/dist/cjs/components/icon-button/IconButton.variants.js +1 -1
  51. package/dist/cjs/components/input/Input.js +1 -1
  52. package/dist/cjs/components/label/Label.js +1 -1
  53. package/dist/cjs/components/link/Link.d.ts +1 -1
  54. package/dist/cjs/components/link/Link.js +1 -1
  55. package/dist/cjs/components/menu/parts/MenuContent.js +1 -1
  56. package/dist/cjs/components/multi-select/MultiSelect.d.ts +62 -0
  57. package/dist/cjs/components/multi-select/MultiSelect.js +1 -0
  58. package/dist/cjs/components/multi-select/Multiselect.context.d.ts +7 -0
  59. package/dist/cjs/components/multi-select/Multiselect.context.js +1 -0
  60. package/dist/cjs/components/multi-select/Multiselect.types.d.ts +109 -0
  61. package/dist/cjs/components/multi-select/hooks/use-combobox-filter.d.ts +12 -0
  62. package/dist/cjs/components/multi-select/hooks/use-combobox-filter.js +1 -0
  63. package/dist/cjs/components/multi-select/hooks/use-multiselection-state.d.ts +14 -0
  64. package/dist/cjs/components/multi-select/hooks/use-multiselection-state.js +1 -0
  65. package/dist/cjs/components/multi-select/parts/MultiSelectButton.d.ts +16 -0
  66. package/dist/cjs/components/multi-select/parts/MultiSelectButton.js +1 -0
  67. package/dist/cjs/components/multi-select/parts/MultiSelectOptGroup.d.ts +69 -0
  68. package/dist/cjs/components/multi-select/parts/MultiSelectOptGroup.js +1 -0
  69. package/dist/cjs/components/multi-select/parts/MultiSelectOption.d.ts +20 -0
  70. package/dist/cjs/components/multi-select/parts/MultiSelectOption.js +1 -0
  71. package/dist/cjs/components/multi-select/parts/MultiSelectPopover.d.ts +7 -0
  72. package/dist/cjs/components/multi-select/parts/MultiSelectPopover.js +1 -0
  73. package/dist/cjs/components/multi-select-field/MultiSelectField.d.ts +59 -0
  74. package/dist/cjs/components/multi-select-field/MultiSelectField.js +1 -0
  75. package/dist/cjs/components/pill/Pill.js +1 -1
  76. package/dist/cjs/components/progress-bar/ProgressBar.js +1 -1
  77. package/dist/cjs/components/segmented-button-group/SegmentedButtonGroup.d.ts +43 -0
  78. package/dist/cjs/components/segmented-button-group/SegmentedButtonGroups.context.d.ts +8 -0
  79. package/dist/cjs/components/segmented-button-group/parts/ToggleButton.d.ts +47 -0
  80. package/dist/cjs/components/select/Select.js +1 -1
  81. package/dist/cjs/components/select/parts/SearchInput.js +1 -1
  82. package/dist/cjs/components/select/parts/SelectButton.js +1 -1
  83. package/dist/cjs/components/select/parts/SelectOption.js +1 -1
  84. package/dist/cjs/components/select/parts/SelectOptionHelper.js +1 -1
  85. package/dist/cjs/components/selectable-button-group/SelectableButtonGroup.context.d.ts +2 -0
  86. package/dist/cjs/components/selectable-button-group/SelectableButtonGroup.context.js +1 -0
  87. package/dist/cjs/components/selectable-button-group/SelectableButtonGroup.d.ts +59 -0
  88. package/dist/cjs/components/selectable-button-group/SelectableButtonGroup.js +1 -0
  89. package/dist/cjs/components/selectable-button-group/parts/SelectableButton.d.ts +127 -0
  90. package/dist/cjs/components/selectable-button-group/parts/SelectableButton.js +1 -0
  91. package/dist/cjs/components/side-panel/SidePanel.d.ts +152 -0
  92. package/dist/cjs/components/side-panel/SidePanel.js +1 -0
  93. package/dist/cjs/components/side-panel/parts/SidePanelContent.d.ts +71 -0
  94. package/dist/cjs/components/side-panel/parts/SidePanelContent.js +1 -0
  95. package/dist/cjs/components/side-panel/parts/SidePanelDragIndicator.d.ts +54 -0
  96. package/dist/cjs/components/side-panel/parts/SidePanelDragIndicator.js +1 -0
  97. package/dist/cjs/components/side-panel/parts/SidePanelFooter.d.ts +27 -0
  98. package/dist/cjs/components/side-panel/parts/SidePanelFooter.js +1 -0
  99. package/dist/cjs/components/side-panel/parts/SidePanelHeader.d.ts +75 -0
  100. package/dist/cjs/components/side-panel/parts/SidePanelHeader.js +1 -0
  101. package/dist/cjs/components/spinner/Spinner.js +1 -1
  102. package/dist/cjs/components/tabs/Tabs.js +1 -1
  103. package/dist/cjs/components/tabs/Tabs.variant.js +1 -1
  104. package/dist/cjs/components/tabs/parts/TabList.js +1 -1
  105. package/dist/cjs/components/text/Text.js +1 -1
  106. package/dist/cjs/components/text-area/TextArea.js +1 -1
  107. package/dist/cjs/components/toast/UnityToast.d.ts +3 -3
  108. package/dist/cjs/components/toast/UnityToast.js +1 -1
  109. package/dist/cjs/components/toast/toast.d.ts +2 -1
  110. package/dist/cjs/components/toast/toast.js +1 -1
  111. package/dist/cjs/components/tooltip/Tooltip.d.ts +1 -1
  112. package/dist/cjs/components/tooltip/Tooltip.js +1 -1
  113. package/dist/cjs/index.d.ts +18 -0
  114. package/dist/cjs/index.js +1 -1
  115. package/dist/cjs/types/utils.d.ts +1 -0
  116. package/dist/esm/components/actionable/Actionable.d.mts +6 -5
  117. package/dist/esm/components/alert/Alert.mjs +31 -21
  118. package/dist/esm/components/app-menu/parts/AppMenuFooter.mjs +14 -6
  119. package/dist/esm/components/avatar/Avatar.mjs +15 -14
  120. package/dist/esm/components/avatar/parts/AvatarPair.mjs +10 -10
  121. package/dist/esm/components/badge/Badge.d.mts +3 -0
  122. package/dist/esm/components/badge/Badge.mjs +11 -8
  123. package/dist/esm/components/bottom-sheet/BottomSheet.d.mts +153 -0
  124. package/dist/esm/components/bottom-sheet/BottomSheet.mjs +68 -0
  125. package/dist/esm/components/bottom-sheet/parts/BottomSheetContent.d.mts +70 -0
  126. package/dist/esm/components/bottom-sheet/parts/BottomSheetContent.mjs +26 -0
  127. package/dist/esm/components/bottom-sheet/parts/BottomSheetDragIndicator.d.mts +54 -0
  128. package/dist/esm/components/bottom-sheet/parts/BottomSheetDragIndicator.mjs +67 -0
  129. package/dist/esm/components/bottom-sheet/parts/BottomSheetFooter.d.mts +27 -0
  130. package/dist/esm/components/bottom-sheet/parts/BottomSheetFooter.mjs +28 -0
  131. package/dist/esm/components/bottom-sheet/parts/BottomSheetHeader.d.mts +83 -0
  132. package/dist/esm/components/bottom-sheet/parts/BottomSheetHeader.mjs +45 -0
  133. package/dist/esm/components/breadcrumbs/Breadcrumbs.mjs +11 -11
  134. package/dist/esm/components/breadcrumbs/parts/Breadcrumb.mjs +10 -10
  135. package/dist/esm/components/button/Button.mjs +25 -24
  136. package/dist/esm/components/button/Button.variants.mjs +2 -2
  137. package/dist/esm/components/checkbox/Checkbox.mjs +13 -5
  138. package/dist/esm/components/checkbox/parts/CheckboxIndicator.mjs +2 -2
  139. package/dist/esm/components/checkbox-group/CheckboxGroup.mjs +32 -25
  140. package/dist/esm/components/collapsible/Collapsible.d.mts +33 -0
  141. package/dist/esm/components/collapsible/parts/CollapsibleContent.d.mts +36 -0
  142. package/dist/esm/components/collapsible/parts/CollapsibleTitle.d.mts +39 -0
  143. package/dist/esm/components/date-picker/DatePicker.mjs +3 -2
  144. package/dist/esm/components/date-picker/parts/DateCalendar.mjs +20 -20
  145. package/dist/esm/components/date-picker/parts/DateInput.mjs +7 -7
  146. package/dist/esm/components/dialog/Dialog.d.mts +98 -11
  147. package/dist/esm/components/dialog/Dialog.mjs +50 -29
  148. package/dist/esm/components/dialog/parts/DialogActions.mjs +11 -4
  149. package/dist/esm/components/dialog/parts/DialogContent.mjs +16 -8
  150. package/dist/esm/components/dialog/parts/DialogTitle.mjs +5 -5
  151. package/dist/esm/components/fieldset/Fieldset.d.mts +150 -0
  152. package/dist/esm/components/fieldset/Fieldset.mjs +66 -0
  153. package/dist/esm/components/fieldset/parts/FieldGroup.d.mts +27 -0
  154. package/dist/esm/components/fieldset/parts/FieldGroup.mjs +18 -0
  155. package/dist/esm/components/form/Form.mjs +15 -14
  156. package/dist/esm/components/form-field/parts/FormContextualLink.mjs +21 -19
  157. package/dist/esm/components/form-field/parts/FormControl.d.mts +23 -0
  158. package/dist/esm/components/form-field/parts/FormFeedbackText.mjs +26 -23
  159. package/dist/esm/components/form-field/parts/FormHelperText.mjs +11 -10
  160. package/dist/esm/components/full-page-loader/FullPageLoader.mjs +24 -15
  161. package/dist/esm/components/icon/Icon.mjs +1 -0
  162. package/dist/esm/components/icon-button/CircularIconButton.d.mts +68 -3
  163. package/dist/esm/components/icon-button/CircularIconButton.mjs +58 -25
  164. package/dist/esm/components/icon-button/IconButton.mjs +16 -15
  165. package/dist/esm/components/icon-button/IconButton.variants.mjs +9 -9
  166. package/dist/esm/components/input/Input.mjs +23 -22
  167. package/dist/esm/components/label/Label.mjs +9 -8
  168. package/dist/esm/components/link/Link.d.mts +1 -1
  169. package/dist/esm/components/link/Link.mjs +18 -17
  170. package/dist/esm/components/menu/parts/MenuContent.mjs +4 -3
  171. package/dist/esm/components/multi-select/MultiSelect.d.mts +62 -0
  172. package/dist/esm/components/multi-select/MultiSelect.mjs +231 -0
  173. package/dist/esm/components/multi-select/Multiselect.context.d.mts +7 -0
  174. package/dist/esm/components/multi-select/Multiselect.context.mjs +8 -0
  175. package/dist/esm/components/multi-select/Multiselect.types.d.mts +109 -0
  176. package/dist/esm/components/multi-select/hooks/use-combobox-filter.d.mts +12 -0
  177. package/dist/esm/components/multi-select/hooks/use-combobox-filter.mjs +22 -0
  178. package/dist/esm/components/multi-select/hooks/use-multiselection-state.d.mts +14 -0
  179. package/dist/esm/components/multi-select/hooks/use-multiselection-state.mjs +47 -0
  180. package/dist/esm/components/multi-select/parts/MultiSelectButton.d.mts +16 -0
  181. package/dist/esm/components/multi-select/parts/MultiSelectButton.mjs +161 -0
  182. package/dist/esm/components/multi-select/parts/MultiSelectOptGroup.d.mts +69 -0
  183. package/dist/esm/components/multi-select/parts/MultiSelectOptGroup.mjs +34 -0
  184. package/dist/esm/components/multi-select/parts/MultiSelectOption.d.mts +20 -0
  185. package/dist/esm/components/multi-select/parts/MultiSelectOption.mjs +87 -0
  186. package/dist/esm/components/multi-select/parts/MultiSelectPopover.d.mts +7 -0
  187. package/dist/esm/components/multi-select/parts/MultiSelectPopover.mjs +65 -0
  188. package/dist/esm/components/multi-select-field/MultiSelectField.d.mts +59 -0
  189. package/dist/esm/components/multi-select-field/MultiSelectField.mjs +82 -0
  190. package/dist/esm/components/pill/Pill.mjs +4 -3
  191. package/dist/esm/components/progress-bar/ProgressBar.mjs +8 -7
  192. package/dist/esm/components/segmented-button-group/SegmentedButtonGroup.d.mts +43 -0
  193. package/dist/esm/components/segmented-button-group/SegmentedButtonGroups.context.d.mts +8 -0
  194. package/dist/esm/components/segmented-button-group/parts/ToggleButton.d.mts +47 -0
  195. package/dist/esm/components/select/Select.mjs +19 -19
  196. package/dist/esm/components/select/parts/SearchInput.mjs +11 -11
  197. package/dist/esm/components/select/parts/SelectButton.mjs +40 -31
  198. package/dist/esm/components/select/parts/SelectOption.mjs +5 -4
  199. package/dist/esm/components/select/parts/SelectOptionHelper.mjs +11 -9
  200. package/dist/esm/components/selectable-button-group/SelectableButtonGroup.context.d.mts +2 -0
  201. package/dist/esm/components/selectable-button-group/SelectableButtonGroup.context.mjs +5 -0
  202. package/dist/esm/components/selectable-button-group/SelectableButtonGroup.d.mts +59 -0
  203. package/dist/esm/components/selectable-button-group/SelectableButtonGroup.mjs +34 -0
  204. package/dist/esm/components/selectable-button-group/parts/SelectableButton.d.mts +127 -0
  205. package/dist/esm/components/selectable-button-group/parts/SelectableButton.mjs +99 -0
  206. package/dist/esm/components/side-panel/SidePanel.d.mts +152 -0
  207. package/dist/esm/components/side-panel/SidePanel.mjs +67 -0
  208. package/dist/esm/components/side-panel/parts/SidePanelContent.d.mts +71 -0
  209. package/dist/esm/components/side-panel/parts/SidePanelContent.mjs +26 -0
  210. package/dist/esm/components/side-panel/parts/SidePanelDragIndicator.d.mts +54 -0
  211. package/dist/esm/components/side-panel/parts/SidePanelDragIndicator.mjs +67 -0
  212. package/dist/esm/components/side-panel/parts/SidePanelFooter.d.mts +27 -0
  213. package/dist/esm/components/side-panel/parts/SidePanelFooter.mjs +20 -0
  214. package/dist/esm/components/side-panel/parts/SidePanelHeader.d.mts +75 -0
  215. package/dist/esm/components/side-panel/parts/SidePanelHeader.mjs +43 -0
  216. package/dist/esm/components/spinner/Spinner.mjs +18 -17
  217. package/dist/esm/components/tabs/Tabs.mjs +19 -10
  218. package/dist/esm/components/tabs/Tabs.variant.mjs +1 -1
  219. package/dist/esm/components/tabs/parts/TabList.mjs +48 -26
  220. package/dist/esm/components/text/Text.mjs +11 -10
  221. package/dist/esm/components/text-area/TextArea.mjs +39 -40
  222. package/dist/esm/components/toast/UnityToast.d.mts +3 -3
  223. package/dist/esm/components/toast/UnityToast.mjs +22 -19
  224. package/dist/esm/components/toast/toast.d.mts +2 -1
  225. package/dist/esm/components/toast/toast.mjs +15 -13
  226. package/dist/esm/components/tooltip/Tooltip.d.mts +1 -1
  227. package/dist/esm/components/tooltip/Tooltip.mjs +12 -17
  228. package/dist/esm/index.d.mts +18 -0
  229. package/dist/esm/index.mjs +221 -173
  230. package/dist/esm/providers/router/RouterProvider.mjs +3 -3
  231. package/dist/esm/types/utils.d.mts +1 -0
  232. package/i18n/en-GB.json +1 -0
  233. package/i18n/es-ES.json +1 -0
  234. package/i18n/fr-FR.json +1 -0
  235. package/package.json +29 -22
  236. package/dist/cjs/components/index.d.ts +0 -4
  237. package/dist/esm/components/index.d.mts +0 -4
@@ -0,0 +1,71 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { VariantProps } from 'tailwind-variants';
3
+ export declare const sidePanelContent: import('tailwind-variants').TVReturnType<{
4
+ [key: string]: {
5
+ [key: string]: import('tailwind-merge').ClassNameValue | {
6
+ base?: import('tailwind-merge').ClassNameValue;
7
+ scroller?: import('tailwind-merge').ClassNameValue;
8
+ };
9
+ };
10
+ } | {
11
+ [x: string]: {
12
+ [x: string]: import('tailwind-merge').ClassNameValue | {
13
+ base?: import('tailwind-merge').ClassNameValue;
14
+ scroller?: import('tailwind-merge').ClassNameValue;
15
+ };
16
+ };
17
+ } | {}, {
18
+ base: string[];
19
+ scroller: string[];
20
+ }, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
21
+ [key: string]: {
22
+ [key: string]: import('tailwind-merge').ClassNameValue | {
23
+ base?: import('tailwind-merge').ClassNameValue;
24
+ scroller?: import('tailwind-merge').ClassNameValue;
25
+ };
26
+ };
27
+ } | {}>, {
28
+ [key: string]: {
29
+ [key: string]: import('tailwind-merge').ClassNameValue | {
30
+ base?: import('tailwind-merge').ClassNameValue;
31
+ scroller?: import('tailwind-merge').ClassNameValue;
32
+ };
33
+ };
34
+ } | {}, {
35
+ base: string[];
36
+ scroller: string[];
37
+ }, import('tailwind-variants').TVReturnType<unknown, {
38
+ base: string[];
39
+ scroller: string[];
40
+ }, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
41
+ [key: string]: {
42
+ [key: string]: import('tailwind-merge').ClassNameValue | {
43
+ base?: import('tailwind-merge').ClassNameValue;
44
+ scroller?: import('tailwind-merge').ClassNameValue;
45
+ };
46
+ };
47
+ } | {}>, unknown, unknown, undefined>>;
48
+ export interface SidePanelContentProps extends PropsWithChildren<VariantProps<typeof sidePanelContent>> {
49
+ className?: string;
50
+ }
51
+ /**
52
+ * The `SidePanelContent` component renders the main content area of a side panel.
53
+ * It takes up the majority of the space between the header and footer components
54
+ * and adjusts for both mobile (bottom sheet) and desktop (side panel) views.
55
+ * The content is scrollable when it exceeds the available space.
56
+ * @component
57
+ * @param {SidePanelContentProps} props - The props for the `SidePanelContent` component
58
+ * @example
59
+ * ```tsx
60
+ * import { SidePanelContent } from '@payfit/unity-components'
61
+ *
62
+ * <SidePanelContent>
63
+ * Your panel content here
64
+ * </SidePanelContent>
65
+ * ```
66
+ * @see {@link SidePanelContentProps} for all available props
67
+ * @remarks
68
+ * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
69
+ */
70
+ declare const SidePanelContent: import('react').ForwardRefExoticComponent<SidePanelContentProps & import('react').RefAttributes<HTMLDivElement>>;
71
+ export { SidePanelContent };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),i=require("tailwind-variants"),n=i.tv({slots:{base:["uy-bg-surface-neutral","uy-flex uy-flex-col uy-flex-1 uy-min-h-0 uy-overflow-hidden","uy-w-full"],scroller:["uy-flex-1 uy-overflow-y-auto uy-overflow-x-hidden uy-p-300","uy-h-full uy-min-h-0"]}}),t=a.forwardRef(({children:l,...o},s)=>{const{base:u,scroller:r}=n();return e.jsx("section",{ref:s,className:u(),...o,children:e.jsx("div",{className:r(),children:l})})});t.displayName="SidePanelContent";exports.SidePanelContent=t;exports.sidePanelContent=n;
@@ -0,0 +1,54 @@
1
+ export declare const sidePanelDragIndicator: import('tailwind-variants').TVReturnType<{
2
+ [key: string]: {
3
+ [key: string]: import('tailwind-merge').ClassNameValue | {
4
+ base?: import('tailwind-merge').ClassNameValue;
5
+ indicator?: import('tailwind-merge').ClassNameValue;
6
+ };
7
+ };
8
+ } | {
9
+ [x: string]: {
10
+ [x: string]: import('tailwind-merge').ClassNameValue | {
11
+ base?: import('tailwind-merge').ClassNameValue;
12
+ indicator?: import('tailwind-merge').ClassNameValue;
13
+ };
14
+ };
15
+ } | {}, {
16
+ base: string[];
17
+ indicator: string;
18
+ }, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
19
+ [key: string]: {
20
+ [key: string]: import('tailwind-merge').ClassNameValue | {
21
+ base?: import('tailwind-merge').ClassNameValue;
22
+ indicator?: import('tailwind-merge').ClassNameValue;
23
+ };
24
+ };
25
+ } | {}>, {
26
+ [key: string]: {
27
+ [key: string]: import('tailwind-merge').ClassNameValue | {
28
+ base?: import('tailwind-merge').ClassNameValue;
29
+ indicator?: import('tailwind-merge').ClassNameValue;
30
+ };
31
+ };
32
+ } | {}, {
33
+ base: string[];
34
+ indicator: string;
35
+ }, import('tailwind-variants').TVReturnType<unknown, {
36
+ base: string[];
37
+ indicator: string;
38
+ }, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
39
+ [key: string]: {
40
+ [key: string]: import('tailwind-merge').ClassNameValue | {
41
+ base?: import('tailwind-merge').ClassNameValue;
42
+ indicator?: import('tailwind-merge').ClassNameValue;
43
+ };
44
+ };
45
+ } | {}>, unknown, unknown, undefined>>;
46
+ /**
47
+ * A drag indicator component that connects to the overlay state context and
48
+ * provides swipe-to-dismiss functionality for the SidePanel.
49
+ * @internal
50
+ */
51
+ export declare function SidePanelDragIndicator(): import("react/jsx-runtime").JSX.Element;
52
+ export declare namespace SidePanelDragIndicator {
53
+ var displayName: string;
54
+ }
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),v=require("@use-gesture/react"),P=require("react-aria-components"),S=require("tailwind-variants"),h=require("../../../hooks/use-breakpoint-listener.js"),c=S.tv({slots:{base:["md:uy-hidden uy-mx-auto uy-pt-300 uy-w-500","uy-cursor-grab uy-touch-action-none"],indicator:"uy-h-50 uy-rounded-pill uy-bg-content-neutral-lowest"}}),q=100;function l(){const n=o.useRef(null),r=o.useContext(P.OverlayTriggerStateContext),s=h.useBreakpointListener(),{base:u,indicator:d}=c(),y=s==="xs"||s==="sm",m=v.useDrag(f=>{var a;const{movement:[I,t],direction:[R,g],intentional:p,cancel:x,last:D,event:b}=f;if(!y){x();return}b.preventDefault();const e=(a=n.current)==null?void 0:a.closest("[data-unity-side-panel]");if(e){if(t<0){e.style.transform="translate3d(0, 0, 0)";return}e.style.transform=`translate3d(0, ${t}px, 0)`,e.style.transition="none",D&&p&&(t>q||g>0?r&&setTimeout(()=>{r.close()},50):(e.style.transform="translate3d(0, 0, 0)",e.style.transition="transform 0.3s ease"))}},{axis:"y",filterTaps:!0,threshold:5});return i.jsx("div",{className:u(),"aria-hidden":"true",ref:n,...m(),children:i.jsx("div",{className:d()})})}l.displayName="SidePanelDragIndicator";exports.SidePanelDragIndicator=l;exports.sidePanelDragIndicator=c;
@@ -0,0 +1,27 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { VariantProps } from 'tailwind-variants';
3
+ export declare const sidePanelFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
4
+ export interface SidePanelFooterProps extends PropsWithChildren<VariantProps<typeof sidePanelFooter>> {
5
+ className?: string;
6
+ }
7
+ /**
8
+ * The `SidePanelFooter` component renders the footer section of a side panel.
9
+ * It provides a space for action buttons and stays fixed at the bottom of the panel.
10
+ * On mobile devices, it respects the safe area to avoid being obscured by device UI elements.
11
+ * @component
12
+ * @param {SidePanelFooterProps} props - The props for the `SidePanelFooter` component
13
+ * @example
14
+ * ```tsx
15
+ * import { SidePanelFooter, Button } from '@payfit/unity-components'
16
+ *
17
+ * <SidePanelFooter>
18
+ * <Button variant="secondary">Cancel</Button>
19
+ * <Button>Save</Button>
20
+ * </SidePanelFooter>
21
+ * ```
22
+ * @see {@link SidePanelFooterProps} for all available props
23
+ * @remarks
24
+ * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
25
+ */
26
+ declare const SidePanelFooter: import('react').ForwardRefExoticComponent<SidePanelFooterProps & import('react').RefAttributes<HTMLDivElement>>;
27
+ export { SidePanelFooter };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),y=require("react"),n=require("tailwind-variants"),e=n.tv({base:["uy-py-200 uy-px-300 uy-w-full","uy-flex uy-items-center uy-justify-end uy-gap-100 uy-shrink-0","uy-bg-surface-neutral uy-rounded-bl-200 uy-rounded-br-200 uy-border-t uy-border-solid uy-border-t-solid uy-border-border-neutral","uy-sticky uy-bottom-0 uy-z-10","uy-mt-auto","uy-pb-[max(env(safe-area-inset-bottom),var(--uy-spacing-200))] md:uy-pb-200"]}),r=y.forwardRef(({children:t,...u},o)=>a.jsx("footer",{ref:o,className:e(),...u,children:t}));r.displayName="SidePanelFooter";exports.SidePanelFooter=r;exports.sidePanelFooter=e;
@@ -0,0 +1,75 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { VariantProps } from 'tailwind-variants';
3
+ export declare const sidePanelHeader: import('tailwind-variants').TVReturnType<{
4
+ [key: string]: {
5
+ [key: string]: import('tailwind-merge').ClassNameValue | {
6
+ content?: import('tailwind-merge').ClassNameValue;
7
+ heading?: import('tailwind-merge').ClassNameValue;
8
+ base?: import('tailwind-merge').ClassNameValue;
9
+ };
10
+ };
11
+ } | {
12
+ [x: string]: {
13
+ [x: string]: import('tailwind-merge').ClassNameValue | {
14
+ content?: import('tailwind-merge').ClassNameValue;
15
+ heading?: import('tailwind-merge').ClassNameValue;
16
+ base?: import('tailwind-merge').ClassNameValue;
17
+ };
18
+ };
19
+ } | {}, {
20
+ base: string[];
21
+ content: string[];
22
+ heading: string[];
23
+ }, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
24
+ [key: string]: {
25
+ [key: string]: import('tailwind-merge').ClassNameValue | {
26
+ content?: import('tailwind-merge').ClassNameValue;
27
+ heading?: import('tailwind-merge').ClassNameValue;
28
+ base?: import('tailwind-merge').ClassNameValue;
29
+ };
30
+ };
31
+ } | {}>, {
32
+ [key: string]: {
33
+ [key: string]: import('tailwind-merge').ClassNameValue | {
34
+ content?: import('tailwind-merge').ClassNameValue;
35
+ heading?: import('tailwind-merge').ClassNameValue;
36
+ base?: import('tailwind-merge').ClassNameValue;
37
+ };
38
+ };
39
+ } | {}, {
40
+ base: string[];
41
+ content: string[];
42
+ heading: string[];
43
+ }, import('tailwind-variants').TVReturnType<unknown, {
44
+ base: string[];
45
+ content: string[];
46
+ heading: string[];
47
+ }, undefined, import('tailwind-variants/dist/config').TVConfig<unknown, {
48
+ [key: string]: {
49
+ [key: string]: import('tailwind-merge').ClassNameValue | {
50
+ content?: import('tailwind-merge').ClassNameValue;
51
+ heading?: import('tailwind-merge').ClassNameValue;
52
+ base?: import('tailwind-merge').ClassNameValue;
53
+ };
54
+ };
55
+ } | {}>, unknown, unknown, undefined>>;
56
+ export interface SidePanelHeaderProps extends PropsWithChildren<VariantProps<typeof sidePanelHeader>> {
57
+ className?: string;
58
+ }
59
+ /**
60
+ * The `SidePanelHeader` component renders the header section of a side panel.
61
+ * It includes a title and close button, and on mobile it displays a drag handle for bottom sheet interaction.
62
+ * @component
63
+ * @param {SidePanelHeaderProps} props - The props for the `SidePanelHeader` component
64
+ * @example
65
+ * ```tsx
66
+ * import { SidePanelHeader } from '@payfit/unity-components'
67
+ *
68
+ * <SidePanelHeader>Title of the panel</SidePanelHeader>
69
+ * ```
70
+ * @see {@link SidePanelHeaderProps} for all available props
71
+ * @remarks
72
+ * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
73
+ */
74
+ declare const SidePanelHeader: import('react').ForwardRefExoticComponent<SidePanelHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
75
+ export { SidePanelHeader };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),c=require("react-aria-components"),y=require("tailwind-variants"),d=require("../../icon-button/CircularIconButton.js"),t=y.tv({slots:{base:["uy-py-200 uy-px-300 uy-w-full","uy-flex uy-flex-col uy-shrink-0","uy-bg-surface-neutral uy-rounded-tl-200 uy-rounded-tr-200 uy-shadow-raising","uy-sticky uy-top-0 uy-z-10"],content:["uy-flex uy-items-center uy-justify-between uy-w-full"],heading:["uy-typography-h2 md:uy-typography-h3 uy-text-content-neutral uy-truncate"]}}),n=i.forwardRef(({children:r,...u},a)=>{const{base:s,content:l,heading:o}=t();return e.jsx("header",{ref:a,className:s(),...u,children:e.jsxs("div",{className:l(),children:[e.jsx(c.Heading,{slot:"title",className:o(),children:r}),e.jsx(d.CircularIconButton,{asElement:"button",slot:"close",icon:"CloseOutlined",title:"Close",size:"large",color:"content.neutral.low"})]})})});n.displayName="SidePanelHeader";exports.SidePanelHeader=n;exports.sidePanelHeader=t;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),p=require("tailwind-variants"),m=require("../../hooks/use-id.js"),x=p.tv({slots:{base:"uy-flex uy-flex-col uy-items-center uy-gap-200",indicator:"",label:"uy-typography-body uy-text-left uy-truncate"},variants:{size:{small:{indicator:"uy-w-200 uy-h-200",label:"uy-hidden"},medium:{indicator:"uy-w-300 uy-h-300"}},color:{primary:{indicator:"uy-text-content-primary"},inverted:{indicator:"uy-text-content-inverted",label:"uy-text-content-inverted"},inherit:{indicator:""}}},defaultVariants:{size:"small",color:"primary"}});function r({label:a,color:s,size:i,role:t="status",...l},c){const n=`uy-spinner-label-${m()}`,{base:o,indicator:d,label:u}=x({size:i,color:s});return e.jsxs("div",{...l,ref:c,role:t,className:o(),"aria-labelledby":t==="status"?n:void 0,"aria-live":"polite",children:[e.jsxs("svg",{viewBox:"0 0 100 100","aria-hidden":"true",className:d(),children:[e.jsx("title",{children:"Loading"}),e.jsx("circle",{cx:"50",cy:"50",r:"45",fill:"none",stroke:"currentColor",style:{"--r":"45px","--1deg":"calc(2 * pi * var(--r) / 360)",strokeWidth:"9.6px",shapeRendering:"geometricPrecision",strokeDasharray:"calc(40 * var(--1deg)) calc(80 * var(--1deg))",transformOrigin:"50% 50%",animation:"arc-shrink 1.4s ease-in-out infinite, spin 2s linear infinite"}})]}),e.jsx("span",{id:n,className:u(),"aria-hidden":i!=="small",children:a})]})}r.displayName="Spinner";const h=y.forwardRef(r);exports.Spinner=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),p=require("tailwind-variants"),m=require("../../hooks/use-id.js"),x=p.tv({slots:{base:"uy-flex uy-flex-col uy-items-center uy-gap-200",indicator:"",label:"uy-typography-body uy-text-left uy-truncate"},variants:{size:{small:{indicator:"uy-w-200 uy-h-200",label:"uy-hidden"},medium:{indicator:"uy-w-300 uy-h-300"}},color:{primary:{indicator:"uy-text-content-primary"},inverted:{indicator:"uy-text-content-inverted",label:"uy-text-content-inverted"},inherit:{indicator:""}}},defaultVariants:{size:"small",color:"primary"}});function n({label:a,color:s,size:i,role:t="status",...l},c){const r=`uy-spinner-label-${m()}`,{base:o,indicator:d,label:u}=x({size:i,color:s});return e.jsxs("div",{...l,ref:c,role:t,className:o(),"aria-labelledby":t==="status"?r:void 0,"aria-live":"polite","data-dd-privacy":"allow",children:[e.jsxs("svg",{viewBox:"0 0 100 100","aria-hidden":"true",className:d(),children:[e.jsx("title",{children:"Loading"}),e.jsx("circle",{cx:"50",cy:"50",r:"45",fill:"none",stroke:"currentColor",style:{"--r":"45px","--1deg":"calc(2 * pi * var(--r) / 360)",strokeWidth:"9.6px",shapeRendering:"geometricPrecision",strokeDasharray:"calc(40 * var(--1deg)) calc(80 * var(--1deg))",transformOrigin:"50% 50%",animation:"arc-shrink 1.4s ease-in-out infinite, spin 2s linear infinite"}})]}),e.jsx("span",{id:r,className:u(),"aria-hidden":i!=="small",children:a})]})}n.displayName="Spinner";const h=y.forwardRef(n);exports.Spinner=h;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),b=require("react-aria-components"),u=require("./Tabs.context.js"),T=require("./Tabs.variant.js"),t=c.forwardRef(({children:a,variant:e,scrollable:s=!1,...n},o)=>{const{base:i}=T.tabsVariant({variant:e,scrollable:s});return r.jsx(u.TabsProvider,{variant:e,scrollable:s,children:r.jsx(b.Tabs,{ref:o,className:i(),...n,children:a})})});t.displayName="Tabs";exports.Tabs=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),b=require("react-aria-components"),u=require("./Tabs.context.js"),d=require("./Tabs.variant.js"),r=c.forwardRef(({children:t,variant:e,scrollable:a=!1,...n},o)=>{const{base:i}=d.tabsVariant({variant:e,scrollable:a});return s.jsx(u.TabsProvider,{variant:e,scrollable:a,children:s.jsx(b.Tabs,{"data-dd-privacy":"allow",ref:o,className:i(),...n,children:t})})});r.displayName="Tabs";exports.Tabs=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({slots:{base:"uy-w-full",tabList:"uy-flex",tab:["uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-content-form-enabled uy-text-action uy-pt-150 uy-pb-150 uy-pl-200 uy-pr-200 uy-rounded-25 uy-cursor-pointer",'data-[selected]:after:uy-content:" " data-[selected]:after:uy-w-full data-[selected]:after:uy-h-[4px] data-[selected]:after:uy-absolute data-[selected]:after:uy-bottom-[-1px] data-[selected]:after:uy-left-0 data-[selected]:after:uy-right-0',"hover:uy-cursor-pointer focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-[4px]"]},variants:{variant:{primary:{tab:"data-[selected]:after:uy-bg-border-form-active"},neutral:{tab:"data-[selected]:after:uy-bg-content-neutral"}},scrollable:{true:{tabList:""},false:{base:"",tabList:"uy-border-b-[1.25px] uy-border-b-border-form-enabled"}}},defaultVariants:{variant:"primary",scrollable:!1}});exports.tabsVariant=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({slots:{base:"uy-w-full",tabList:"uy-flex",tab:["uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-content-form-enabled uy-text-action uy-pt-150 uy-pb-150 uy-pl-200 uy-pr-200 uy-rounded-25 uy-cursor-pointer",'data-[selected]:after:uy-content:" " data-[selected]:after:uy-w-full data-[selected]:after:uy-h-[4px] data-[selected]:after:uy-absolute data-[selected]:after:uy-bottom-[-1px] data-[selected]:after:uy-left-0 data-[selected]:after:uy-right-0',"hover:uy-cursor-pointer focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-[4px]"]},variants:{variant:{primary:{tab:"data-[selected]:after:uy-bg-border-form-active"},neutral:{tab:"data-[selected]:after:uy-bg-content-neutral"}},scrollable:{true:{tabList:""},false:{base:"",tabList:"uy-border-b-[1.25px] uy-border-solid uy-border-b-border-form-enabled"}}},defaultVariants:{variant:"primary",scrollable:!1}});exports.tabsVariant=t;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),c=require("react-aria-components"),g=require("../Tabs.context.js"),L=require("../Tabs.variant.js"),u=require("./NavigationButton.js"),b=20,d=s.forwardRef(({children:o},a)=>{const r=s.useRef(null),[f,v]=s.useState(!1),[h,m]=s.useState(!0),{variant:x,scrollable:n}=g.useTabsContext(),{tabList:l}=L.tabsVariant({variant:x,scrollable:n}),y=t=>{const{scrollLeft:i,scrollWidth:S,clientWidth:T}=t.currentTarget;v(i>0),m(i+T<S)};return n?e.jsxs("div",{className:"uy-relative",children:[f&&e.jsx(u.NavigationButton,{direction:"left",onPress:()=>{var t;(t=r.current)==null||t.scrollBy({behavior:"smooth",left:-b})}}),e.jsx("div",{ref:r,"data-testid":"scrollable-tab-list",className:"uy-overflow-x-auto uy-overflow-y-hidden uy-border-b-[1.25px] uy-border-b-border-form-enabled",onScroll:y,children:e.jsx(c.TabList,{ref:a,className:l(),children:o})}),h&&e.jsx(u.NavigationButton,{direction:"right",onPress:()=>{var t;(t=r.current)==null||t.scrollBy({behavior:"smooth",left:b})}})]}):e.jsx(c.TabList,{ref:a,className:l(),children:o})});d.displayName="TabList";exports.TabList=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),g=require("react-aria-components"),N=require("../Tabs.context.js"),W=require("../Tabs.variant.js"),L=require("./NavigationButton.js"),y=l.forwardRef(({children:f},b)=>{const e=l.useRef(null),[v,m]=l.useState(!1),[S,x]=l.useState(!0),{variant:R,scrollable:d}=N.useTabsContext(),{tabList:h}=W.tabsVariant({variant:R,scrollable:d}),T=t=>{const{scrollLeft:o,scrollWidth:s,clientWidth:r}=t.currentTarget;m(o>0),x(o+r<s)},j=()=>{var r;const t=(r=e.current)==null?void 0:r.querySelectorAll("div[role=tab]");if(!e.current||!t)return 0;const{scrollLeft:o}=e.current,s=Array.from(t);for(let a=s.length-1;a>=0;a--){const c=s[a];if(c.offsetLeft<o)return-c.offsetWidth}return 0},q=()=>{var c;const t=(c=e.current)==null?void 0:c.querySelectorAll("div[role=tab]");if(!e.current||!t)return 0;const{scrollLeft:o,clientWidth:s}=e.current,r=Array.from(t),a=o+s;for(let i=0;i<r.length-1;i++){const u=r[i];if(u.offsetLeft+u.offsetWidth>a)return u.offsetWidth}return 0};return d?n.jsxs("div",{className:"uy-relative",children:[v&&n.jsx(L.NavigationButton,{direction:"left",onPress:()=>{var t;(t=e.current)==null||t.scrollBy({behavior:"smooth",left:j()})}}),n.jsx("div",{ref:e,"data-testid":"scrollable-tab-list",className:"uy-overflow-x-auto uy-overflow-y-hidden uy-border-b-[1.25px] uy-border-solid uy-border-b-border-form-enabled",onScroll:T,children:n.jsx(g.TabList,{ref:b,className:h(),children:f})}),S&&n.jsx(L.NavigationButton,{direction:"right",onPress:()=>{var t;(t=e.current)==null||t.scrollBy({behavior:"smooth",left:q()})}})]}):n.jsx(g.TabList,{ref:b,className:h(),children:f})});y.displayName="TabList";exports.TabList=y;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),g=require("react"),u=require("./Text.variants.js"),b={inherit:"span",h1:"h1",h2:"h2",h3:"h3",h4:"h4",overline:"h6",subtitle:"h5",displayTitle:"h1",displayBody:"p",body:"p",bodyStrong:"strong",bodySmall:"small",bodySmallStrong:"strong",bodyLarge:"p",bodyLargeStrong:"strong",action:"span",actionLarge:"span",actionSmall:"span"},s=g.forwardRef(({children:o,variant:e,color:n,isTruncated:a,lineClamp:t,asElement:r,className:l,...i},c)=>{const d=t!==void 0,m=u.text({variant:e,color:n,isTruncated:a,isLineClamped:d,className:l}),y=b[e??"inherit"],h=r??y;return p.jsx(h,{...i,ref:c,className:m,style:{"--uy-text-line-clamp":t},children:o})});s.displayName="Text";exports.Text=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),g=require("react"),u=require("./Text.variants.js"),b={inherit:"span",h1:"h1",h2:"h2",h3:"h3",h4:"h4",overline:"h6",subtitle:"h5",displayTitle:"h1",displayBody:"p",body:"p",bodyStrong:"strong",bodySmall:"small",bodySmallStrong:"strong",bodyLarge:"p",bodyLargeStrong:"strong",action:"span",actionLarge:"span",actionSmall:"span"},s=g.forwardRef(({children:o,variant:e,color:a,isTruncated:n,lineClamp:t,asElement:r,className:l,...i},c)=>{const d=t!==void 0,m=u.text({variant:e,color:a,isTruncated:n,isLineClamped:d,className:l}),y=b[e??"inherit"],p=r??y;return h.jsx(p,{"data-dd-privacy":"mask",...i,ref:c,className:m,style:{"--uy-text-line-clamp":t},children:o})});s.displayName="Text";exports.Text=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),j=require("react-aria-components"),A=require("react-intl"),M=require("tailwind-variants"),R=require("../../hooks/use-resizable.js"),q=require("../icon/Icon.js"),z=require("../spinner/Spinner.js"),c=M.tv({slots:{base:"uy-flex uy-border uy-rounded-100 focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2 active:uy-border-border-form-active uy-overflow-hidden uy-relative",inputWrapper:"uy-flex uy-gap-50 uy-flex-grow uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-100",input:"uy-flex-grow uy-flex-shrink uy-outline-none uy-typography-body placeholder:uy-text-content-neutral-lowest uy-resize-none",state:"uy-flex uy-gap-50 uy-flex-shrink-0 uy-basis-250",resizeHandle:"uy-absolute uy-bottom-25 uy-right-25 uy-w-100 uy-h-100 uy-cursor-se-resize uy-flex uy-items-center uy-justify-center"},variants:{isInvalid:{true:{base:"uy-border-border-form-error uy-bg-surface-form-error",inputWrapper:"uy-bg-surface-form-error",input:"uy-bg-surface-form-error",state:"uy-text-content-form-error"}},isReadOnly:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",inputWrapper:"uy-border-border-form-disabled uy-bg-surface-form-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-readonly"}},isDisabled:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",inputWrapper:"uy-bg-surface-form-disabled uy-text-content-form-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-disabled"}}},compoundVariants:[{isInvalid:!1,isDisabled:!1,isReadOnly:!1,className:{base:"uy-border-border-form-enabled uy-bg-surface-form-enabled",inputWrapper:"uy-border-border-form-enabled uy-bg-surface-form-enabled",input:"uy-text-content-form-enabled uy-bg-surface-form-enabled",state:"uy-text-content-neutral-disabled"}}],defaultVariants:{isInvalid:!1,isDisabled:!1,isReadOnly:!1}}),b=w.forwardRef(({isInvalid:o,isLoading:n,isDisabled:r,isReadOnly:t,isResizable:u=!1,...i},l)=>{const a=A.useIntl(),{containerRef:d,handleResizeStart:m}=R.useResizable({isDisabled:!u||r||t});console.log("[TEXTAREA | userProps]",i),console.log("[TEXTAREA | ref]",l);const{base:p,inputWrapper:x,input:g,state:h,resizeHandle:v}=c({isInvalid:o,isDisabled:r,isReadOnly:t});return e.jsxs("div",{ref:d,className:p(),children:[e.jsxs("div",{className:x(),children:[e.jsx(j.TextArea,{...i,ref:l,className:g(),"aria-busy":n}),e.jsxs("div",{className:h(),children:[n&&e.jsx(z.Spinner,{color:"inherit",size:"small",label:a.formatMessage({id:"unity:component:form-field:form-input:spinner:label",defaultMessage:"Loading"})}),o&&e.jsx(q.Icon,{src:"WarningCircleOutlined",color:"content.form.invalid",alt:a.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})})]})]}),u&&!r&&!t&&e.jsx("div",{className:v(),onMouseDown:m,role:"button",tabIndex:0,"aria-label":a.formatMessage({id:"unity:component:form-field:textarea:resize-handle:label",defaultMessage:"Resize textarea"}),onKeyDown:s=>{var f,y;(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),(y=(f=d.current)==null?void 0:f.querySelector("textarea"))==null||y.focus())},children:e.jsxs("svg",{role:"presentation",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:[e.jsx("path",{d:"M0.72774 8L0 7.28745L7.27226 0L8 0.712547L0.72774 8Z",fill:"#8B8D98"}),e.jsx("path",{d:"M4.73172 8L4 7.27073L7.26828 4L8 4.72927L4.73172 8Z",fill:"#8B8D98"})]})})]})});b.displayName="TextArea";exports.TextArea=b;exports.textArea=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),j=require("react-aria-components"),M=require("react-intl"),q=require("tailwind-variants"),z=require("../../hooks/use-resizable.js"),L=require("../icon/Icon.js"),R=require("../spinner/Spinner.js"),f=q.tv({slots:{base:"uy-flex uy-border uy-border-solid uy-rounded-100 focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2 active:uy-border-border-form-active uy-overflow-hidden uy-relative",inputWrapper:"uy-flex uy-gap-50 uy-flex-grow uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-100",input:"uy-flex-grow uy-flex-shrink uy-outline-none uy-typography-body placeholder:uy-text-content-neutral-lowest uy-resize-none",state:"uy-flex uy-gap-50 uy-flex-shrink-0 uy-basis-250",resizeHandle:"uy-absolute uy-bottom-25 uy-right-25 uy-w-100 uy-h-100 uy-cursor-se-resize uy-flex uy-items-center uy-justify-center"},variants:{isInvalid:{true:{base:"uy-border-border-form-error uy-bg-surface-form-error",inputWrapper:"uy-bg-surface-form-error",input:"uy-bg-surface-form-error",state:"uy-text-content-form-error"}},isReadOnly:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",inputWrapper:"uy-border-border-form-disabled uy-bg-surface-form-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-readonly"}},isDisabled:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",inputWrapper:"uy-bg-surface-form-disabled uy-text-content-form-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-disabled"}}},compoundVariants:[{isInvalid:!1,isDisabled:!1,isReadOnly:!1,className:{base:"uy-border-border-form-enabled uy-bg-surface-form-enabled",inputWrapper:"uy-border-border-form-enabled uy-bg-surface-form-enabled",input:"uy-text-content-form-enabled uy-bg-surface-form-enabled",state:"uy-text-content-neutral-disabled"}}],defaultVariants:{isInvalid:!1,isDisabled:!1,isReadOnly:!1}}),y=w.forwardRef(({isInvalid:o,isLoading:n,isDisabled:r,isReadOnly:t,isResizable:u=!1,...c},b)=>{const a=M.useIntl(),{containerRef:i,handleResizeStart:m}=z.useResizable({isDisabled:!u||r||t}),{base:p,inputWrapper:x,input:g,state:h,resizeHandle:v}=f({isInvalid:o,isDisabled:r,isReadOnly:t});return e.jsxs("div",{ref:i,className:p(),children:[e.jsxs("div",{className:x(),children:[e.jsx(j.TextArea,{"data-dd-privacy":"mask",...c,ref:b,className:g(),"aria-busy":n}),e.jsxs("div",{className:h(),children:[n&&e.jsx(R.Spinner,{color:"inherit",size:"small",label:a.formatMessage({id:"unity:component:form-field:form-input:spinner:label",defaultMessage:"Loading"})}),o&&e.jsx(L.Icon,{src:"WarningCircleOutlined",color:"content.form.invalid",alt:a.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})})]})]}),u&&!r&&!t&&e.jsx("div",{className:v(),onMouseDown:m,role:"button",tabIndex:0,"aria-label":a.formatMessage({id:"unity:component:form-field:textarea:resize-handle:label",defaultMessage:"Resize textarea"}),onKeyDown:s=>{var l,d;(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),(d=(l=i.current)==null?void 0:l.querySelector("textarea"))==null||d.focus())},children:e.jsxs("svg",{role:"presentation",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:[e.jsx("path",{d:"M0.72774 8L0 7.28745L7.27226 0L8 0.712547L0.72774 8Z",fill:"#8B8D98"}),e.jsx("path",{d:"M4.73172 8L4 7.27073L7.26828 4L8 4.72927L4.73172 8Z",fill:"#8B8D98"})]})})]})});y.displayName="TextArea";exports.TextArea=y;exports.textArea=f;
@@ -5,7 +5,7 @@ declare const unityToast: import('tailwind-variants').TVReturnType<{
5
5
  success: string;
6
6
  error: string;
7
7
  };
8
- }, undefined, "sm:uy-w-[416px] uy-border uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
8
+ }, undefined, "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
9
9
  variant: {
10
10
  success: string;
11
11
  error: string;
@@ -25,7 +25,7 @@ declare const unityToast: import('tailwind-variants').TVReturnType<{
25
25
  success: string;
26
26
  error: string;
27
27
  };
28
- }, undefined, "sm:uy-w-[416px] uy-border uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
28
+ }, undefined, "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
29
29
  variant: {
30
30
  success: string;
31
31
  error: string;
@@ -49,7 +49,7 @@ export interface UnityToastProps extends Required<Pick<VariantProps<typeof unity
49
49
  * - `ToastAction`(optional): The action on the toast
50
50
  */
51
51
  declare const UnityToast: {
52
- ({ children, onClose, variant, inline, }: PropsWithChildren<UnityToastProps>): import("react/jsx-runtime").JSX.Element;
52
+ ({ children, onClose, variant, inline, ...rest }: PropsWithChildren<UnityToastProps>): import("react/jsx-runtime").JSX.Element;
53
53
  displayName: string;
54
54
  };
55
55
  export { UnityToast };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),i=require("react-intl"),c=require("tailwind-variants"),y=require("../icon-button/IconButton.js"),d=require("../icon/Icon.js"),m=require("./parts/ToastTitle.js"),x=require("./Toast.context.js"),f=c.tv({base:"sm:uy-w-[416px] uy-border uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125",variants:{variant:{success:"uy-border-border-success",error:"uy-border-border-danger"}}}),g=e=>{const n=o.isValidElement(e)&&e.type===o.Fragment?e.props.children:e;if(o.Children.toArray(n).filter(r=>o.isValidElement(r)&&r.type===m.ToastTitle).length!==1)throw new Error("UnityToast must have one ToastTitle component")},l=({children:e,onClose:n,variant:s,inline:r=!0})=>{const a=i.useIntl();g(e);const u=f({variant:s});return t.jsx(x.ToastProvider,{inline:r,children:t.jsxs("div",{tabIndex:-1,role:s==="error"?"alert":"status","aria-atomic":"true","aria-live":s==="error"?"assertive":"polite",className:u,children:[t.jsxs("div",{className:"uy-flex uy-flex-row uy-grow",children:[t.jsx(d.Icon,{src:s==="success"?"CheckCircleFilled":"WarningCircleFilled",color:s==="success"?"content.success":"content.danger",className:"uy-mt-100",alt:a.formatMessage({id:"unity:component:toast:icon:status",defaultMessage:"Status"})}),t.jsx("div",{className:`${r?"uy-flex-col":"uy-flex-row uy-justify-between"} uy-flex uy-grow uy-ml-125`,children:e})]}),t.jsx("div",{role:"presentation",className:"uy-border-l-[1px] uy-border-border-neutral uy-self-stretch"}),t.jsx(y.IconButton,{icon:"CloseOutlined",iconRole:"presentation",label:a.formatMessage({id:"unity:component:toast:close:label",defaultMessage:"Close"}),variant:"ghost",color:"neutral",onClick:n})]})})};l.displayName="UnityToast";exports.UnityToast=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),c=require("react-intl"),y=require("tailwind-variants"),d=require("../icon-button/IconButton.js"),m=require("../icon/Icon.js"),x=require("./parts/ToastTitle.js"),b=require("./Toast.context.js"),f=y.tv({base:"sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125",variants:{variant:{success:"uy-border-border-success",error:"uy-border-border-danger"}}}),g=e=>{const a=o.isValidElement(e)&&e.type===o.Fragment?e.props.children:e;if(o.Children.toArray(a).filter(r=>o.isValidElement(r)&&r.type===x.ToastTitle).length!==1)throw new Error("UnityToast must have one ToastTitle component")},l=({children:e,onClose:a,variant:s,inline:r=!0,...u})=>{const n=c.useIntl();g(e);const i=f({variant:s});return t.jsx(b.ToastProvider,{inline:r,children:t.jsxs("div",{"data-dd-privacy":"mask",...u,tabIndex:-1,role:s==="error"?"alert":"status","aria-atomic":"true","aria-live":s==="error"?"assertive":"polite",className:i,children:[t.jsxs("div",{className:"uy-flex uy-flex-row uy-grow",children:[t.jsx(m.Icon,{src:s==="success"?"CheckCircleFilled":"WarningCircleFilled",color:s==="success"?"content.success":"content.danger",className:"uy-mt-100",alt:n.formatMessage({id:"unity:component:toast:icon:status",defaultMessage:"Status"})}),t.jsx("div",{className:`${r?"uy-flex-col":"uy-flex-row uy-justify-between"} uy-flex uy-grow uy-ml-125`,children:e})]}),t.jsx("div",{role:"presentation",className:"uy-border-l-[1px] uy-border-solid uy-border-border-neutral uy-self-stretch"}),t.jsx(d.IconButton,{icon:"CloseOutlined",iconRole:"presentation",label:n.formatMessage({id:"unity:component:toast:close:label",defaultMessage:"Close"}),variant:"ghost",color:"neutral",onClick:a})]})})};l.displayName="UnityToast";exports.UnityToast=l;
@@ -4,6 +4,7 @@ import { UnityToastProps } from './UnityToast.js';
4
4
  interface Base {
5
5
  title: ReactNode;
6
6
  content?: ReactNode;
7
+ datadogPrivacy?: 'allow' | 'mask' | 'hidden';
7
8
  }
8
9
  interface WithAction {
9
10
  action: ReactNode;
@@ -39,5 +40,5 @@ interface ErrorParamsWithAction extends Base, WithAction {
39
40
  * @param prop.actionOnPress (optional) the function to trigger when click on the action
40
41
  * @param prop.duration (optional) to override the toast duration
41
42
  */
42
- declare function toast({ title, content, variant, action, actionOnPress, duration, }: SuccessParams | ErrorParams | SuccessParamsWithAction | ErrorParamsWithAction): string;
43
+ declare function toast({ title, content, variant, action, actionOnPress, duration, datadogPrivacy, }: SuccessParams | ErrorParams | SuccessParamsWithAction | ErrorParamsWithAction): string;
43
44
  export { toast };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react-hot-toast"),c=require("./parts/ToastAction.js"),T=require("./parts/ToastContent.js"),d=require("./parts/ToastTitle.js"),f=require("./ToastManager.js"),j=require("./UnityToast.js"),q=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},i=q(l);function h({title:t,content:e,variant:s,action:n,actionOnPress:r,duration:u}){return i.default.custom(a=>o.jsxs(j.UnityToast,{onClose:()=>{i.default.dismiss(a.id)},variant:s,inline:!!e,children:[o.jsx(d.ToastTitle,{children:t}),e?o.jsx(T.ToastContent,{children:e}):null,n?o.jsx(c.ToastAction,{onPress:r,children:n}):null]}),{duration:u??f.TOAST_CONFIG[s].duration})}exports.toast=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react-hot-toast"),d=require("./parts/ToastAction.js"),T=require("./parts/ToastContent.js"),f=require("./parts/ToastTitle.js"),j=require("./ToastManager.js"),q=require("./UnityToast.js"),h=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},i=h(c);function m({title:t,content:e,variant:s,action:n,actionOnPress:r,duration:a,datadogPrivacy:u="mask"}){return i.default.custom(l=>o.jsxs(q.UnityToast,{onClose:()=>{i.default.dismiss(l.id)},variant:s,inline:!!e,"data-dd-privacy":u,children:[o.jsx(f.ToastTitle,{children:t}),e?o.jsx(T.ToastContent,{children:e}):null,n?o.jsx(d.ToastAction,{onPress:r,children:n}):null]}),{duration:a??j.TOAST_CONFIG[s].duration})}exports.toast=m;
@@ -4,4 +4,4 @@ interface TooltipProps {
4
4
  children: ReactElement;
5
5
  }
6
6
  declare function Tooltip({ title, children }: TooltipProps): import("react/jsx-runtime").JSX.Element;
7
- export default Tooltip;
7
+ export { Tooltip };
@@ -1 +1 @@
1
- "use strict";const n=require("react/jsx-runtime"),e=require("react-aria-components"),i=require("../actionable/Actionable.js"),u=require("../button/Button.js"),s=require("../link/Link.js"),r=o=>o.type===u.Button||o.type===e.Button;function y({title:o,children:t}){if(t.type!==u.Button&&t.type!==e.Button&&t.type!==s.Link&&t.type!==e.Link&&t.type!==i.Actionable)throw new Error("The tooltip can be applied only to Button and Link components, if you want to use it with something else, be sure to wrap it with a Actionable component");return n.jsxs(e.TooltipTrigger,{delay:500,closeDelay:1500,children:[t,n.jsx(e.Tooltip,{offset:r(t)?4:8,className:"uy-inline-flex uy-rounded-50 uy-pl-100 uy-pr-100 uy-pt-50 uy-pb-50 uy-bg-grayscale-L12 uy-max-w-[300px]",children:n.jsx("p",{className:"uy-typography-body-small uy-text-content-inverted uy-overflow-hidden uy-text-ellipsis uy-line-clamp-3",children:o})})]})}module.exports=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react-aria-components"),l=require("../button/Button.js"),r=e=>e.type===l.Button||e.type===o.Button;function i({title:e,children:u}){return t.jsxs(o.TooltipTrigger,{delay:500,closeDelay:1500,children:[u,t.jsx(o.Tooltip,{"data-dd-privacy":"allow",offset:r(u)?4:8,className:"uy-inline-flex uy-rounded-50 uy-pl-100 uy-pr-100 uy-pt-50 uy-pb-50 uy-bg-grayscale-L12 uy-max-w-[300px]",children:t.jsx("p",{className:"uy-typography-body-small uy-text-content-inverted uy-overflow-hidden uy-text-ellipsis uy-line-clamp-3",children:e})})]})}exports.Tooltip=i;
@@ -16,6 +16,10 @@ export * from './components/avatar/parts/AvatarFallback.js';
16
16
  export * from './components/avatar/parts/AvatarImage.js';
17
17
  export * from './components/avatar/parts/AvatarPair.js';
18
18
  export * from './components/badge/Badge.js';
19
+ export * from './components/bottom-sheet/BottomSheet.js';
20
+ export * from './components/bottom-sheet/parts/BottomSheetHeader.js';
21
+ export * from './components/bottom-sheet/parts/BottomSheetContent.js';
22
+ export * from './components/bottom-sheet/parts/BottomSheetFooter.js';
19
23
  export * from './components/breadcrumbs/Breadcrumbs.js';
20
24
  export * from './components/breadcrumbs/parts/Breadcrumb.js';
21
25
  export * from './components/button/Button.js';
@@ -27,8 +31,11 @@ export * from './components/date-picker/DatePicker.js';
27
31
  export * from './components/date-picker-field/DatePickerField.js';
28
32
  export * from './components/dialog/Dialog.js';
29
33
  export * from './components/dialog/parts/DialogActions.js';
34
+ export * from './components/dialog/parts/DialogActions/DialogButton.js';
30
35
  export * from './components/dialog/parts/DialogContent.js';
31
36
  export * from './components/dialog/parts/DialogTitle.js';
37
+ export * from './components/fieldset/Fieldset.js';
38
+ export * from './components/fieldset/parts/FieldGroup.js';
32
39
  export * from './components/flex/Flex.js';
33
40
  export * from './components/flex/Flex.variants.js';
34
41
  export * from './components/flex/FlexItem.js';
@@ -54,6 +61,10 @@ export * from './components/menu/parts/MenuHeader.js';
54
61
  export * from './components/menu/parts/MenuItem.js';
55
62
  export * from './components/menu/parts/MenuSeparator.js';
56
63
  export * from './components/menu/parts/MenuTrigger.js';
64
+ export * from './components/multi-select/MultiSelect.js';
65
+ export * from './components/multi-select/parts/MultiSelectOption.js';
66
+ export * from './components/multi-select/parts/MultiSelectOptGroup.js';
67
+ export * from './components/multi-select-field/MultiSelectField.js';
57
68
  export * from './components/nav/Nav.js';
58
69
  export * from './components/nav/parts/NavGroup.js';
59
70
  export * from './components/nav/parts/NavItem.js';
@@ -67,6 +78,12 @@ export * from './components/select/parts/SelectOptionGroup.js';
67
78
  export * from './components/select/parts/SelectOptionHelper.js';
68
79
  export * from './components/select/Select.js';
69
80
  export * from './components/select-field/SelectField.js';
81
+ export * from './components/selectable-button-group/SelectableButtonGroup.js';
82
+ export * from './components/selectable-button-group/parts/SelectableButton.js';
83
+ export * from './components/side-panel/SidePanel.js';
84
+ export * from './components/side-panel/parts/SidePanelHeader.js';
85
+ export * from './components/side-panel/parts/SidePanelContent.js';
86
+ export * from './components/side-panel/parts/SidePanelFooter.js';
70
87
  export * from './components/spinner/Spinner.js';
71
88
  export * from './components/tabs/Tabs.js';
72
89
  export * from './components/tabs/parts/Tab.js';
@@ -78,6 +95,7 @@ export * from './components/text-area/TextArea.js';
78
95
  export * from './components/text-field/TextField.js';
79
96
  export * from './components/toast/toast.js';
80
97
  export * from './components/toast/ToastManager.js';
98
+ export * from './components/tooltip/Tooltip.js';
81
99
  export * from './hooks/use-breakpoint-listener.js';
82
100
  export * from './hooks/use-media-query.js';
83
101
  export * from './hooks/use-form.js';
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./components/actionable/Actionable.js"),d=require("./components/alert/Alert.js"),F=require("./components/alert/parts/AlertActions.js"),A=require("./components/alert/parts/AlertContent.js"),x=require("./components/alert/parts/AlertTitle.js"),m=require("./components/anchor/Anchor.js"),b=require("./components/app-layout/AppLayout.js"),g=require("./components/app-menu/AppMenu.js"),T=require("./components/app-menu/parts/AppMenuHeader.js"),M=require("./components/app-menu/parts/AppMenuFooter.js"),P=require("./components/app-menu/parts/AppMenuNavContent.js"),e=require("./components/app-menu/parts/AppMenu.context.js"),k=require("./components/avatar/Avatar.js"),C=require("./components/avatar/utils.js"),v=require("./components/avatar/parts/AvatarFallback.js"),I=require("./components/avatar/parts/AvatarImage.js"),S=require("./components/avatar/parts/AvatarPair.js"),B=require("./components/badge/Badge.js"),L=require("./components/breadcrumbs/Breadcrumbs.js"),G=require("./components/breadcrumbs/parts/Breadcrumb.js"),y=require("./components/button/Button.js"),r=require("./components/checkbox/Checkbox.js"),D=require("./components/checkbox-field/CheckboxField.js"),t=require("./components/checkbox-group/CheckboxGroup.js"),h=require("./components/checkbox-group-field/CheckboxGroupField.js"),O=require("./components/date-picker/DatePicker.js"),N=require("./components/date-picker-field/DatePickerField.js"),H=require("./components/dialog/Dialog.js"),R=require("./components/dialog/parts/DialogActions.js"),f=require("./components/dialog/parts/DialogContent.js"),_=require("./components/dialog/parts/DialogTitle.js"),o=require("./components/flex/Flex.js"),n=require("./components/flex/Flex.variants.js"),i=require("./components/flex/FlexItem.js"),U=require("./components/form/Form.js"),Q=require("./components/form-field/FormField.js"),V=require("./components/form-field/parts/FormControl.js"),j=require("./components/form-field/parts/FormContextualLink.js"),w=require("./components/form-field/parts/FormFeedbackText.js"),z=require("./components/form-field/parts/FormHelperText.js"),E=require("./components/form-field/parts/FormLabel.js"),u=require("./components/full-page-loader/FullPageLoader.js"),J=require("./components/grid/Grid.js"),a=require("./components/grid/Grid.variants.js"),K=require("./components/grid/GridItem.js"),W=require("./components/icon/Icon.js"),X=require("./components/icon-button/IconButton.js"),Y=require("./components/input/Input.js"),Z=require("./components/label/Label.js"),$=require("./components/link/Link.js"),ee=require("./components/menu/Menu.js"),re=require("./components/menu/parts/MenuContent.js"),te=require("./components/menu/parts/MenuHeader.js"),oe=require("./components/menu/parts/MenuItem.js"),ne=require("./components/menu/parts/MenuSeparator.js"),ie=require("./components/menu/parts/MenuTrigger.js"),ue=require("./components/nav/Nav.js"),ae=require("./components/nav/parts/NavGroup.js"),c=require("./components/nav/parts/NavItem.js"),ce=require("./components/payfit-brand/PayFitBrand.js"),se=require("./components/payfit-brand/PayFitPreprod.js"),le=require("./components/pill/Pill.js"),pe=require("./components/progress-bar/ProgressBar.js"),qe=require("./components/select/parts/SelectButton.js"),de=require("./components/select/parts/SelectOption.js"),Fe=require("./components/select/parts/SelectOptionGroup.js"),Ae=require("./components/select/parts/SelectOptionHelper.js"),xe=require("./components/select/Select.js"),me=require("./components/select-field/SelectField.js"),be=require("./components/spinner/Spinner.js"),ge=require("./components/tabs/Tabs.js"),Te=require("./components/tabs/parts/Tab.js"),Me=require("./components/tabs/parts/TabList.js"),Pe=require("./components/tabs/parts/TabPanel.js"),ke=require("./components/text/Text.js"),Ce=require("./components/text/Text.variants.js"),s=require("./components/text-area/TextArea.js"),ve=require("./components/text-field/TextField.js"),Ie=require("./components/toast/toast.js"),l=require("./components/toast/ToastManager.js"),Se=require("./hooks/use-breakpoint-listener.js"),Be=require("./hooks/use-media-query.js"),Le=require("./hooks/use-form.js"),p=require("./providers/router/RouterProvider.js"),Ge=require("./providers/router/integrations/UnityReactRouterV5Provider.js"),ye=require("react-aria-components");exports.Actionable=q.Actionable;exports.Alert=d.Alert;exports.AlertActions=F.AlertActions;exports.AlertContent=A.AlertContent;exports.AlertTitle=x.AlertTitle;exports.Anchor=m.Anchor;exports.AppLayout=b.AppLayout;exports.AppMenu=g.AppMenu;exports.AppMenuHeader=T.AppMenuHeader;exports.AppMenuFooter=M.AppMenuFooter;exports.AppMenuNavContent=P.AppMenuNavContent;exports.AppMenuContext=e.AppMenuContext;exports.AppMenuContextProvider=e.AppMenuContextProvider;exports.useAppMenuContext=e.useAppMenuContext;exports.Avatar=k.Avatar;exports.getInitials=C.getInitials;exports.AvatarFallback=v.AvatarFallback;exports.AvatarImage=I.AvatarImage;exports.AvatarPair=S.AvatarPair;exports.Badge=B.Badge;exports.Breadcrumbs=L.Breadcrumbs;exports.Breadcrumb=G.Breadcrumb;exports.Button=y.Button;exports.Checkbox=r.Checkbox;exports.checkbox=r.checkbox;exports.CheckboxField=D.CheckboxField;exports.CheckboxGroup=t.CheckboxGroup;exports.checkboxGroup=t.checkboxGroup;exports.CheckboxGroupField=h.CheckboxGroupField;exports.DatePicker=O.DatePicker;exports.DatePickerField=N.DatePickerField;exports.Dialog=H.Dialog;exports.DialogActions=R.DialogActions;exports.DialogContent=f.DialogContent;exports.DialogTitle=_.DialogTitle;exports.Flex=o.Flex;exports.Stack=o.Stack;exports.flex=n.flex;exports.flexItem=n.flexItem;exports.FlexItem=i.FlexItem;exports.StackItem=i.StackItem;exports.Form=U.Form;exports.FormField=Q.FormField;exports.FormControl=V.FormControl;exports.FormContextualLink=j.FormContextualLink;exports.FormFeedbackText=w.FormFeedbackText;exports.FormHelperText=z.FormHelperText;exports.FormLabel=E.FormLabel;exports.FullPageLoader=u.FullPageLoader;exports.fullPageLoader=u.fullPageLoader;exports.Grid=J.Grid;exports.grid=a.grid;exports.gridItem=a.gridItem;exports.GridItem=K.GridItem;exports.Icon=W.Icon;exports.IconButton=X.IconButton;exports.Input=Y.Input;exports.Label=Z.Label;exports.Link=$.Link;exports.Menu=ee.Menu;exports.MenuContent=re.MenuContent;exports.MenuHeader=te.MenuHeader;exports.MenuItem=oe.MenuItem;exports.MenuSeparator=ne.MenuSeparator;exports.MenuTrigger=ie.MenuTrigger;exports.Nav=ue.Nav;exports.NavGroup=ae.NavGroup;exports.NavItem=c.NavItem;exports.navItemBase=c.navItemBase;exports.PayFitBrand=ce.PayFitBrand;exports.PayFitBrandPreprod=se.PayFitBrandPreprod;exports.Pill=le.Pill;exports.ProgressBar=pe.ProgressBar;exports.SelectButton=qe.SelectButton;exports.SelectOption=de.SelectOption;exports.SelectOptionGroup=Fe.SelectOptionGroup;exports.SelectOptionHelper=Ae.SelectOptionHelper;exports.Select=xe.Select;exports.SelectField=me.SelectField;exports.Spinner=be.Spinner;exports.Tabs=ge.Tabs;exports.Tab=Te.Tab;exports.TabList=Me.TabList;exports.TabPanel=Pe.TabPanel;exports.Text=ke.Text;exports.text=Ce.text;exports.TextArea=s.TextArea;exports.textArea=s.textArea;exports.TextField=ve.TextField;exports.toast=Ie.toast;exports.TOAST_CONFIG=l.TOAST_CONFIG;exports.ToastManager=l.ToastManager;exports.useBreakpointListener=Se.useBreakpointListener;exports.useMediaQuery=Be.useMediaQuery;exports.useUnityForm=Le.useUnityForm;exports.RouterProvider=p.RouterProvider;exports.useRouter=p.useRouter;exports.UnityReactRouterV5Provider=Ge.UnityReactRouterV5Provider;Object.defineProperty(exports,"DialogTrigger",{enumerable:!0,get:()=>ye.DialogTrigger});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./components/actionable/Actionable.js"),C=require("./components/alert/Alert.js"),k=require("./components/alert/parts/AlertActions.js"),h=require("./components/alert/parts/AlertContent.js"),v=require("./components/alert/parts/AlertTitle.js"),I=require("./components/anchor/Anchor.js"),G=require("./components/app-layout/AppLayout.js"),L=require("./components/app-menu/AppMenu.js"),D=require("./components/app-menu/parts/AppMenuHeader.js"),H=require("./components/app-menu/parts/AppMenuFooter.js"),O=require("./components/app-menu/parts/AppMenuNavContent.js"),e=require("./components/app-menu/parts/AppMenu.context.js"),y=require("./components/avatar/Avatar.js"),N=require("./components/avatar/utils.js"),R=require("./components/avatar/parts/AvatarFallback.js"),f=require("./components/avatar/parts/AvatarImage.js"),_=require("./components/avatar/parts/AvatarPair.js"),U=require("./components/badge/Badge.js"),t=require("./components/bottom-sheet/BottomSheet.js"),r=require("./components/bottom-sheet/parts/BottomSheetHeader.js"),o=require("./components/bottom-sheet/parts/BottomSheetContent.js"),n=require("./components/bottom-sheet/parts/BottomSheetFooter.js"),Q=require("./components/breadcrumbs/Breadcrumbs.js"),V=require("./components/breadcrumbs/parts/Breadcrumb.js"),j=require("./components/button/Button.js"),i=require("./components/checkbox/Checkbox.js"),w=require("./components/checkbox-field/CheckboxField.js"),u=require("./components/checkbox-group/CheckboxGroup.js"),z=require("./components/checkbox-group-field/CheckboxGroupField.js"),E=require("./components/date-picker/DatePicker.js"),J=require("./components/date-picker-field/DatePickerField.js"),a=require("./components/dialog/Dialog.js"),K=require("./components/dialog/parts/DialogActions.js"),W=require("./components/dialog/parts/DialogActions/DialogButton.js"),X=require("./components/dialog/parts/DialogContent.js"),Y=require("./components/dialog/parts/DialogTitle.js"),l=require("./components/fieldset/Fieldset.js"),Z=require("./components/fieldset/parts/FieldGroup.js"),c=require("./components/flex/Flex.js"),s=require("./components/flex/Flex.variants.js"),d=require("./components/flex/FlexItem.js"),$=require("./components/form/Form.js"),ee=require("./components/form-field/FormField.js"),te=require("./components/form-field/parts/FormControl.js"),re=require("./components/form-field/parts/FormContextualLink.js"),oe=require("./components/form-field/parts/FormFeedbackText.js"),ne=require("./components/form-field/parts/FormHelperText.js"),ie=require("./components/form-field/parts/FormLabel.js"),p=require("./components/full-page-loader/FullPageLoader.js"),ue=require("./components/grid/Grid.js"),q=require("./components/grid/Grid.variants.js"),ae=require("./components/grid/GridItem.js"),le=require("./components/icon/Icon.js"),ce=require("./components/icon-button/IconButton.js"),se=require("./components/input/Input.js"),de=require("./components/label/Label.js"),pe=require("./components/link/Link.js"),qe=require("./components/menu/Menu.js"),Fe=require("./components/menu/parts/MenuContent.js"),Se=require("./components/menu/parts/MenuHeader.js"),me=require("./components/menu/parts/MenuItem.js"),be=require("./components/menu/parts/MenuSeparator.js"),Ae=require("./components/menu/parts/MenuTrigger.js"),Pe=require("./components/multi-select/MultiSelect.js"),xe=require("./components/multi-select/parts/MultiSelectOption.js"),Be=require("./components/multi-select/parts/MultiSelectOptGroup.js"),Me=require("./components/multi-select-field/MultiSelectField.js"),ge=require("./components/nav/Nav.js"),Te=require("./components/nav/parts/NavGroup.js"),F=require("./components/nav/parts/NavItem.js"),Ce=require("./components/payfit-brand/PayFitBrand.js"),ke=require("./components/payfit-brand/PayFitPreprod.js"),he=require("./components/pill/Pill.js"),ve=require("./components/progress-bar/ProgressBar.js"),Ie=require("./components/select/parts/SelectButton.js"),Ge=require("./components/select/parts/SelectOption.js"),Le=require("./components/select/parts/SelectOptionGroup.js"),De=require("./components/select/parts/SelectOptionHelper.js"),He=require("./components/select/Select.js"),Oe=require("./components/select-field/SelectField.js"),S=require("./components/selectable-button-group/SelectableButtonGroup.js"),m=require("./components/selectable-button-group/parts/SelectableButton.js"),b=require("./components/side-panel/SidePanel.js"),A=require("./components/side-panel/parts/SidePanelHeader.js"),P=require("./components/side-panel/parts/SidePanelContent.js"),x=require("./components/side-panel/parts/SidePanelFooter.js"),ye=require("./components/spinner/Spinner.js"),Ne=require("./components/tabs/Tabs.js"),Re=require("./components/tabs/parts/Tab.js"),fe=require("./components/tabs/parts/TabList.js"),_e=require("./components/tabs/parts/TabPanel.js"),Ue=require("./components/text/Text.js"),Qe=require("./components/text/Text.variants.js"),B=require("./components/text-area/TextArea.js"),Ve=require("./components/text-field/TextField.js"),je=require("./components/toast/toast.js"),M=require("./components/toast/ToastManager.js"),we=require("./components/tooltip/Tooltip.js"),ze=require("./hooks/use-breakpoint-listener.js"),Ee=require("./hooks/use-media-query.js"),Je=require("./hooks/use-form.js"),g=require("./providers/router/RouterProvider.js"),Ke=require("./providers/router/integrations/UnityReactRouterV5Provider.js"),We=require("react-aria-components");exports.Actionable=T.Actionable;exports.Alert=C.Alert;exports.AlertActions=k.AlertActions;exports.AlertContent=h.AlertContent;exports.AlertTitle=v.AlertTitle;exports.Anchor=I.Anchor;exports.AppLayout=G.AppLayout;exports.AppMenu=L.AppMenu;exports.AppMenuHeader=D.AppMenuHeader;exports.AppMenuFooter=H.AppMenuFooter;exports.AppMenuNavContent=O.AppMenuNavContent;exports.AppMenuContext=e.AppMenuContext;exports.AppMenuContextProvider=e.AppMenuContextProvider;exports.useAppMenuContext=e.useAppMenuContext;exports.Avatar=y.Avatar;exports.getInitials=N.getInitials;exports.AvatarFallback=R.AvatarFallback;exports.AvatarImage=f.AvatarImage;exports.AvatarPair=_.AvatarPair;exports.Badge=U.Badge;exports.BottomSheet=t.BottomSheet;exports.bottomSheet=t.bottomSheet;exports.BottomSheetHeader=r.BottomSheetHeader;exports.bottomSheetHeader=r.bottomSheetHeader;exports.BottomSheetContent=o.BottomSheetContent;exports.bottomSheetContent=o.bottomSheetContent;exports.BottomSheetFooter=n.BottomSheetFooter;exports.bottomSheetFooter=n.bottomSheetFooter;exports.Breadcrumbs=Q.Breadcrumbs;exports.Breadcrumb=V.Breadcrumb;exports.Button=j.Button;exports.Checkbox=i.Checkbox;exports.checkbox=i.checkbox;exports.CheckboxField=w.CheckboxField;exports.CheckboxGroup=u.CheckboxGroup;exports.checkboxGroup=u.checkboxGroup;exports.CheckboxGroupField=z.CheckboxGroupField;exports.DatePicker=E.DatePicker;exports.DatePickerField=J.DatePickerField;exports.Dialog=a.Dialog;exports.dialog=a.dialog;exports.DialogActions=K.DialogActions;exports.DialogButton=W.DialogButton;exports.DialogContent=X.DialogContent;exports.DialogTitle=Y.DialogTitle;exports.Fieldset=l.Fieldset;exports.fieldset=l.fieldset;exports.FieldGroup=Z.FieldGroup;exports.Flex=c.Flex;exports.Stack=c.Stack;exports.flex=s.flex;exports.flexItem=s.flexItem;exports.FlexItem=d.FlexItem;exports.StackItem=d.StackItem;exports.Form=$.Form;exports.FormField=ee.FormField;exports.FormControl=te.FormControl;exports.FormContextualLink=re.FormContextualLink;exports.FormFeedbackText=oe.FormFeedbackText;exports.FormHelperText=ne.FormHelperText;exports.FormLabel=ie.FormLabel;exports.FullPageLoader=p.FullPageLoader;exports.fullPageLoader=p.fullPageLoader;exports.Grid=ue.Grid;exports.grid=q.grid;exports.gridItem=q.gridItem;exports.GridItem=ae.GridItem;exports.Icon=le.Icon;exports.IconButton=ce.IconButton;exports.Input=se.Input;exports.Label=de.Label;exports.Link=pe.Link;exports.Menu=qe.Menu;exports.MenuContent=Fe.MenuContent;exports.MenuHeader=Se.MenuHeader;exports.MenuItem=me.MenuItem;exports.MenuSeparator=be.MenuSeparator;exports.MenuTrigger=Ae.MenuTrigger;exports.MultiSelect=Pe.MultiSelect;exports.MultiSelectOption=xe.MultiSelectOption;exports.MultiSelectOptGroup=Be.MultiSelectOptGroup;exports.MultiSelectField=Me.MultiSelectField;exports.Nav=ge.Nav;exports.NavGroup=Te.NavGroup;exports.NavItem=F.NavItem;exports.navItemBase=F.navItemBase;exports.PayFitBrand=Ce.PayFitBrand;exports.PayFitBrandPreprod=ke.PayFitBrandPreprod;exports.Pill=he.Pill;exports.ProgressBar=ve.ProgressBar;exports.SelectButton=Ie.SelectButton;exports.SelectOption=Ge.SelectOption;exports.SelectOptionGroup=Le.SelectOptionGroup;exports.SelectOptionHelper=De.SelectOptionHelper;exports.Select=He.Select;exports.SelectField=Oe.SelectField;exports.SelectableButtonGroup=S.SelectableButtonGroup;exports.selectableButtonGroup=S.selectableButtonGroup;exports.SelectableButton=m.SelectableButton;exports.selectableButton=m.selectableButton;exports.SidePanel=b.SidePanel;exports.sidePanel=b.sidePanel;exports.SidePanelHeader=A.SidePanelHeader;exports.sidePanelHeader=A.sidePanelHeader;exports.SidePanelContent=P.SidePanelContent;exports.sidePanelContent=P.sidePanelContent;exports.SidePanelFooter=x.SidePanelFooter;exports.sidePanelFooter=x.sidePanelFooter;exports.Spinner=ye.Spinner;exports.Tabs=Ne.Tabs;exports.Tab=Re.Tab;exports.TabList=fe.TabList;exports.TabPanel=_e.TabPanel;exports.Text=Ue.Text;exports.text=Qe.text;exports.TextArea=B.TextArea;exports.textArea=B.textArea;exports.TextField=Ve.TextField;exports.toast=je.toast;exports.TOAST_CONFIG=M.TOAST_CONFIG;exports.ToastManager=M.ToastManager;exports.Tooltip=we.Tooltip;exports.useBreakpointListener=ze.useBreakpointListener;exports.useMediaQuery=Ee.useMediaQuery;exports.useUnityForm=Je.useUnityForm;exports.RouterProvider=g.RouterProvider;exports.useRouter=g.useRouter;exports.UnityReactRouterV5Provider=Ke.UnityReactRouterV5Provider;Object.defineProperty(exports,"DialogTrigger",{enumerable:!0,get:()=>We.DialogTrigger});
@@ -0,0 +1 @@
1
+ export type IconName<T extends string> = T extends `${infer Base}${'Filled' | 'Outlined'}` ? Base : T;
@@ -1,11 +1,12 @@
1
1
  import { ButtonProps as AriaButtonProps } from 'react-aria-components';
2
- /**
3
- * The Actionable primitive is a component that helps you build interactive surfaces of any kind.
4
- */
5
- declare const Actionable: import('react').ForwardRefExoticComponent<Omit<AriaButtonProps, "style" | "slot"> & {
2
+ interface ActionableProps extends AriaButtonProps {
6
3
  /** Additional class names to apply to the actionable */
7
4
  className?: string;
8
5
  /** set to true to remove the Actionable's base styles */
9
6
  isUnstyled?: boolean;
10
- } & import('react').RefAttributes<HTMLButtonElement>>;
7
+ }
8
+ /**
9
+ * The Actionable primitive is a component that helps you build interactive surfaces of any kind.
10
+ */
11
+ declare const Actionable: import('react').ForwardRefExoticComponent<ActionableProps & import('react').RefAttributes<HTMLButtonElement>>;
11
12
  export { Actionable };