@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/components/Modal/Dialog.js

@@ -1,53 +1,40 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { useRef, useEffect, useCallback } from "react";
 import { createPortal } from "react-dom";
 import { MODAL_WIDTH, MODAL_PLACEMENT } from "./constants.js";
-const StyledBackdrop = styled.div`
-  position: fixed;
-  top: 0;
-  right: 0;
-  height: 0;
-  width: 0;
-  overflow: hidden;
-  background-color: ${({ theme }) => theme.colors.overlay};
-  z-index: 1;
-
-  &[data-open='true'] {
-    padding: ${({ theme }) => theme.space["2"]};
-    overflow: auto;
-    display: flex;
-    bottom: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-  }
-`;
-const StyledDialog = styled.dialog`
-  background-color: ${({ theme }) => theme.colors.neutral.backgroundWeakElevated};
-  position: relative;
-  border-radius: ${({ theme }) => theme.radii.default};
-  border: 0;
-  padding: ${({ theme }) => theme.space["3"]};
-  width: ${MODAL_WIDTH.medium}px;
-  box-shadow: ${({ theme }) => theme.shadows.modal};
-
-  ${Object.entries(MODAL_WIDTH).map(
-  ([size, value]) => `
+const StyledBackdrop = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1cqen9h1"
+} : {
+  target: "e1cqen9h1",
+  label: "StyledBackdrop"
+})("position:fixed;top:0;right:0;height:0;width:0;overflow:hidden;background-color:", ({
+  theme
+}) => theme.colors.overlay, ";z-index:1;&[data-open='true']{padding:", ({
+  theme
+}) => 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= */"));
+const StyledDialog = /* @__PURE__ */ _styled("dialog", process.env.NODE_ENV === "production" ? {
+  target: "e1cqen9h0"
+} : {
+  target: "e1cqen9h0",
+  label: "StyledDialog"
+})("background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeakElevated, ";position:relative;border-radius:", ({
+  theme
+}) => theme.radii.default, ";border:0;padding:", ({
+  theme
+}) => theme.space["3"], ";width:", MODAL_WIDTH.medium, "px;box-shadow:", ({
+  theme
+}) => theme.shadows.modal, ";", Object.entries(MODAL_WIDTH).map(([size, value]) => `
       &[data-size="${size}"] {
         width: ${value}px;
       }
-      `
-)}
-
-  ${Object.entries(MODAL_PLACEMENT).map(
-  ([placement, value]) => `
+      `), " ", Object.entries(MODAL_PLACEMENT).map(([placement, value]) => `
         &[data-placement="${placement}"] {
           ${value}
         }
-        `
-)}
-`;
+        `), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NxRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Nb2RhbC9EaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7XG4gIEZvY3VzRXZlbnRIYW5kbGVyLFxuICBLZXlib2FyZEV2ZW50SGFuZGxlcixcbiAgTW91c2VFdmVudEhhbmRsZXIsXG4gIFJlYWN0RXZlbnRIYW5kbGVyLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSAncmVhY3QtZG9tJ1xuaW1wb3J0IHsgTU9EQUxfUExBQ0VNRU5ULCBNT0RBTF9XSURUSCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHR5cGUgeyBEaWFsb2dQcm9wcywgTW9kYWxQbGFjZW1lbnQsIE1vZGFsU2l6ZSB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjx7ICdkYXRhLW9wZW4nOiBib29sZWFuIH0+YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMDtcbiAgd2lkdGg6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm92ZXJsYXl9O1xuICB6LWluZGV4OiAxO1xuXG4gICZbZGF0YS1vcGVuPSd0cnVlJ10ge1xuICAgIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcblxudHlwZSBTdHlsZWREaWFsb2dQcm9wcyA9IHtcbiAgJ2RhdGEtc2l6ZSc6IE1vZGFsU2l6ZVxuICAnZGF0YS1wbGFjZW1lbnQnOiBNb2RhbFBsYWNlbWVudFxufVxuXG5jb25zdCBTdHlsZWREaWFsb2cgPSBzdHlsZWQuZGlhbG9nPFN0eWxlZERpYWxvZ1Byb3BzPmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrRWxldmF0ZWR9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgd2lkdGg6ICR7TU9EQUxfV0lEVEgubWVkaXVtfXB4O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MubW9kYWx9O1xuXG4gICR7T2JqZWN0LmVudHJpZXMoTU9EQUxfV0lEVEgpLm1hcChcbiAgICAoW3NpemUsIHZhbHVlXSkgPT4gYFxuICAgICAgJltkYXRhLXNpemU9XCIke3NpemV9XCJdIHtcbiAgICAgICAgd2lkdGg6ICR7dmFsdWV9cHg7XG4gICAgICB9XG4gICAgICBgLFxuICApfVxuXG4gICR7T2JqZWN0LmVudHJpZXMoTU9EQUxfUExBQ0VNRU5UKS5tYXAoXG4gICAgKFtwbGFjZW1lbnQsIHZhbHVlXSkgPT4gYFxuICAgICAgICAmW2RhdGEtcGxhY2VtZW50PVwiJHtwbGFjZW1lbnR9XCJdIHtcbiAgICAgICAgICAke3ZhbHVlfVxuICAgICAgICB9XG4gICAgICAgIGAsXG4gICl9XG5gXG5cbmV4cG9ydCBjb25zdCBEaWFsb2cgPSAoe1xuICBjaGlsZHJlbixcbiAgb3BlbixcbiAgcGxhY2VtZW50LFxuICBvbkNsb3NlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIHNpemUsXG4gIGlkLFxuICBhcmlhTGFiZWwsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgcHJldmVudEJvZHlTY3JvbGwsXG4gIGhpZGVPbkVzYyxcbiAgYmFja2Ryb3BDbGFzc05hbWUsXG4gIGRpYWxvZ0NzcyxcbiAgYmFja2Ryb3BDc3MsXG59OiBEaWFsb2dQcm9wcykgPT4ge1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWYoZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2JykpXG4gIGNvbnN0IGRpYWxvZ1JlZiA9IHVzZVJlZjxIVE1MRGlhbG9nRWxlbWVudD4obnVsbClcbiAgY29uc3Qgb25DbG9zZVJlZiA9IHVzZVJlZihvbkNsb3NlKVxuXG4gIC8vIFBvcnRhbCB0byBwdXQgdGhlIG1vZGFsIGluXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZWxlbWVudCA9IGNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoZWxlbWVudClcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKGRvY3VtZW50LmJvZHkuY29udGFpbnMoZWxlbWVudCkpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZChlbGVtZW50KVxuICAgICAgfVxuICAgIH1cbiAgfSwgW29wZW5dKVxuXG4gIC8vIFNhdmUgdGhlIHJlYXNzaWdubWVudCBvZiBldmVudEhhbmRsZXIgaW4gdGhlIHVzZUVmZmVjdCBiZWxvd1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIG9uQ2xvc2VSZWYuY3VycmVudCA9IG9uQ2xvc2VcbiAgfSwgW29uQ2xvc2VdKVxuXG4gIC8vIE9uIG9wZW4gZm9jdXMgdGhlIG1vZGFsXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRpYWxvZ1JlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgfVxuICB9LCBbb3Blbl0pXG5cbiAgLy8gSGFuZGxlIGJvZHkgc2Nyb2xsXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgcHJldmlvdXNPdmVyZmxvdyA9IGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3dcblxuICAgIGlmIChvcGVuICYmIHByZXZlbnRCb2R5U2Nyb2xsKSB7XG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbidcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9IHByZXZpb3VzT3ZlcmZsb3dcbiAgICB9XG4gIH0sIFtwcmV2ZW50Qm9keVNjcm9sbCwgb3Blbl0pXG5cbiAgLy8gU3RvcCBmb2N1cyB0byBwcmV2ZW50IHVuZXhwZWN0ZWQgYm9keSBsb29zZSBmb2N1c1xuICBjb25zdCBzdG9wRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH0sIFtdKVxuXG4gIC8vIFN0b3AgY2xpY2sgdG8gcHJldmVudCB1bmV4cGVjdGVkIGRpYWxvZyBjbG9zZVxuICBjb25zdCBzdG9wQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH0sIFtdKVxuXG4gIC8vIGhhbmRsZSBrZXkgdXAgOiB1c2VkIHdoZW4gaGF2aW5nIGlucHV0cyBpbiBtb2RhbHMgLSB1c2VmdWwgZm9yIGhpZGVPbkVzY1xuICBjb25zdCBoYW5kbGVLZXlVcDogS2V5Ym9hcmRFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICBldmVudCA9PiB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgaGlkZU9uRXNjKSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgb25DbG9zZVJlZi5jdXJyZW50KClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtoaWRlT25Fc2NdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlQ2xvc2U6IE1vdXNlRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIGlmIChoaWRlT25DbGlja091dHNpZGUpIHtcbiAgICAgICAgb25DbG9zZVJlZi5jdXJyZW50KClcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIC8vIEJlY2F1c2Ugb3ZlcmxheSBpcyBub3QgZm9jdXNhYmxlIHdlIGNhbid0IGhhbmRsZSBoaWRlT25Fc2MgcHJvcGVybHlcbiAgICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtoaWRlT25DbGlja091dHNpZGVdLFxuICApXG5cbiAgLy8gRW5hYmxlIGZvY3VzIHRyYXAgaW5zaWRlIHRoZSBtb2RhbFxuICBjb25zdCBoYW5kbGVGb2N1c1RyYXA6IEtleWJvYXJkRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcblxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGNvbnN0IGlzVGFiUHJlc3NlZCA9IGV2ZW50LmtleSA9PT0gJ1RhYidcblxuICAgIGlmICghaXNUYWJQcmVzc2VkKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBjb25zdCBmb2N1c2FibGVFbHMgPVxuICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICdhW2hyZWZdOm5vdChbZGlzYWJsZWRdKSwgYnV0dG9uOm5vdChbZGlzYWJsZWRdKSwgdGV4dGFyZWE6bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSknLFxuICAgICAgKSA/PyBbXVxuXG4gICAgLy8gSGFuZGxlIGNhc2Ugd2hlbiBubyBpbnRlcmFjdGl2ZSBlbGVtZW50IGFyZSB3aXRoaW4gdGhlIG1vZGFsIChpbmNsdWRpbmcgY2xvc2UgaWNvbilcbiAgICBpZiAoZm9jdXNhYmxlRWxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIH1cblxuICAgIGNvbnN0IGZpcnN0Rm9jdXNhYmxlRWwgPSBmb2N1c2FibGVFbHNbMF0gYXMgSFRNTEVsZW1lbnRcbiAgICBjb25zdCBsYXN0Rm9jdXNhYmxlRWwgPSBmb2N1c2FibGVFbHNbZm9jdXNhYmxlRWxzLmxlbmd0aCAtIDFdIGFzIEhUTUxFbGVtZW50XG5cbiAgICBpZiAoZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgIGlmIChcbiAgICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZmlyc3RGb2N1c2FibGVFbCB8fFxuICAgICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBkaWFsb2dSZWYuY3VycmVudFxuICAgICAgKSB7XG4gICAgICAgIGxhc3RGb2N1c2FibGVFbC5mb2N1cygpXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKFxuICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gbGFzdEZvY3VzYWJsZUVsIHx8XG4gICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBkaWFsb2dSZWYuY3VycmVudFxuICAgICkge1xuICAgICAgZmlyc3RGb2N1c2FibGVFbC5mb2N1cygpXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgfVxuICB9LCBbXSlcblxuICAvLyBQcmV2ZW50IGRlZmF1bHQgYmVoYXZpb3VyIG9uIEVzY2FwZVxuICBjb25zdCBzdG9wQ2FuY2VsOiBSZWFjdEV2ZW50SGFuZGxlciA9IGV2ZW50ID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgfVxuXG4gIHJldHVybiBvcGVuXG4gICAgPyBjcmVhdGVQb3J0YWwoXG4gICAgICAgIDxTdHlsZWRCYWNrZHJvcFxuICAgICAgICAgIGRhdGEtb3Blbj17b3Blbn1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICBjbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICAgIGNzcz17YmFja2Ryb3BDc3N9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1iYWNrZHJvcGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgb25Gb2N1cz17c3RvcEZvY3VzfVxuICAgICAgICA+XG4gICAgICAgICAgPFN0eWxlZERpYWxvZ1xuICAgICAgICAgICAgY3NzPXtkaWFsb2dDc3N9XG4gICAgICAgICAgICBvbktleVVwPXtoYW5kbGVLZXlVcH1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlRm9jdXNUcmFwfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICAgIGRhdGEtcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgICAgb25DbGljaz17c3RvcENsaWNrfVxuICAgICAgICAgICAgb25DYW5jZWw9e3N0b3BDYW5jZWx9XG4gICAgICAgICAgICBvbkNsb3NlPXtzdG9wQ2FuY2VsfVxuICAgICAgICAgICAgYXJpYS1tb2RhbFxuICAgICAgICAgICAgcmVmPXtkaWFsb2dSZWZ9XG4gICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7b3BlbiA/IGNoaWxkcmVuIDogbnVsbH1cbiAgICAgICAgICA8L1N0eWxlZERpYWxvZz5cbiAgICAgICAgPC9TdHlsZWRCYWNrZHJvcD4sXG4gICAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50LFxuICAgICAgKVxuICAgIDogbnVsbFxufVxuIl19 */"));
 const Dialog = ({
   children,
   open,
@@ -102,27 +89,21 @@ const Dialog = ({
   const stopClick = useCallback((event) => {
     event.stopPropagation();
   }, []);
-  const handleKeyUp = useCallback(
-    (event) => {
-      event.stopPropagation();
-      if (event.key === "Escape" && hideOnEsc) {
-        event.preventDefault();
-        onCloseRef.current();
-      }
-    },
-    [hideOnEsc]
-  );
-  const handleClose = useCallback(
-    (event) => {
-      event.stopPropagation();
-      if (hideOnClickOutside) {
-        onCloseRef.current();
-      } else {
-        dialogRef.current?.focus();
-      }
-    },
-    [hideOnClickOutside]
-  );
+  const handleKeyUp = useCallback((event) => {
+    event.stopPropagation();
+    if (event.key === "Escape" && hideOnEsc) {
+      event.preventDefault();
+      onCloseRef.current();
+    }
+  }, [hideOnEsc]);
+  const handleClose = useCallback((event) => {
+    event.stopPropagation();
+    if (hideOnClickOutside) {
+      onCloseRef.current();
+    } else {
+      dialogRef.current?.focus();
+    }
+  }, [hideOnClickOutside]);
   const handleFocusTrap = useCallback((event) => {
     event.stopPropagation();
     if (event.key === "Escape") {
@@ -133,9 +114,7 @@ const Dialog = ({
     if (!isTabPressed) {
       return;
     }
-    const focusableEls = dialogRef.current?.querySelectorAll(
-      "a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])"
-    ) ?? [];
+    const focusableEls = dialogRef.current?.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])") ?? [];
     if (focusableEls.length === 0) {
       event.preventDefault();
     }
@@ -155,42 +134,7 @@ const Dialog = ({
     event.preventDefault();
     event.stopPropagation();
   };
-  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;
+  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;
 };
 export {
   Dialog

package/dist/components/Modal/Disclosure.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Disclosure = ({
+  disclosure,
+  handleOpen,
+  visible,
+  handleClose,
+  toggle,
+  id
+}) => {
+  const disclosureRef = React.createRef();
+  React.useEffect(() => {
+    const element = disclosureRef.current;
+    element?.addEventListener("click", handleOpen);
+    return () => {
+      element?.removeEventListener("click", handleOpen);
+    };
+  }, [handleOpen, disclosureRef]);
+  const finalDisclosure = React.useMemo(() => {
+    if (typeof disclosure === "function") {
+      return disclosure({
+        visible,
+        onClose: handleClose,
+        toggle,
+        onOpen: handleOpen,
+        modalId: id,
+        hide: handleClose,
+        close: handleClose,
+        show: handleOpen
+      });
+    }
+    return disclosure;
+  }, [disclosure, handleOpen, handleClose, id, toggle, visible]);
+  if (!React.isValidElement(finalDisclosure)) {
+    return null;
+  }
+  return React.cloneElement(finalDisclosure, {
+    ref: disclosureRef,
+    "aria-controls": id,
+    "aria-haspopup": "dialog"
+  });
+};
+exports.Disclosure = Disclosure;

package/dist/components/Modal/constants.cjs

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MODAL_WIDTH = {
+  large: 850,
+  medium: 708,
+  small: 616,
+  xsmall: 400,
+  xxsmall: 360
+};
+const MODAL_PLACEMENT = {
+  bottom: `
+    margin: auto;
+    margin-bottom: 0;
+  `,
+  "bottom-left": `
+    margin: auto;
+    margin-left: 0;
+    margin-bottom: 0;
+  `,
+  "bottom-right": `
+    margin: auto;
+    margin-right: 0;
+    margin-bottom: 0;
+  `,
+  center: `
+    margin: auto;
+  `,
+  left: `
+    margin: auto;
+    margin-left: 0;
+  `,
+  right: `
+    margin: auto;
+    margin-right: 0;
+  `,
+  top: `
+    margin: auto;
+    margin-top: 0px;
+  `,
+  "top-left": `
+    margin: auto;
+    margin-left: 0;
+    margin-top: 0;
+  `,
+  "top-right": `
+    margin: auto;
+    margin-right: 0;
+    margin-top: 0;
+  `
+};
+exports.MODAL_PLACEMENT = MODAL_PLACEMENT;
+exports.MODAL_WIDTH = MODAL_WIDTH;

package/dist/components/Modal/index.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const index = require("../Button/index.cjs");
+const Dialog = require("./Dialog.cjs");
+const Disclosure = require("./Disclosure.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "ebywm9u0"
+} : {
+  target: "ebywm9u0",
+  label: "StyledContainer"
+})("position:absolute;top:", ({
+  theme
+}) => theme.space["2"], ";right:", ({
+  theme
+}) => 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= */"));
+const Modal = ({
+  ariaLabel = "modal",
+  id,
+  children,
+  disclosure,
+  hideOnClickOutside = true,
+  hideOnEsc = true,
+  isClosable = true,
+  onClose,
+  onBeforeClose,
+  open = false,
+  opened = false,
+  placement = "center",
+  preventBodyScroll = true,
+  size,
+  className,
+  "data-testid": dataTestId,
+  backdropClassName,
+  width = "small",
+  customDialogStyles,
+  customDialogBackdropStyles
+}) => {
+  const [visible, setVisible] = React.useState(false);
+  const controlId = React.useId();
+  const handleOpen = React.useCallback(() => {
+    setVisible(true);
+  }, []);
+  const handleClose = React.useCallback(() => {
+    if (onClose) {
+      onClose();
+    } else {
+      const promise = onBeforeClose?.();
+      if (promise && "catch" in promise) {
+        promise.catch(() => null);
+      }
+      setVisible(false);
+    }
+  }, [onBeforeClose, onClose]);
+  const handleToggle = React.useCallback(() => {
+    setVisible((current) => !current);
+  }, []);
+  const finalId = id ?? controlId;
+  const finalSize = size ?? width;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    disclosure ? /* @__PURE__ */ jsxRuntime.jsx(Disclosure.Disclosure, { id: finalId, handleOpen, disclosure, handleClose, visible, toggle: handleToggle }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      typeof children === "function" ? children({
+        visible,
+        onClose: handleClose,
+        onOpen: handleOpen,
+        toggle: handleToggle,
+        modalId: finalId,
+        hide: handleClose,
+        close: handleClose,
+        show: handleOpen
+      }) : children,
+      /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { children: isClosable ? /* @__PURE__ */ jsxRuntime.jsx(index.Button, { "data-testid": dataTestId ? `${dataTestId}-close-button` : void 0, onClick: handleClose, variant: "ghost", size: "small", icon: "close", sentiment: "neutral", "aria-label": "close" }) : null })
+    ] }) })
+  ] });
+};
+exports.Modal = Modal;

