@ultraviolet/ui 1.51.2 → 1.51.3

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 (127) hide show
  1. package/dist/components/ActionBar/index.js +16 -26
  2. package/dist/components/Alert/index.js +77 -88
  3. package/dist/components/Avatar/index.js +29 -26
  4. package/dist/components/Badge/index.js +36 -52
  5. package/dist/components/Banner/index.js +64 -139
  6. package/dist/components/BarChart/Tooltip.js +23 -18
  7. package/dist/components/BarChart/index.js +29 -42
  8. package/dist/components/BarStack/index.js +89 -163
  9. package/dist/components/Breadcrumbs/index.js +30 -33
  10. package/dist/components/Bullet/index.js +24 -28
  11. package/dist/components/Button/index.js +117 -159
  12. package/dist/components/Card/index.js +45 -52
  13. package/dist/components/Carousel/index.js +75 -99
  14. package/dist/components/Checkbox/index.js +246 -343
  15. package/dist/components/CheckboxGroup/index.js +60 -56
  16. package/dist/components/CopyButton/index.js +1 -15
  17. package/dist/components/DateInput/index.js +124 -243
  18. package/dist/components/Dialog/Context.js +1 -3
  19. package/dist/components/Dialog/index.js +22 -43
  20. package/dist/components/Dialog/subComponents/Button.js +1 -10
  21. package/dist/components/Dialog/subComponents/Stack.js +3 -1
  22. package/dist/components/Dialog/subComponents/Text.js +3 -1
  23. package/dist/components/EmptyState/index.js +58 -50
  24. package/dist/components/Expandable/index.js +19 -23
  25. package/dist/components/GlobalAlert/GlobalAlertLink.js +4 -20
  26. package/dist/components/GlobalAlert/index.js +34 -87
  27. package/dist/components/LineChart/CustomLegend.js +76 -72
  28. package/dist/components/LineChart/Tooltip.js +26 -37
  29. package/dist/components/LineChart/helpers.js +11 -9
  30. package/dist/components/LineChart/index.js +38 -55
  31. package/dist/components/Link/index.js +86 -125
  32. package/dist/components/List/Body.js +12 -7
  33. package/dist/components/List/Cell.js +36 -33
  34. package/dist/components/List/HeaderCell.js +54 -68
  35. package/dist/components/List/HeaderRow.js +16 -18
  36. package/dist/components/List/ListContext.js +68 -87
  37. package/dist/components/List/Row.js +136 -169
  38. package/dist/components/List/SelectBar.js +31 -14
  39. package/dist/components/List/SkeletonRows.js +42 -23
  40. package/dist/components/List/index.js +39 -59
  41. package/dist/components/Loader/index.js +44 -65
  42. package/dist/components/Menu/Item.js +52 -62
  43. package/dist/components/Menu/index.js +105 -171
  44. package/dist/components/MenuV2/Group.js +14 -16
  45. package/dist/components/MenuV2/Item.js +67 -74
  46. package/dist/components/MenuV2/index.js +76 -110
  47. package/dist/components/Meter/index.js +44 -57
  48. package/dist/components/Modal/Dialog.js +44 -100
  49. package/dist/components/Modal/index.js +23 -58
  50. package/dist/components/Notice/index.js +13 -29
  51. package/dist/components/Notification/index.js +9 -48
  52. package/dist/components/NumberInput/index.js +113 -200
  53. package/dist/components/NumberInputV2/index.js +200 -349
  54. package/dist/components/Pagination/getPageNumbers.js +3 -1
  55. package/dist/components/Pagination/index.js +45 -81
  56. package/dist/components/PasswordCheck/index.js +10 -15
  57. package/dist/components/PasswordStrengthMeter/index.js +66 -68
  58. package/dist/components/PieChart/Legends.js +121 -99
  59. package/dist/components/PieChart/Tooltip.js +35 -15
  60. package/dist/components/PieChart/index.js +68 -87
  61. package/dist/components/Popover/index.js +57 -106
  62. package/dist/components/Popup/helpers.js +24 -12
  63. package/dist/components/Popup/index.js +263 -351
  64. package/dist/components/ProgressBar/index.js +33 -51
  65. package/dist/components/Radio/index.js +119 -188
  66. package/dist/components/RadioGroup/index.js +46 -51
  67. package/dist/components/Row/index.js +11 -20
  68. package/dist/components/SelectInput/index.js +165 -212
  69. package/dist/components/SelectInputV2/Dropdown.js +233 -473
  70. package/dist/components/SelectInputV2/DropdownOption.js +44 -115
  71. package/dist/components/SelectInputV2/SearchBarDropdown.js +28 -44
  72. package/dist/components/SelectInputV2/SelectBar.js +137 -240
  73. package/dist/components/SelectInputV2/SelectInputProvider.js +45 -77
  74. package/dist/components/SelectInputV2/index.js +39 -98
  75. package/dist/components/SelectableCard/index.js +127 -183
  76. package/dist/components/SelectableCardGroup/index.js +50 -55
  77. package/dist/components/Separator/index.js +44 -64
  78. package/dist/components/Skeleton/Block.js +28 -20
  79. package/dist/components/Skeleton/Blocks.js +26 -16
  80. package/dist/components/Skeleton/BoxWithIcon.js +24 -17
  81. package/dist/components/Skeleton/Donut.js +46 -21
  82. package/dist/components/Skeleton/IconSkeleton.js +19 -9
  83. package/dist/components/Skeleton/Line.js +11 -8
  84. package/dist/components/Skeleton/List.js +48 -21
  85. package/dist/components/Skeleton/Slider.js +36 -22
  86. package/dist/components/Skeleton/Square.js +9 -7
  87. package/dist/components/Skeleton/index.js +38 -45
  88. package/dist/components/Snippet/index.js +139 -128
  89. package/dist/components/Stack/index.js +10 -17
  90. package/dist/components/Status/index.js +42 -27
  91. package/dist/components/StepList/index.js +34 -45
  92. package/dist/components/Stepper/index.js +106 -114
  93. package/dist/components/SwitchButton/FocusOverlay.js +18 -27
  94. package/dist/components/SwitchButton/index.js +39 -103
  95. package/dist/components/Table/Body.js +3 -1
  96. package/dist/components/Table/Cell.js +15 -6
  97. package/dist/components/Table/Header.js +12 -5
  98. package/dist/components/Table/HeaderCell.js +48 -91
  99. package/dist/components/Table/HeaderRow.js +11 -13
  100. package/dist/components/Table/Row.js +39 -44
  101. package/dist/components/Table/SelectBar.js +31 -14
  102. package/dist/components/Table/SkeletonRows.js +43 -11
  103. package/dist/components/Table/TableContext.js +29 -44
  104. package/dist/components/Table/index.js +37 -51
  105. package/dist/components/Tabs/Tab.js +108 -158
  106. package/dist/components/Tabs/TabMenu.js +52 -53
  107. package/dist/components/Tabs/TabMenuItem.js +19 -24
  108. package/dist/components/Tabs/TabsContext.js +1 -3
  109. package/dist/components/Tabs/index.js +44 -79
  110. package/dist/components/Tag/index.js +66 -75
  111. package/dist/components/TagInput/index.js +125 -188
  112. package/dist/components/TagList/index.js +51 -56
  113. package/dist/components/Text/index.js +10 -35
  114. package/dist/components/TextArea/index.js +140 -208
  115. package/dist/components/TextInput/index.js +326 -411
  116. package/dist/components/TextInputV2/index.js +170 -294
  117. package/dist/components/TimeInput/index.js +3 -174
  118. package/dist/components/Toaster/index.js +26 -74
  119. package/dist/components/Toggle/index.js +112 -172
  120. package/dist/components/ToggleGroup/index.js +44 -35
  121. package/dist/components/Tooltip/index.js +34 -41
  122. package/dist/components/VerificationCode/index.js +58 -63
  123. package/dist/helpers/legend.js +4 -4
  124. package/dist/theme/index.js +10 -13
  125. package/dist/utils/ids.js +3 -1
  126. package/dist/utils/responsive/Breakpoint.js +8 -6
  127. package/package.json +4 -4