package/dist/components/Modal/index.js

@@ -1,14 +1,19 @@
 import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { useState, useId, useCallback } from "react";
 import { Button } from "../Button/index.js";
 import { Dialog } from "./Dialog.js";
 import { Disclosure } from "./Disclosure.js";
-const StyledContainer = styled.div`
-  position: absolute;
-  top: ${({ theme }) => theme.space["2"]};
-  right: ${({ theme }) => theme.space["2"]};
-`;
+const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ebywm9u0"
+} : {
+  target: "ebywm9u0",
+  label: "StyledContainer"
+})("position:absolute;top:", ({
+  theme
+}) => theme.space["2"], ";right:", ({
+  theme
+}) => 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= */"));
 const Modal = ({
   ariaLabel = "modal",
   id,
@@ -53,60 +58,20 @@ const Modal = ({
   const finalId = id ?? controlId;
   const finalSize = size ?? width;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    disclosure ? /* @__PURE__ */ jsx(
-      Disclosure,
-      {
-        id: finalId,
-        handleOpen,
-        disclosure,
-        handleClose,
+    disclosure ? /* @__PURE__ */ jsx(Disclosure, { id: finalId, handleOpen, disclosure, handleClose, visible, toggle: handleToggle }) : null,
+    /* @__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: [
+      typeof children === "function" ? children({
         visible,
-        toggle: handleToggle
-      }
-    ) : null,
-    /* @__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: [
-          typeof children === "function" ? children({
-            visible,
-            onClose: handleClose,
-            onOpen: handleOpen,
-            toggle: handleToggle,
-            modalId: finalId,
-            hide: handleClose,
-            close: handleClose,
-            show: handleOpen
-          }) : children,
-          /* @__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 })
-        ] })
-      }
-    )
+        onOpen: handleOpen,
+        toggle: handleToggle,
+        modalId: finalId,
+        hide: handleClose,
+        close: handleClose,
+        show: handleOpen
+      }) : children,
+      /* @__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 })
+    ] }) })
   ] });
 };
 export {

package/dist/components/Notice/index.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const icons = require("@ultraviolet/icons");
+const index = require("../Text/index.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledSpan = /* @__PURE__ */ _styled__default.default(index.Text, process.env.NODE_ENV === "production" ? {
+  target: "e19pqvs30"
+} : {
+  target: "e19pqvs30",
+  label: "StyledSpan"
+})("display:flex;align-items:center;gap:", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGljZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGljZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgTm90aWNlUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG4vKipcbiAqIEEgTm90aWNlIGlzIHVzZWQgdG8gZGlzcGxheSBhIHNob3J0IG1lc3NhZ2UgdG8gdGhlIHVzZXIuXG4gKi9cbmV4cG9ydCBjb25zdCBOb3RpY2UgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogTm90aWNlUHJvcHMpID0+IChcbiAgPFN0eWxlZFNwYW5cbiAgICBhcz1cInNwYW5cIlxuICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gID5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImluZm9ybWF0aW9uLW91dGxpbmVcIlxuICAgICAgc2l6ZT17MTZ9XG4gICAgICBjb2xvcj1cIm5ldXRyYWxcIlxuICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgIC8+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFNwYW4+XG4pXG4iXX0= */"));
+const Notice = ({
+  children,
+  className,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ jsxRuntime.jsxs(StyledSpan, { as: "span", variant: "caption", sentiment: "neutral", prominence: "weak", "data-testid": dataTestId, className, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "information-outline", size: 16, color: "neutral", prominence: "weak" }),
+  children
+] });
+exports.Notice = Notice;

package/dist/components/Notice/index.js

@@ -1,39 +1,23 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Icon } from "@ultraviolet/icons";
 import { Text } from "../Text/index.js";
-const StyledSpan = styled(Text)`
-  display: flex;
-  align-items: center;
-  gap: ${({ theme }) => theme.space["1"]};
-`;
+const StyledSpan = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "e19pqvs30"
+} : {
+  target: "e19pqvs30",
+  label: "StyledSpan"
+})("display:flex;align-items:center;gap:", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGljZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVytCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGljZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbnR5cGUgTm90aWNlUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG4vKipcbiAqIEEgTm90aWNlIGlzIHVzZWQgdG8gZGlzcGxheSBhIHNob3J0IG1lc3NhZ2UgdG8gdGhlIHVzZXIuXG4gKi9cbmV4cG9ydCBjb25zdCBOb3RpY2UgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogTm90aWNlUHJvcHMpID0+IChcbiAgPFN0eWxlZFNwYW5cbiAgICBhcz1cInNwYW5cIlxuICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gID5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImluZm9ybWF0aW9uLW91dGxpbmVcIlxuICAgICAgc2l6ZT17MTZ9XG4gICAgICBjb2xvcj1cIm5ldXRyYWxcIlxuICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgIC8+XG4gICAge2NoaWxkcmVufVxuICA8L1N0eWxlZFNwYW4+XG4pXG4iXX0= */"));
 const Notice = ({
   children,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxs(
-  StyledSpan,
-  {
-    as: "span",
-    variant: "caption",
-    sentiment: "neutral",
-    prominence: "weak",
-    "data-testid": dataTestId,
-    className,
-    children: [
-      /* @__PURE__ */ jsx(
-        Icon,
-        {
-          name: "information-outline",
-          size: 16,
-          color: "neutral",
-          prominence: "weak"
-        }
-      ),
-      children
-    ]
-  }
-);
+}) => /* @__PURE__ */ jsxs(StyledSpan, { as: "span", variant: "caption", sentiment: "neutral", prominence: "weak", "data-testid": dataTestId, className, children: [
+  /* @__PURE__ */ jsx(Icon, { name: "information-outline", size: 16, color: "neutral", prominence: "weak" }),
+  children
+] });
 export {
   Notice
 };