@@ -1,53 +1,40 @@
1
1
  import { jsx } from "@emotion/react/jsx-runtime";
2
- import styled from "@emotion/styled";
2
+ import _styled from "@emotion/styled/base";
3
3
  import { useRef, useEffect, useCallback } from "react";
4
4
  import { createPortal } from "react-dom";
5
5
  import { MODAL_WIDTH, MODAL_PLACEMENT } from "./constants.js";
6
- const StyledBackdrop = styled.div`
7
- position: fixed;
8
- top: 0;
9
- right: 0;
10
- height: 0;
11
- width: 0;
12
- overflow: hidden;
13
- background-color: ${({ theme }) => theme.colors.overlay};
14
- z-index: 1;
15
-
16
- &[data-open='true'] {
17
- padding: ${({ theme }) => theme.space["2"]};
18
- overflow: auto;
19
- display: flex;
20
- bottom: 0;
21
- left: 0;
22
- height: 100%;
23
- width: 100%;
24
- }
25
- `;
26
- const StyledDialog = styled.dialog`
27
- background-color: ${({ theme }) => theme.colors.neutral.backgroundWeakElevated};
28
- position: relative;
29
- border-radius: ${({ theme }) => theme.radii.default};
30
- border: 0;
31
- padding: ${({ theme }) => theme.space["3"]};
32
- width: ${MODAL_WIDTH.medium}px;
33
- box-shadow: ${({ theme }) => theme.shadows.modal};
34
-
35
- ${Object.entries(MODAL_WIDTH).map(
36
- ([size, value]) => `
6
+ const StyledBackdrop = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
7
+ target: "e1cqen9h1"
8
+ } : {
9
+ target: "e1cqen9h1",
10
+ label: "StyledBackdrop"
11
+ })("position:fixed;top:0;right:0;height:0;width:0;overflow:hidden;background-color:", ({
12
+ theme
13
+ }) => theme.colors.overlay, ";z-index:1;&[data-open='true']{padding:", ({
14
+ theme
15
+ }) => theme.space["2"], ";overflow:auto;display:flex;bottom:0;left:0;height:100%;width:100%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTJEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgRm9jdXNFdmVudEhhbmRsZXIsXG4gIEtleWJvYXJkRXZlbnRIYW5kbGVyLFxuICBNb3VzZUV2ZW50SGFuZGxlcixcbiAgUmVhY3RFdmVudEhhbmRsZXIsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjcmVhdGVQb3J0YWwgfSBmcm9tICdyZWFjdC1kb20nXG5pbXBvcnQgeyBNT0RBTF9QTEFDRU1FTlQsIE1PREFMX1dJRFRIIH0gZnJvbSAnLi9jb25zdGFudHMnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1Byb3BzLCBNb2RhbFBsYWNlbWVudCwgTW9kYWxTaXplIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQuZGl2PHsgJ2RhdGEtb3Blbic6IGJvb2xlYW4gfT5gXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAwO1xuICB3aWR0aDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMub3ZlcmxheX07XG4gIHotaW5kZXg6IDE7XG5cbiAgJltkYXRhLW9wZW49J3RydWUnXSB7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuXG50eXBlIFN0eWxlZERpYWxvZ1Byb3BzID0ge1xuICAnZGF0YS1zaXplJzogTW9kYWxTaXplXG4gICdkYXRhLXBsYWNlbWVudCc6IE1vZGFsUGxhY2VtZW50XG59XG5cbmNvbnN0IFN0eWxlZERpYWxvZyA9IHN0eWxlZC5kaWFsb2c8U3R5bGVkRGlhbG9nUHJvcHM+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtFbGV2YXRlZH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICB3aWR0aDogJHtNT0RBTF9XSURUSC5tZWRpdW19cHg7XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5tb2RhbH07XG5cbiAgJHtPYmplY3QuZW50cmllcyhNT0RBTF9XSURUSCkubWFwKFxuICAgIChbc2l6ZSwgdmFsdWVdKSA9PiBgXG4gICAgICAmW2RhdGEtc2l6ZT1cIiR7c2l6ZX1cIl0ge1xuICAgICAgICB3aWR0aDogJHt2YWx1ZX1weDtcbiAgICAgIH1cbiAgICAgIGAsXG4gICl9XG5cbiAgJHtPYmplY3QuZW50cmllcyhNT0RBTF9QTEFDRU1FTlQpLm1hcChcbiAgICAoW3BsYWNlbWVudCwgdmFsdWVdKSA9PiBgXG4gICAgICAgICZbZGF0YS1wbGFjZW1lbnQ9XCIke3BsYWNlbWVudH1cIl0ge1xuICAgICAgICAgICR7dmFsdWV9XG4gICAgICAgIH1cbiAgICAgICAgYCxcbiAgKX1cbmBcblxuZXhwb3J0IGNvbnN0IERpYWxvZyA9ICh7XG4gIGNoaWxkcmVuLFxuICBvcGVuLFxuICBwbGFjZW1lbnQsXG4gIG9uQ2xvc2UsXG4gIGhpZGVPbkNsaWNrT3V0c2lkZSxcbiAgc2l6ZSxcbiAgaWQsXG4gIGFyaWFMYWJlbCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBwcmV2ZW50Qm9keVNjcm9sbCxcbiAgaGlkZU9uRXNjLFxuICBiYWNrZHJvcENsYXNzTmFtZSxcbiAgZGlhbG9nQ3NzLFxuICBiYWNrZHJvcENzcyxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZihkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKSlcbiAgY29uc3QgZGlhbG9nUmVmID0gdXNlUmVmPEhUTUxEaWFsb2dFbGVtZW50PihudWxsKVxuICBjb25zdCBvbkNsb3NlUmVmID0gdXNlUmVmKG9uQ2xvc2UpXG5cbiAgLy8gUG9ydGFsIHRvIHB1dCB0aGUgbW9kYWwgaW5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBlbGVtZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnRcbiAgICBpZiAob3Blbikge1xuICAgICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChlbGVtZW50KVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoZG9jdW1lbnQuYm9keS5jb250YWlucyhlbGVtZW50KSkge1xuICAgICAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUNoaWxkKGVsZW1lbnQpXG4gICAgICB9XG4gICAgfVxuICB9LCBbb3Blbl0pXG5cbiAgLy8gU2F2ZSB0aGUgcmVhc3NpZ25tZW50IG9mIGV2ZW50SGFuZGxlciBpbiB0aGUgdXNlRWZmZWN0IGJlbG93XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25DbG9zZVJlZi5jdXJyZW50ID0gb25DbG9zZVxuICB9LCBbb25DbG9zZV0pXG5cbiAgLy8gT24gb3BlbiBmb2N1cyB0aGUgbW9kYWxcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob3Blbikge1xuICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LmZvY3VzKClcbiAgICB9XG4gIH0sIFtvcGVuXSlcblxuICAvLyBIYW5kbGUgYm9keSBzY3JvbGxcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBwcmV2aW91c092ZXJmbG93ID0gZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvd1xuXG4gICAgaWYgKG9wZW4gJiYgcHJldmVudEJvZHlTY3JvbGwpIHtcbiAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJ1xuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gcHJldmlvdXNPdmVyZmxvd1xuICAgIH1cbiAgfSwgW3ByZXZlbnRCb2R5U2Nyb2xsLCBvcGVuXSlcblxuICAvLyBTdG9wIGZvY3VzIHRvIHByZXZlbnQgdW5leHBlY3RlZCBib2R5IGxvb3NlIGZvY3VzXG4gIGNvbnN0IHN0b3BGb2N1czogRm9jdXNFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhldmVudCA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgfSwgW10pXG5cbiAgLy8gU3RvcCBjbGljayB0byBwcmV2ZW50IHVuZXhwZWN0ZWQgZGlhbG9nIGNsb3NlXG4gIGNvbnN0IHN0b3BDbGljazogTW91c2VFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhldmVudCA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgfSwgW10pXG5cbiAgLy8gaGFuZGxlIGtleSB1cCA6IHVzZWQgd2hlbiBoYXZpbmcgaW5wdXRzIGluIG1vZGFscyAtIHVzZWZ1bCBmb3IgaGlkZU9uRXNjXG4gIGNvbnN0IGhhbmRsZUtleVVwOiBLZXlib2FyZEV2ZW50SGFuZGxlciA9IHVzZUNhbGxiYWNrKFxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJyAmJiBoaWRlT25Fc2MpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBvbkNsb3NlUmVmLmN1cnJlbnQoKVxuICAgICAgfVxuICAgIH0sXG4gICAgW2hpZGVPbkVzY10sXG4gIClcblxuICBjb25zdCBoYW5kbGVDbG9zZTogTW91c2VFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICBldmVudCA9PiB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgaWYgKGhpZGVPbkNsaWNrT3V0c2lkZSkge1xuICAgICAgICBvbkNsb3NlUmVmLmN1cnJlbnQoKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gQmVjYXVzZSBvdmVybGF5IGlzIG5vdCBmb2N1c2FibGUgd2UgY2FuJ3QgaGFuZGxlIGhpZGVPbkVzYyBwcm9wZXJseVxuICAgICAgICBkaWFsb2dSZWYuY3VycmVudD8uZm9jdXMoKVxuICAgICAgfVxuICAgIH0sXG4gICAgW2hpZGVPbkNsaWNrT3V0c2lkZV0sXG4gIClcblxuICAvLyBFbmFibGUgZm9jdXMgdHJhcCBpbnNpZGUgdGhlIG1vZGFsXG4gIGNvbnN0IGhhbmRsZUZvY3VzVHJhcDogS2V5Ym9hcmRFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhldmVudCA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuXG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgY29uc3QgaXNUYWJQcmVzc2VkID0gZXZlbnQua2V5ID09PSAnVGFiJ1xuXG4gICAgaWYgKCFpc1RhYlByZXNzZWQpIHtcbiAgICAgIHJldHVyblxuICAgIH1cblxuICAgIGNvbnN0IGZvY3VzYWJsZUVscyA9XG4gICAgICBkaWFsb2dSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbChcbiAgICAgICAgJ2FbaHJlZl06bm90KFtkaXNhYmxlZF0pLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCB0ZXh0YXJlYTpub3QoW2Rpc2FibGVkXSksIGlucHV0Om5vdChbZGlzYWJsZWRdKSwgc2VsZWN0Om5vdChbZGlzYWJsZWRdKScsXG4gICAgICApID8/IFtdXG5cbiAgICAvLyBIYW5kbGUgY2FzZSB3aGVuIG5vIGludGVyYWN0aXZlIGVsZW1lbnQgYXJlIHdpdGhpbiB0aGUgbW9kYWwgKGluY2x1ZGluZyBjbG9zZSBpY29uKVxuICAgIGlmIChmb2N1c2FibGVFbHMubGVuZ3RoID09PSAwKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgfVxuXG4gICAgY29uc3QgZmlyc3RGb2N1c2FibGVFbCA9IGZvY3VzYWJsZUVsc1swXSBhcyBIVE1MRWxlbWVudFxuICAgIGNvbnN0IGxhc3RGb2N1c2FibGVFbCA9IGZvY3VzYWJsZUVsc1tmb2N1c2FibGVFbHMubGVuZ3RoIC0gMV0gYXMgSFRNTEVsZW1lbnRcblxuICAgIGlmIChldmVudC5zaGlmdEtleSkge1xuICAgICAgaWYgKFxuICAgICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBmaXJzdEZvY3VzYWJsZUVsIHx8XG4gICAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgPT09IGRpYWxvZ1JlZi5jdXJyZW50XG4gICAgICApIHtcbiAgICAgICAgbGFzdEZvY3VzYWJsZUVsLmZvY3VzKClcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoXG4gICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBsYXN0Rm9jdXNhYmxlRWwgfHxcbiAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgPT09IGRpYWxvZ1JlZi5jdXJyZW50XG4gICAgKSB7XG4gICAgICBmaXJzdEZvY3VzYWJsZUVsLmZvY3VzKClcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICB9XG4gIH0sIFtdKVxuXG4gIC8vIFByZXZlbnQgZGVmYXVsdCBiZWhhdmlvdXIgb24gRXNjYXBlXG4gIGNvbnN0IHN0b3BDYW5jZWw6IFJlYWN0RXZlbnRIYW5kbGVyID0gZXZlbnQgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICB9XG5cbiAgcmV0dXJuIG9wZW5cbiAgICA/IGNyZWF0ZVBvcnRhbChcbiAgICAgICAgPFN0eWxlZEJhY2tkcm9wXG4gICAgICAgICAgZGF0YS1vcGVuPXtvcGVufVxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfVxuICAgICAgICAgIGNsYXNzTmFtZT17YmFja2Ryb3BDbGFzc05hbWV9XG4gICAgICAgICAgY3NzPXtiYWNrZHJvcENzc31cbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWJhY2tkcm9wYCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBvbkZvY3VzPXtzdG9wRm9jdXN9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkRGlhbG9nXG4gICAgICAgICAgICBjc3M9e2RpYWxvZ0Nzc31cbiAgICAgICAgICAgIG9uS2V5VXA9e2hhbmRsZUtleVVwfVxuICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVGb2N1c1RyYXB9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICAgICAgZGF0YS1wbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIG9wZW49e29wZW59XG4gICAgICAgICAgICBvbkNsaWNrPXtzdG9wQ2xpY2t9XG4gICAgICAgICAgICBvbkNhbmNlbD17c3RvcENhbmNlbH1cbiAgICAgICAgICAgIG9uQ2xvc2U9e3N0b3BDYW5jZWx9XG4gICAgICAgICAgICBhcmlhLW1vZGFsXG4gICAgICAgICAgICByZWY9e2RpYWxvZ1JlZn1cbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvcGVuID8gY2hpbGRyZW4gOiBudWxsfVxuICAgICAgICAgIDwvU3R5bGVkRGlhbG9nPlxuICAgICAgICA8L1N0eWxlZEJhY2tkcm9wPixcbiAgICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQsXG4gICAgICApXG4gICAgOiBudWxsXG59XG4iXX0= */"));
16
+ const StyledDialog = /* @__PURE__ */ _styled("dialog", process.env.NODE_ENV === "production" ? {
17
+ target: "e1cqen9h0"
18
+ } : {
19
+ target: "e1cqen9h0",
20
+ label: "StyledDialog"
21
+ })("background-color:", ({
22
+ theme
23
+ }) => theme.colors.neutral.backgroundWeakElevated, ";position:relative;border-radius:", ({
24
+ theme
25
+ }) => theme.radii.default, ";border:0;padding:", ({
26
+ theme
27
+ }) => theme.space["3"], ";width:", MODAL_WIDTH.medium, "px;box-shadow:", ({
28
+ theme
29
+ }) => theme.shadows.modal, ";", Object.entries(MODAL_WIDTH).map(([size, value]) => `
37
30
  &[data-size="${size}"] {
38
31
  width: ${value}px;
39
32
  }
40
- `
41
- )}
42
-
43
- ${Object.entries(MODAL_PLACEMENT).map(
44
- ([placement, value]) => `
33
+ `), " ", Object.entries(MODAL_PLACEMENT).map(([placement, value]) => `
45
34
  &[data-placement="${placement}"] {
46
35
  ${value}
47
36
  }
48
- `
49
- )}
50
- `;
37
+ `), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NxRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Nb2RhbC9EaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7XG4gIEZvY3VzRXZlbnRIYW5kbGVyLFxuICBLZXlib2FyZEV2ZW50SGFuZGxlcixcbiAgTW91c2VFdmVudEhhbmRsZXIsXG4gIFJlYWN0RXZlbnRIYW5kbGVyLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSAncmVhY3QtZG9tJ1xuaW1wb3J0IHsgTU9EQUxfUExBQ0VNRU5ULCBNT0RBTF9XSURUSCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHR5cGUgeyBEaWFsb2dQcm9wcywgTW9kYWxQbGFjZW1lbnQsIE1vZGFsU2l6ZSB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjx7ICdkYXRhLW9wZW4nOiBib29sZWFuIH0+YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMDtcbiAgd2lkdGg6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm92ZXJsYXl9O1xuICB6LWluZGV4OiAxO1xuXG4gICZbZGF0YS1vcGVuPSd0cnVlJ10ge1xuICAgIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcblxudHlwZSBTdHlsZWREaWFsb2dQcm9wcyA9IHtcbiAgJ2RhdGEtc2l6ZSc6IE1vZGFsU2l6ZVxuICAnZGF0YS1wbGFjZW1lbnQnOiBNb2RhbFBsYWNlbWVudFxufVxuXG5jb25zdCBTdHlsZWREaWFsb2cgPSBzdHlsZWQuZGlhbG9nPFN0eWxlZERpYWxvZ1Byb3BzPmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrRWxldmF0ZWR9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgd2lkdGg6ICR7TU9EQUxfV0lEVEgubWVkaXVtfXB4O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MubW9kYWx9O1xuXG4gICR7T2JqZWN0LmVudHJpZXMoTU9EQUxfV0lEVEgpLm1hcChcbiAgICAoW3NpemUsIHZhbHVlXSkgPT4gYFxuICAgICAgJltkYXRhLXNpemU9XCIke3NpemV9XCJdIHtcbiAgICAgICAgd2lkdGg6ICR7dmFsdWV9cHg7XG4gICAgICB9XG4gICAgICBgLFxuICApfVxuXG4gICR7T2JqZWN0LmVudHJpZXMoTU9EQUxfUExBQ0VNRU5UKS5tYXAoXG4gICAgKFtwbGFjZW1lbnQsIHZhbHVlXSkgPT4gYFxuICAgICAgICAmW2RhdGEtcGxhY2VtZW50PVwiJHtwbGFjZW1lbnR9XCJdIHtcbiAgICAgICAgICAke3ZhbHVlfVxuICAgICAgICB9XG4gICAgICAgIGAsXG4gICl9XG5gXG5cbmV4cG9ydCBjb25zdCBEaWFsb2cgPSAoe1xuICBjaGlsZHJlbixcbiAgb3BlbixcbiAgcGxhY2VtZW50LFxuICBvbkNsb3NlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIHNpemUsXG4gIGlkLFxuICBhcmlhTGFiZWwsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgcHJldmVudEJvZHlTY3JvbGwsXG4gIGhpZGVPbkVzYyxcbiAgYmFja2Ryb3BDbGFzc05hbWUsXG4gIGRpYWxvZ0NzcyxcbiAgYmFja2Ryb3BDc3MsXG59OiBEaWFsb2dQcm9wcykgPT4ge1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWYoZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2JykpXG4gIGNvbnN0IGRpYWxvZ1JlZiA9IHVzZVJlZjxIVE1MRGlhbG9nRWxlbWVudD4obnVsbClcbiAgY29uc3Qgb25DbG9zZVJlZiA9IHVzZVJlZihvbkNsb3NlKVxuXG4gIC8vIFBvcnRhbCB0byBwdXQgdGhlIG1vZGFsIGluXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZWxlbWVudCA9IGNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoZWxlbWVudClcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKGRvY3VtZW50LmJvZHkuY29udGFpbnMoZWxlbWVudCkpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZChlbGVtZW50KVxuICAgICAgfVxuICAgIH1cbiAgfSwgW29wZW5dKVxuXG4gIC8vIFNhdmUgdGhlIHJlYXNzaWdubWVudCBvZiBldmVudEhhbmRsZXIgaW4gdGhlIHVzZUVmZmVjdCBiZWxvd1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIG9uQ2xvc2VSZWYuY3VycmVudCA9IG9uQ2xvc2VcbiAgfSwgW29uQ2xvc2VdKVxuXG4gIC8vIE9uIG9wZW4gZm9jdXMgdGhlIG1vZGFsXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRpYWxvZ1JlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgfVxuICB9LCBbb3Blbl0pXG5cbiAgLy8gSGFuZGxlIGJvZHkgc2Nyb2xsXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgcHJldmlvdXNPdmVyZmxvdyA9IGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3dcblxuICAgIGlmIChvcGVuICYmIHByZXZlbnRCb2R5U2Nyb2xsKSB7XG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbidcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9IHByZXZpb3VzT3ZlcmZsb3dcbiAgICB9XG4gIH0sIFtwcmV2ZW50Qm9keVNjcm9sbCwgb3Blbl0pXG5cbiAgLy8gU3RvcCBmb2N1cyB0byBwcmV2ZW50IHVuZXhwZWN0ZWQgYm9keSBsb29zZSBmb2N1c1xuICBjb25zdCBzdG9wRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH0sIFtdKVxuXG4gIC8vIFN0b3AgY2xpY2sgdG8gcHJldmVudCB1bmV4cGVjdGVkIGRpYWxvZyBjbG9zZVxuICBjb25zdCBzdG9wQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH0sIFtdKVxuXG4gIC8vIGhhbmRsZSBrZXkgdXAgOiB1c2VkIHdoZW4gaGF2aW5nIGlucHV0cyBpbiBtb2RhbHMgLSB1c2VmdWwgZm9yIGhpZGVPbkVzY1xuICBjb25zdCBoYW5kbGVLZXlVcDogS2V5Ym9hcmRFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICBldmVudCA9PiB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgaGlkZU9uRXNjKSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgb25DbG9zZVJlZi5jdXJyZW50KClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtoaWRlT25Fc2NdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlQ2xvc2U6IE1vdXNlRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIGlmIChoaWRlT25DbGlja091dHNpZGUpIHtcbiAgICAgICAgb25DbG9zZVJlZi5jdXJyZW50KClcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIC8vIEJlY2F1c2Ugb3ZlcmxheSBpcyBub3QgZm9jdXNhYmxlIHdlIGNhbid0IGhhbmRsZSBoaWRlT25Fc2MgcHJvcGVybHlcbiAgICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtoaWRlT25DbGlja091dHNpZGVdLFxuICApXG5cbiAgLy8gRW5hYmxlIGZvY3VzIHRyYXAgaW5zaWRlIHRoZSBtb2RhbFxuICBjb25zdCBoYW5kbGVGb2N1c1RyYXA6IEtleWJvYXJkRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcblxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGNvbnN0IGlzVGFiUHJlc3NlZCA9IGV2ZW50LmtleSA9PT0gJ1RhYidcblxuICAgIGlmICghaXNUYWJQcmVzc2VkKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBjb25zdCBmb2N1c2FibGVFbHMgPVxuICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICdhW2hyZWZdOm5vdChbZGlzYWJsZWRdKSwgYnV0dG9uOm5vdChbZGlzYWJsZWRdKSwgdGV4dGFyZWE6bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSknLFxuICAgICAgKSA/PyBbXVxuXG4gICAgLy8gSGFuZGxlIGNhc2Ugd2hlbiBubyBpbnRlcmFjdGl2ZSBlbGVtZW50IGFyZSB3aXRoaW4gdGhlIG1vZGFsIChpbmNsdWRpbmcgY2xvc2UgaWNvbilcbiAgICBpZiAoZm9jdXNhYmxlRWxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIH1cblxuICAgIGNvbnN0IGZpcnN0Rm9jdXNhYmxlRWwgPSBmb2N1c2FibGVFbHNbMF0gYXMgSFRNTEVsZW1lbnRcbiAgICBjb25zdCBsYXN0Rm9jdXNhYmxlRWwgPSBmb2N1c2FibGVFbHNbZm9jdXNhYmxlRWxzLmxlbmd0aCAtIDFdIGFzIEhUTUxFbGVtZW50XG5cbiAgICBpZiAoZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgIGlmIChcbiAgICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZmlyc3RGb2N1c2FibGVFbCB8fFxuICAgICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBkaWFsb2dSZWYuY3VycmVudFxuICAgICAgKSB7XG4gICAgICAgIGxhc3RGb2N1c2FibGVFbC5mb2N1cygpXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKFxuICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gbGFzdEZvY3VzYWJsZUVsIHx8XG4gICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBkaWFsb2dSZWYuY3VycmVudFxuICAgICkge1xuICAgICAgZmlyc3RGb2N1c2FibGVFbC5mb2N1cygpXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgfVxuICB9LCBbXSlcblxuICAvLyBQcmV2ZW50IGRlZmF1bHQgYmVoYXZpb3VyIG9uIEVzY2FwZVxuICBjb25zdCBzdG9wQ2FuY2VsOiBSZWFjdEV2ZW50SGFuZGxlciA9IGV2ZW50ID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgfVxuXG4gIHJldHVybiBvcGVuXG4gICAgPyBjcmVhdGVQb3J0YWwoXG4gICAgICAgIDxTdHlsZWRCYWNrZHJvcFxuICAgICAgICAgIGRhdGEtb3Blbj17b3Blbn1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICBjbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICAgIGNzcz17YmFja2Ryb3BDc3N9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1iYWNrZHJvcGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgb25Gb2N1cz17c3RvcEZvY3VzfVxuICAgICAgICA+XG4gICAgICAgICAgPFN0eWxlZERpYWxvZ1xuICAgICAgICAgICAgY3NzPXtkaWFsb2dDc3N9XG4gICAgICAgICAgICBvbktleVVwPXtoYW5kbGVLZXlVcH1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlRm9jdXNUcmFwfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICAgIGRhdGEtcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgICAgb25DbGljaz17c3RvcENsaWNrfVxuICAgICAgICAgICAgb25DYW5jZWw9e3N0b3BDYW5jZWx9XG4gICAgICAgICAgICBvbkNsb3NlPXtzdG9wQ2FuY2VsfVxuICAgICAgICAgICAgYXJpYS1tb2RhbFxuICAgICAgICAgICAgcmVmPXtkaWFsb2dSZWZ9XG4gICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7b3BlbiA/IGNoaWxkcmVuIDogbnVsbH1cbiAgICAgICAgICA8L1N0eWxlZERpYWxvZz5cbiAgICAgICAgPC9TdHlsZWRCYWNrZHJvcD4sXG4gICAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50LFxuICAgICAgKVxuICAgIDogbnVsbFxufVxuIl19 */"));
51
38
  const Dialog = ({
52
39
  children,
53
40
  open,
@@ -102,27 +89,21 @@ const Dialog = ({
102
89
  const stopClick = useCallback((event) => {
103
90
  event.stopPropagation();
104
91
  }, []);
105
- const handleKeyUp = useCallback(
106
- (event) => {
107
- event.stopPropagation();
108
- if (event.key === "Escape" && hideOnEsc) {
109
- event.preventDefault();
110
- onCloseRef.current();
111
- }
112
- },
113
- [hideOnEsc]
114
- );
115
- const handleClose = useCallback(
116
- (event) => {
117
- event.stopPropagation();
118
- if (hideOnClickOutside) {
119
- onCloseRef.current();
120
- } else {
121
- dialogRef.current?.focus();
122
- }
123
- },
124
- [hideOnClickOutside]
125
- );
92
+ const handleKeyUp = useCallback((event) => {
93
+ event.stopPropagation();
94
+ if (event.key === "Escape" && hideOnEsc) {
95
+ event.preventDefault();
96
+ onCloseRef.current();
97
+ }
98
+ }, [hideOnEsc]);
99
+ const handleClose = useCallback((event) => {
100
+ event.stopPropagation();
101
+ if (hideOnClickOutside) {
102
+ onCloseRef.current();
103
+ } else {
104
+ dialogRef.current?.focus();
105
+ }
106
+ }, [hideOnClickOutside]);
126
107
  const handleFocusTrap = useCallback((event) => {
127
108
  event.stopPropagation();
128
109
  if (event.key === "Escape") {
@@ -133,9 +114,7 @@ const Dialog = ({
133
114
  if (!isTabPressed) {
134
115
  return;
135
116
  }
136
- const focusableEls = dialogRef.current?.querySelectorAll(
137
- "a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])"
138
- ) ?? [];
117
+ const focusableEls = dialogRef.current?.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])") ?? [];
139
118
  if (focusableEls.length === 0) {
140
119
  event.preventDefault();
141
120
  }
@@ -155,42 +134,7 @@ const Dialog = ({
155
134
  event.preventDefault();
156
135
  event.stopPropagation();
157
136
  };
158
- return open ? createPortal(
159
- /* @__PURE__ */ jsx(
160
- StyledBackdrop,
161
- {
162
- "data-open": open,
163
- onClick: handleClose,
164
- className: backdropClassName,
165
- css: backdropCss,
166
- "data-testid": dataTestId ? `${dataTestId}-backdrop` : void 0,
167
- onFocus: stopFocus,
168
- children: /* @__PURE__ */ jsx(
169
- StyledDialog,
170
- {
171
- css: dialogCss,
172
- onKeyUp: handleKeyUp,
173
- onKeyDown: handleFocusTrap,
174
- className,
175
- id,
176
- "data-testid": dataTestId,
177
- "aria-label": ariaLabel,
178
- "data-placement": placement,
179
- "data-size": size,
180
- open,
181
- onClick: stopClick,
182
- onCancel: stopCancel,
183
- onClose: stopCancel,
184
- "aria-modal": true,
185
- ref: dialogRef,
186
- tabIndex: 0,
187
- children: open ? children : null
188
- }
189
- )
190
- }
191
- ),
192
- containerRef.current
193
- ) : null;
137
+ return open ? createPortal(/* @__PURE__ */ jsx(StyledBackdrop, { "data-open": open, onClick: handleClose, className: backdropClassName, css: backdropCss, "data-testid": dataTestId ? `${dataTestId}-backdrop` : void 0, onFocus: stopFocus, children: /* @__PURE__ */ jsx(StyledDialog, { css: dialogCss, onKeyUp: handleKeyUp, onKeyDown: handleFocusTrap, className, id, "data-testid": dataTestId, "aria-label": ariaLabel, "data-placement": placement, "data-size": size, open, onClick: stopClick, onCancel: stopCancel, onClose: stopCancel, "aria-modal": true, ref: dialogRef, tabIndex: 0, children: open ? children : null }) }), containerRef.current) : null;
194
138
  };
195
139
  export {
196
140
  Dialog
@@ -1,14 +1,19 @@
1
1
  import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
2
- import styled from "@emotion/styled";
2
+ import _styled from "@emotion/styled/base";
3
3
  import { useState, useId, useCallback } from "react";
4
4
  import { Button } from "../Button/index.js";
5
5
  import { Dialog } from "./Dialog.js";
6
6
  import { Disclosure } from "./Disclosure.js";
7
- const StyledContainer = styled.div`
8
- position: absolute;
9
- top: ${({ theme }) => theme.space["2"]};
10
- right: ${({ theme }) => theme.space["2"]};
11
- `;
7
+ const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
8
+ target: "ebywm9u0"
9
+ } : {
10
+ target: "ebywm9u0",
11
+ label: "StyledContainer"
12
+ })("position:absolute;top:", ({
13
+ theme
14
+ }) => theme.space["2"], ";right:", ({
15
+ theme
16
+ }) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2tDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlSWQsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuL0RpYWxvZydcbmltcG9ydCB7IERpc2Nsb3N1cmUgfSBmcm9tICcuL0Rpc2Nsb3N1cmUnXG5pbXBvcnQgdHlwZSB7IE1vZGFsUGxhY2VtZW50LCBNb2RhbFNpemUsIE1vZGFsU3RhdGUgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBpZD86IHN0cmluZ1xuICBoaWRlT25Fc2M/OiBib29sZWFuXG4gIGhpZGVPbkNsaWNrT3V0c2lkZT86IGJvb2xlYW5cbiAgcHJldmVudEJvZHlTY3JvbGw/OiBib29sZWFuXG4gIGFyaWFMYWJlbD86IHN0cmluZ1xuICBkaXNjbG9zdXJlPzogUmVhY3RFbGVtZW50IHwgKChzdGF0ZTogTW9kYWxTdGF0ZSkgPT4gUmVhY3RFbGVtZW50KVxuICBpc0Nsb3NhYmxlPzogYm9vbGVhblxuICBvbkNsb3NlPzogKCkgPT4gdm9pZFxuICBvbkJlZm9yZUNsb3NlPzogKCkgPT4gUHJvbWlzZTx2b2lkPiB8IHZvaWRcbiAgb3Blbj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFlvdSBzaG91bGQgdXNlIG9wZW4gcHJvcCBpbnN0ZWFkXG4gICAqL1xuICBvcGVuZWQ/OiBib29sZWFuXG4gIHBsYWNlbWVudD86IE1vZGFsUGxhY2VtZW50XG4gIHNpemU/OiBNb2RhbFNpemVcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFlvdSBzaG91bGQgdXNlIHNpemUgcHJvcCBpbnN0ZWFkXG4gICAqL1xuICB3aWR0aD86IE1vZGFsU2l6ZVxuICBjaGlsZHJlbjogUmVhY3ROb2RlIHwgKChhcmdzOiBNb2RhbFN0YXRlKSA9PiBSZWFjdE5vZGUpXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGJhY2tkcm9wQ2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCBZb3Ugc2hvdWxkIHVzZSBiYWNrZHJvcENsYXNzTmFtZSBpbnN0ZWFkXG4gICAqL1xuICBjdXN0b21EaWFsb2dCYWNrZHJvcFN0eWxlcz86IFJlYWN0LkpTWC5JbnRyaW5zaWNBdHRyaWJ1dGVzWydjc3MnXVxuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgWW91IHNob3VsZCB1c2UgY2xhc3NOYW1lIGluc3RlYWRcbiAgICovXG4gIGN1c3RvbURpYWxvZ1N0eWxlcz86IFJlYWN0LkpTWC5JbnRyaW5zaWNBdHRyaWJ1dGVzWydjc3MnXVxufVxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbi8qKlxuICogTW9kYWwgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgeW91IHRvIGRpc3BsYXkgY29udGVudCBvbiB0b3Agb2Ygb3RoZXIgY29udGVudC5cbiAqIEl0IGlzIG9mdGVuIHVzZWQgdG8gZGlzcGxheSBhIGRpYWxvZyB3aXRoIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24gb3IgdG8gYXNrIGZvciBhIGNvbmZpcm1hdGlvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgYXJpYUxhYmVsID0gJ21vZGFsJyxcbiAgaWQsXG4gIGNoaWxkcmVuLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUgPSB0cnVlLFxuICBoaWRlT25Fc2MgPSB0cnVlLFxuICBpc0Nsb3NhYmxlID0gdHJ1ZSxcbiAgb25DbG9zZSxcbiAgb25CZWZvcmVDbG9zZSxcbiAgb3BlbiA9IGZhbHNlLFxuICBvcGVuZWQgPSBmYWxzZSxcbiAgcGxhY2VtZW50ID0gJ2NlbnRlcicsXG4gIHByZXZlbnRCb2R5U2Nyb2xsID0gdHJ1ZSxcbiAgc2l6ZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBiYWNrZHJvcENsYXNzTmFtZSxcbiAgd2lkdGggPSAnc21hbGwnLFxuICBjdXN0b21EaWFsb2dTdHlsZXMsXG4gIGN1c3RvbURpYWxvZ0JhY2tkcm9wU3R5bGVzLFxufTogTW9kYWxQcm9wcykgPT4ge1xuICAvLyBVc2VkIGZvciBkaXNjbG9zdXJlIHVzYWdlIG9ubHlcbiAgY29uc3QgW3Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IGNvbnRyb2xJZCA9IHVzZUlkKClcblxuICBjb25zdCBoYW5kbGVPcGVuID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldFZpc2libGUodHJ1ZSlcbiAgfSwgW10pXG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKG9uQ2xvc2UpIHtcbiAgICAgIG9uQ2xvc2UoKVxuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCBwcm9taXNlID0gb25CZWZvcmVDbG9zZT8uKClcbiAgICAgIGlmIChwcm9taXNlICYmICdjYXRjaCcgaW4gcHJvbWlzZSkge1xuICAgICAgICBwcm9taXNlLmNhdGNoKCgpID0+IG51bGwpXG4gICAgICB9XG4gICAgICBzZXRWaXNpYmxlKGZhbHNlKVxuICAgIH1cbiAgfSwgW29uQmVmb3JlQ2xvc2UsIG9uQ2xvc2VdKVxuXG4gIGNvbnN0IGhhbmRsZVRvZ2dsZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGN1cnJlbnQgPT4gIWN1cnJlbnQpXG4gIH0sIFtdKVxuXG4gIGNvbnN0IGZpbmFsSWQgPSBpZCA/PyBjb250cm9sSWRcbiAgY29uc3QgZmluYWxTaXplID0gc2l6ZSA/PyB3aWR0aFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtkaXNjbG9zdXJlID8gKFxuICAgICAgICA8RGlzY2xvc3VyZVxuICAgICAgICAgIGlkPXtmaW5hbElkfVxuICAgICAgICAgIGhhbmRsZU9wZW49e2hhbmRsZU9wZW59XG4gICAgICAgICAgZGlzY2xvc3VyZT17ZGlzY2xvc3VyZX1cbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgdmlzaWJsZT17dmlzaWJsZX1cbiAgICAgICAgICB0b2dnbGU9e2hhbmRsZVRvZ2dsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgICAgPERpYWxvZ1xuICAgICAgICBvcGVuPXt2aXNpYmxlIHx8IG9wZW4gfHwgb3BlbmVkfVxuICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgc2l6ZT17ZmluYWxTaXplfVxuICAgICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlPXtoaWRlT25DbGlja091dHNpZGV9XG4gICAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgICBwcmV2ZW50Qm9keVNjcm9sbD17cHJldmVudEJvZHlTY3JvbGx9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgYmFja2Ryb3BDbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgaWQ9e2ZpbmFsSWR9XG4gICAgICAgIGRpYWxvZ0Nzcz17Y3VzdG9tRGlhbG9nU3R5bGVzfVxuICAgICAgICBiYWNrZHJvcENzcz17Y3VzdG9tRGlhbG9nQmFja2Ryb3BTdHlsZXN9XG4gICAgICA+XG4gICAgICAgIDw+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgICAgICAgPyBjaGlsZHJlbih7XG4gICAgICAgICAgICAgICAgdmlzaWJsZSxcbiAgICAgICAgICAgICAgICBvbkNsb3NlOiBoYW5kbGVDbG9zZSxcbiAgICAgICAgICAgICAgICBvbk9wZW46IGhhbmRsZU9wZW4sXG4gICAgICAgICAgICAgICAgdG9nZ2xlOiBoYW5kbGVUb2dnbGUsXG4gICAgICAgICAgICAgICAgbW9kYWxJZDogZmluYWxJZCxcbiAgICAgICAgICAgICAgICBoaWRlOiBoYW5kbGVDbG9zZSxcbiAgICAgICAgICAgICAgICBjbG9zZTogaGFuZGxlQ2xvc2UsXG4gICAgICAgICAgICAgICAgc2hvdzogaGFuZGxlT3BlbixcbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICAgIHtpc0Nsb3NhYmxlID8gKFxuICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e1xuICAgICAgICAgICAgICAgICAgZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWNsb3NlLWJ1dHRvbmAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cImNsb3NlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8Lz5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvPlxuICApXG59XG4iXX0= */"));
12
17
  const Modal = ({
13
18
  ariaLabel = "modal",
14
19
  id,
@@ -53,60 +58,20 @@ const Modal = ({
53
58
  const finalId = id ?? controlId;
54
59
  const finalSize = size ?? width;
55
60
  return /* @__PURE__ */ jsxs(Fragment, { children: [
56
- disclosure ? /* @__PURE__ */ jsx(
57
- Disclosure,
58
- {
59
- id: finalId,
60
- handleOpen,
61
- disclosure,
62
- handleClose,
61
+ disclosure ? /* @__PURE__ */ jsx(Disclosure, { id: finalId, handleOpen, disclosure, handleClose, visible, toggle: handleToggle }) : null,
62
+ /* @__PURE__ */ jsx(Dialog, { open: visible || open || opened, placement, size: finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, onClose: handleClose, className, backdropClassName, "data-testid": dataTestId, id: finalId, dialogCss: customDialogStyles, backdropCss: customDialogBackdropStyles, children: /* @__PURE__ */ jsxs(Fragment, { children: [
63
+ typeof children === "function" ? children({
63
64
  visible,
64
- toggle: handleToggle
65
- }
66
- ) : null,
67
- /* @__PURE__ */ jsx(
68
- Dialog,
69
- {
70
- open: visible || open || opened,
71
- placement,
72
- size: finalSize,
73
- ariaLabel,
74
- hideOnClickOutside,
75
- hideOnEsc,
76
- preventBodyScroll,
77
65
  onClose: handleClose,
78
- className,
79
- backdropClassName,
80
- "data-testid": dataTestId,
81
- id: finalId,
82
- dialogCss: customDialogStyles,
83
- backdropCss: customDialogBackdropStyles,
84
- children: /* @__PURE__ */ jsxs(Fragment, { children: [
85
- typeof children === "function" ? children({
86
- visible,
87
- onClose: handleClose,
88
- onOpen: handleOpen,
89
- toggle: handleToggle,
90
- modalId: finalId,
91
- hide: handleClose,
92
- close: handleClose,
93
- show: handleOpen
94
- }) : children,
95
- /* @__PURE__ */ jsx(StyledContainer, { children: isClosable ? /* @__PURE__ */ jsx(
96
- Button,
97
- {
98
- "data-testid": dataTestId ? `${dataTestId}-close-button` : void 0,
99
- onClick: handleClose,
100
- variant: "ghost",
101
- size: "small",
102
- icon: "close",
103
- sentiment: "neutral",
104
- "aria-label": "close"
105
- }
106
- ) : null })
107
- ] })
108
- }
109
- )
66
+ onOpen: handleOpen,
67
+ toggle: handleToggle,
68
+ modalId: finalId,
69
+ hide: handleClose,
70
+ close: handleClose,
71
+ show: handleOpen
72
+ }) : children,
73
+ /* @__PURE__ */ jsx(StyledContainer, { children: isClosable ? /* @__PURE__ */ jsx(Button, { "data-testid": dataTestId ? `${dataTestId}-close-button` : void 0, onClick: handleClose, variant: "ghost", size: "small", icon: "close", sentiment: "neutral", "aria-label": "close" }) : null })
74
+ ] }) })
110
75
  ] });
111
76
  };
112
77
  export {
@@ -1,39 +1,23 @@
1
1
  import { jsxs, jsx } from "@emotion/react/jsx-runtime";
2
- import styled from "@emotion/styled";
2
+ import _styled from "@emotion/styled/base";
3
3
  import { Icon } from "@ultraviolet/icons";
4
4
  import { Text } from "../Text/index.js";
5
- const StyledSpan = styled(Text)`
6
- display: flex;
7
- align-items: center;
8
- gap: ${({ theme }) => theme.space["1"]};
9
- `;
5
+ const StyledSpan = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
6
+ target: "e19pqvs30"
7
+ } : {
8
+ target: "e19pqvs30",
9
+ label: "StyledSpan"
10
+ })("display:flex;align-items:center;gap:", ({
11
+ theme
12
+ }) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGljZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGljZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgTm90aWNlUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG4vKipcbiAqIEEgTm90aWNlIGlzIHVzZWQgdG8gZGlzcGxheSBhIHNob3J0IG1lc3NhZ2UgdG8gdGhlIHVzZXIuXG4gKi9cbmV4cG9ydCBjb25zdCBOb3RpY2UgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogTm90aWNlUHJvcHMpID0+IChcbiAgPFN0eWxlZFNwYW5cbiAgICBhcz1cInNwYW5cIlxuICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gID5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImluZm9ybWF0aW9uLW91dGxpbmVcIlxuICAgICAgc2l6ZT17MTZ9XG4gICAgICBjb2xvcj1cIm5ldXRyYWxcIlxuICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgIC8+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFNwYW4+XG4pXG4iXX0= */"));
10
13
  const Notice = ({
11
14
  children,
12
15
  className,
13
16
  "data-testid": dataTestId
14
- }) => /* @__PURE__ */ jsxs(
15
- StyledSpan,
16
- {
17
- as: "span",
18
- variant: "caption",
19
- sentiment: "neutral",
20
- prominence: "weak",
21
- "data-testid": dataTestId,
22
- className,
23
- children: [
24
- /* @__PURE__ */ jsx(
25
- Icon,
26
- {
27
- name: "information-outline",
28
- size: 16,
29
- color: "neutral",
30
- prominence: "weak"
31
- }
32
- ),
33
- children
34
- ]
35
- }
36
- );
17
+ }) => /* @__PURE__ */ jsxs(StyledSpan, { as: "span", variant: "caption", sentiment: "neutral", prominence: "weak", "data-testid": dataTestId, className, children: [
18
+ /* @__PURE__ */ jsx(Icon, { name: "information-outline", size: 16, color: "neutral", prominence: "weak" }),
19
+ children
20
+ ] });
37
21
  export {
38
22
  Notice
39
23
  };
@@ -7,38 +7,11 @@ import { Text } from "../Text/index.js";
7
7
  import style from "./react-toastify.css.js";
8
8
  const PREFIX = ".Toastify";
9
9
  const styles = {
10
- toast: ({ theme }) => css`
11
- border-radius: ${theme.radii.default};
12
-
13
- &${PREFIX}__toast {
14
- background-color: ${theme.colors.neutral.background};
15
- color: ${theme.colors.neutral.text};
16
- padding: ${theme.space["2"]};
17
- box-shadow: ${theme.shadows.defaultShadow};
18
- }
19
-
20
- &${PREFIX}__toast-container {
21
- width: 312px;
22
- }
23
-
24
- ${PREFIX}__toast-body {
25
- margin: 0;
26
- padding: 0;
27
- display: none;
28
- }
29
- `
10
+ toast: ({
11
+ theme
12
+ }) => /* @__PURE__ */ css("border-radius:", theme.radii.default, ";&", PREFIX, "__toast{background-color:", theme.colors.neutral.background, ";color:", theme.colors.neutral.text, ";padding:", theme.space["2"], ";box-shadow:", theme.shadows.defaultShadow, ";}&", PREFIX, "__toast-container{width:312px;}", PREFIX, "__toast-body{margin:0;padding:0;display:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:toast;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N3QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2xhc3NOYW1lcywgR2xvYmFsLCBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtcbiAgVG9hc3RDb250YWluZXIgYXMgQmFzZVRvYXN0Q29udGFpbmVyLFxuICBTbGlkZSxcbiAgdG9hc3QgYXMgYmFzZVRvYXN0LFxufSBmcm9tICdyZWFjdC10b2FzdGlmeSdcbmltcG9ydCB0eXBlIHtcbiAgVGhlbWUgYXMgVGhlbWVUb2FzdGlmeSxcbiAgVG9hc3RPcHRpb25zLFxuICBUeXBlT3B0aW9ucyxcbn0gZnJvbSAncmVhY3QtdG9hc3RpZnknXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9yZWFjdC10b2FzdGlmeS5jc3M/aW5saW5lJ1xuXG5jb25zdCBQUkVGSVggPSAnLlRvYXN0aWZ5J1xuXG50eXBlIFN0eWxlc1Byb3BzID0ge1xuICB0aGVtZTogVGhlbWVcbn1cblxudHlwZSBDbG9zZUJ1dHRvblByb3BzID0ge1xuICBjbG9zZVRvYXN0OiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB2b2lkXG4gIHR5cGU6IFR5cGVPcHRpb25zXG4gIGFyaWFMYWJlbD86IHN0cmluZ1xuICB0aGVtZTogVGhlbWVUb2FzdGlmeVxufVxuXG5jb25zdCBzdHlsZXMgPSB7XG4gIHRvYXN0OiAoeyB0aGVtZSB9OiBTdHlsZXNQcm9wcykgPT4gY3NzYFxuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuZGVmYXVsdH07XG5cbiAgICAmJHtQUkVGSVh9X190b2FzdCB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNlWycyJ119O1xuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICAgIH1cblxuICAgICYke1BSRUZJWH1fX3RvYXN0LWNvbnRhaW5lciB7XG4gICAgICB3aWR0aDogMzEycHg7XG4gICAgfVxuXG4gICAgJHtQUkVGSVh9X190b2FzdC1ib2R5IHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgYCxcbn1cblxuY29uc3QgY2xvc2VCdXR0b24gPSAocHJvcHM6IENsb3NlQnV0dG9uUHJvcHMpID0+IChcbiAgPEJ1dHRvblxuICAgIGFyaWEtbGFiZWw9XCJjbG9zZVwiXG4gICAgaWNvbj1cImNsb3NlXCJcbiAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgIG9uQ2xpY2s9e3Byb3BzLmNsb3NlVG9hc3R9XG4gICAgc2l6ZT1cInhzbWFsbFwiXG4gIC8+XG4pXG5cbmV4cG9ydCBjb25zdCBub3RpZmljYXRpb24gPSAoXG4gIGNoaWxkcmVuOiAoKHByb3BzOiBDbG9zZUJ1dHRvblByb3BzKSA9PiBSZWFjdE5vZGUpIHwgUmVhY3ROb2RlLFxuICB0aXRsZTogc3RyaW5nLFxuICBpY29uPzogUmVhY3ROb2RlLFxuICBpc0Nsb3NhYmxlPzogYm9vbGVhbixcbiAgY29udGFpbmVySWQ/OiBzdHJpbmcsXG4gIG9wdGlvbnM/OiBUb2FzdE9wdGlvbnMsXG4pID0+XG4gIGJhc2VUb2FzdCgnJywge1xuICAgIC4uLm9wdGlvbnMsXG4gICAgY2xvc2VCdXR0b246IHByb3BzID0+IChcbiAgICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezJ9PlxuICAgICAgICA8ZGl2PntpY29ufTwvZGl2PlxuICAgICAgICA8U3RhY2sgZGlyZWN0aW9uPVwiY29sdW1uXCI+XG4gICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJib2R5U21hbGxTdHJvbmdlclwiPlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nID8gY2hpbGRyZW4ocHJvcHMpIDogY2hpbGRyZW59XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICAgIHtpc0Nsb3NhYmxlID8gY2xvc2VCdXR0b24ocHJvcHMpIDogbnVsbH1cbiAgICAgIDwvU3RhY2s+XG4gICAgKSxcbiAgICBjb250YWluZXJJZDogY29udGFpbmVySWQgPz8gJ25vdGlmaWNhdGlvbicsXG4gIH0pXG5cbnR5cGUgTm90aWZpY2F0aW9uQ29udGFpbmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZWxheSAoaW4gbXMpIGJlZm9yZSB0aGUgbm90aWZpY2F0aW9uIGF1dG9jbG9zZXMuIFRvIGRpc2FibGUgYXV0b2Nsb3NlLCBzZXQgdG8gZmFsc2VcbiAgICovXG4gIGF1dG9DbG9zZT86IGZhbHNlIHwgbnVtYmVyXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRvIGRpc3BsYXkgdGhlIG5ld2VzdCB0b2FzdCBvbiB0b3AuXG4gICAqIGBEZWZhdWx0OiBmYWxzZWBcbiAgICovXG4gIG5ld2VzdE9uVG9wPzogYm9vbGVhblxuICAvKipcbiAgICogTGltaXQgdGhlIG51bWJlciBvZiB0b2FzdCBkaXNwbGF5ZWQgYXQgdGhlIHNhbWUgdGltZVxuICAgKi9cbiAgbGltaXQ/OiBudW1iZXJcbiAgLyoqXG4gICAqIFBvc2l0aW9uIG9uIHRoZSBub3RpZmljYXRpb24gY29udGFpbmVyXG4gICAqL1xuICBwb3NpdGlvbj86IFRvYXN0T3B0aW9uc1sncG9zaXRpb24nXVxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogR2l2ZSBhIHBlcnNvbmFsaXplZCBjb250YWluZXJJZCBpbiBjYXNlIHRoZXJlIGFyZSBtdWx0aXBsZSBub3RpZmljYXRpb25zIHdpdGggZGlmZmVyZW50IHN0eWxlZCB0byBkaXNwbGF5XG4gICAqL1xuICBjb250YWluZXJJZD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uQ29udGFpbmVyID0gKHtcbiAgbmV3ZXN0T25Ub3AsXG4gIGxpbWl0LFxuICBhdXRvQ2xvc2UgPSBmYWxzZSxcbiAgcG9zaXRpb24gPSAndG9wLXJpZ2h0JyxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxuICBjb250YWluZXJJZCA9ICdub3RpZmljYXRpb24nLFxufTogTm90aWZpY2F0aW9uQ29udGFpbmVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e3N0eWxlfSAvPlxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3M6IGxvY2FsQ3NzIH0pID0+IChcbiAgICAgICAgICA8QmFzZVRvYXN0Q29udGFpbmVyXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIHRvYXN0Q2xhc3NOYW1lPXtsb2NhbENzcyhzdHlsZXMudG9hc3QoeyB0aGVtZSB9KSl9XG4gICAgICAgICAgICBpY29uPXtmYWxzZX1cbiAgICAgICAgICAgIGF1dG9DbG9zZT17YXV0b0Nsb3NlfVxuICAgICAgICAgICAgbmV3ZXN0T25Ub3A9e25ld2VzdE9uVG9wfVxuICAgICAgICAgICAgbGltaXQ9e2xpbWl0fVxuICAgICAgICAgICAgcG9zaXRpb249e3Bvc2l0aW9ufVxuICAgICAgICAgICAgaGlkZVByb2dyZXNzQmFyXG4gICAgICAgICAgICBkcmFnZ2FibGU9e2ZhbHNlfVxuICAgICAgICAgICAgdHJhbnNpdGlvbj17U2xpZGV9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgIGNvbnRhaW5lcklkPXtjb250YWluZXJJZH1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgIDwvPlxuICApXG59XG4iXX0= */")
30
13
  };
31
- const closeButton = (props) => /* @__PURE__ */ jsx(
32
- Button,
33
- {
34
- "aria-label": "close",
35
- icon: "close",
36
- sentiment: "neutral",
37
- variant: "ghost",
38
- onClick: props.closeToast,
39
- size: "xsmall"
40
- }
41
- );
14
+ const closeButton = (props) => /* @__PURE__ */ jsx(Button, { "aria-label": "close", icon: "close", sentiment: "neutral", variant: "ghost", onClick: props.closeToast, size: "xsmall" });
42
15
  const notification = (children, title, icon, isClosable, containerId, options) => toast("", {
43
16
  ...options,
44
17
  closeButton: (props) => /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
@@ -63,23 +36,11 @@ const NotificationContainer = ({
63
36
  const theme = useTheme();
64
37
  return /* @__PURE__ */ jsxs(Fragment, { children: [
65
38
  /* @__PURE__ */ jsx(Global, { styles: style }),
66
- /* @__PURE__ */ jsx(ClassNames, { children: ({ css: localCss }) => /* @__PURE__ */ jsx(
67
- ToastContainer,
68
- {
69
- "data-testid": dataTestId,
70
- toastClassName: localCss(styles.toast({ theme })),
71
- icon: false,
72
- autoClose,
73
- newestOnTop,
74
- limit,
75
- position,
76
- hideProgressBar: true,
77
- draggable: false,
78
- transition: Slide,
79
- className,
80
- containerId
81
- }
82
- ) })
39
+ /* @__PURE__ */ jsx(ClassNames, { children: ({
40
+ css: localCss
41
+ }) => /* @__PURE__ */ jsx(ToastContainer, { "data-testid": dataTestId, toastClassName: localCss(styles.toast({
42
+ theme
43
+ })), icon: false, autoClose, newestOnTop, limit, position, hideProgressBar: true, draggable: false, transition: Slide, className, containerId }) })
83
44
  ] });
84
45
  };
85
46
  export {