@ultraviolet/ui 3.0.0-beta.1 → 3.0.0-beta.10

package/dist/components/PasswordCheck/styles.css.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var passwordCheckContainer = "uv_4g08in0";
+exports.passwordCheckContainer = passwordCheckContainer;

package/dist/components/PasswordCheck/styles.css.d.ts

@@ -0,0 +1 @@
+export declare const passwordCheckContainer: string;

package/dist/components/PasswordCheck/styles.css.js

@@ -0,0 +1,5 @@
+/* empty css                          */
+var passwordCheckContainer = "uv_4g08in0";
+export {
+  passwordCheckContainer
+};

package/dist/components/Popover/constant.d.ts

@@ -0,0 +1,5 @@
+export declare const SIZES_WIDTH: {
+    large: number;
+    medium: number;
+    small: number;
+};

package/dist/components/Popover/index.cjs

@@ -2,7 +2,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const Icon = require("@ultraviolet/icons");
 const react = require("react");
 const index$3 = require("../Button/index.cjs");
@@ -10,50 +9,13 @@ const ModalProvider = require("../Modal/ModalProvider.cjs");
 const index = require("../Popup/index.cjs");
 const index$1 = require("../Stack/index.cjs");
 const index$2 = require("../Text/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const SIZES_WIDTH = {
-  large: 32.5,
-  medium: 26.25,
-  small: 20
-  // in rem
-};
-const StyledPopup = /* @__PURE__ */ _styled__default.default(index.Popup, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
-  target: "ejpxv5a1"
-} : {
-  shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
-  target: "ejpxv5a1",
-  label: "StyledPopup"
-})("padding:", ({
-  theme
-}) => theme.space["2"], ";width:", ({
-  size
-}) => SIZES_WIDTH[size], "rem;max-width:", ({
-  size
-}) => SIZES_WIDTH[size], "rem;text-align:initial;box-shadow:", ({
-  theme
-}) => theme.shadows.popover, ";background:", ({
-  theme,
-  sentiment
-}) => sentiment === "neutral" ? theme.colors.neutral.background : theme.colors.primary.backgroundStrong, ';&[data-has-arrow="true"]{&::after{border-color:', ({
-  theme,
-  sentiment
-}) => sentiment === "neutral" ? theme.colors.neutral.background : theme.colors.primary.backgroundStrong, " transparent transparent transparent;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IE1vZGFsQ29udGV4dCB9IGZyb20gJy4uL01vZGFsL01vZGFsUHJvdmlkZXInXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIFNlbnRpbWVudFR5cGUgPSAnbmV1dHJhbCcgfCAncHJpbWFyeSdcblxuY29uc3QgU0laRVNfV0lEVEggPSB7XG4gIGxhcmdlOiAzMi41LFxuICBtZWRpdW06IDI2LjI1LFxuICBzbWFsbDogMjAsIC8vIGluIHJlbVxufVxuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzZW50aW1lbnQnLCAnc2l6ZSddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzZW50aW1lbnQ6IFNlbnRpbWVudFR5cGVcbiAgc2l6ZToga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG59PmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1yZW07XG4gIG1heC13aWR0aDogJHsoeyBzaXplIH0pID0+IFNJWkVTX1dJRFRIW3NpemVdfXJlbTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLnBvcG92ZXJ9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT5cbiAgICBzZW50aW1lbnQgPT09ICduZXV0cmFsJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kXG4gICAgICA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuXG4gIC8vIE92ZXJyaWRlcyB0aGUgZGVmYXVsdCBwb3B1cCBhcnJvdyBjb2xvciB0byBtYXRjaCB0aGUgYmFja2dyb3VuZCBjb2xvclxuICAmW2RhdGEtaGFzLWFycm93PVwidHJ1ZVwiXSB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT5cbiAgICAgICAgc2VudGltZW50ID09PSAnbmV1dHJhbCdcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRcbiAgICAgICAgICA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5XG4gICAgICAgICAgICAgIC5iYWNrZ3JvdW5kU3Ryb25nfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDsgXG4gICAgfVxuICB9XG5gXG5cbi8vIFRoaXMgaXMgdG8gYXZvaWQgaGF2aW5nIHRleHQgaW5oZXJpdCBjb2xvciBmcm9tIHBvcHVwICh3aGljaCBpcyB3aGl0ZSBvbiB3aGl0ZSBiYWNrZ3JvdW5kKVxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbmBcblxudHlwZSBDb250ZW50V3JhcHBlclByb3BzID0gUGljazxcbiAgUG9wb3ZlclByb3BzLFxuICAndGl0bGUnIHwgJ29uQ2xvc2UnIHwgJ3NlbnRpbWVudCcgfCAnY2hpbGRyZW4nXG4+XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gKHtcbiAgdGl0bGUsXG4gIG9uQ2xvc2UsXG4gIGNoaWxkcmVuLFxuICBzZW50aW1lbnQsXG59OiBDb250ZW50V3JhcHBlclByb3BzKSA9PiAoXG4gIDxTdHlsZWRTdGFjayBnYXA9ezF9PlxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwiaDNcIlxuICAgICAgICBwcm9taW5lbmNlPXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdzdHJvbmcnIDogJ3N0cm9uZ2VyJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICd3aGl0ZSd9XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9UZXh0PlxuICAgICAgPEJ1dHRvblxuICAgICAgICBhcmlhLWxhYmVsPVwiY2xvc2VcIlxuICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ25ldXRyYWwnIDogJ3ByaW1hcnknfVxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB2YXJpYW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdnaG9zdCcgOiAnZmlsbGVkJ31cbiAgICAgID5cbiAgICAgICAgPENsb3NlSWNvbiAvPlxuICAgICAgPC9CdXR0b24+XG4gICAgPC9TdGFjaz5cbiAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwicFwiXG4gICAgICAgIHByb21pbmVuY2U9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ3N0cm9uZycgOiAnc3Ryb25nZXInfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ25ldXRyYWwnIDogJ3doaXRlJ31cbiAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICApIDogKFxuICAgICAgY2hpbGRyZW5cbiAgICApfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuXG50eXBlIFBvcG92ZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjb250ZW50OiBSZWFjdE5vZGVcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ/OiBTZW50aW1lbnRUeXBlXG4gIHZpc2libGU/OiBib29sZWFuXG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgU0laRVNfV0lEVEhcbiAgb25DbG9zZT86ICgpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgbWF4SGVpZ2h0Pzogc3RyaW5nXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0LCB0aGUgcG9ydGFsIHRhcmdldCBpcyBjaGlsZHJlbiBjb250YWluZXIgb3IgZG9jdW1lbnQuYm9keSBpZiBjaGlsZHJlbiBpcyBhIGZ1bmN0aW9uLiBZb3UgY2FuIG92ZXJyaWRlIHRoaXNcbiAgICogYmVoYXZpb3IgYnkgc2V0dGluZyBhIHBvcnRhbFRhcmdldCBwcm9wLlxuICAgKi9cbiAgcG9ydGFsVGFyZ2V0PzogSFRNTEVsZW1lbnRcbiAgcGxhY2VtZW50PzogRXhjbHVkZTxDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+WydwbGFjZW1lbnQnXSwgJ25lc3RlZC1tZW51Jz5cbn0gJiBQaWNrPENvbXBvbmVudFByb3BzPHR5cGVvZiBQb3B1cD4sICdkeW5hbWljRG9tUmVuZGVyaW5nJyB8ICdhbGlnbic+XG5cbi8qKlxuICogUG9wb3ZlciBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGFkZGl0aW9uYWwgaW5mb3JtYXRpb24gb3IgYWN0aW9ucyBvbiB0b3Agb2YgdGhlIG1haW4gY29udGVudCBvZiB0aGUgcGFnZS5cbiAqIEl0IGlzIHVzdWFsbHkgdHJpZ2dlcmVkIGJ5IGNsaWNraW5nIG9uIGEgYnV0dG9uLiBJdCBpbmNsdWRlcyBhIHRpdGxlLCBhIGNsb3NlIGJ1dHRvbiBhbmQgYSBjb250ZW50IGFyZWEuXG4gKi9cbmV4cG9ydCBjb25zdCBQb3BvdmVyID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHZpc2libGUgPSBmYWxzZSxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcGxhY2VtZW50LFxuICAgICAgY29udGVudCxcbiAgICAgIHRpdGxlLFxuICAgICAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICAgICAgc2l6ZSA9ICdtZWRpdW0nLFxuICAgICAgb25DbG9zZSxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIG1heFdpZHRoLFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgICAgIHBvcnRhbFRhcmdldCxcbiAgICAgIGR5bmFtaWNEb21SZW5kZXJpbmcsXG4gICAgICBhbGlnbixcbiAgICB9OiBQb3BvdmVyUHJvcHMsXG4gICAgcmVmOiBSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBpbm5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgICBjb25zdCBpc0luc2lkZU1vZGFsID0gdXNlQ29udGV4dChNb2RhbENvbnRleHQpXG4gICAgY29uc3QgW2xvY2FsVmlzaWJsZSwgc2V0TG9jYWxWaXNpYmxlXSA9IHVzZVN0YXRlKHZpc2libGUpXG5cbiAgICAvLyBXZSBjaGFuZ2UgbG9jYWwgdmFsdWUgaWYgdmlzaWJsZSBwcm9wIGNoYW5nZXNcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0TG9jYWxWaXNpYmxlKHZpc2libGUpXG4gICAgfSwgW3Zpc2libGVdKVxuXG4gICAgY29uc3QgbG9jYWxPbkNsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgc2V0TG9jYWxWaXNpYmxlKGZhbHNlKVxuICAgICAgb25DbG9zZT8uKClcbiAgICB9LCBbb25DbG9zZV0pXG5cbiAgICBjb25zdCBzbWFydFBvcnRhbFRhcmdldCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgaWYgKCFwb3J0YWxUYXJnZXQgJiYgaXNJbnNpZGVNb2RhbCkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkXG4gICAgICB9XG5cbiAgICAgIGlmICghcG9ydGFsVGFyZ2V0ICYmICFpc0luc2lkZU1vZGFsKSB7XG4gICAgICAgIHJldHVybiBkb2N1bWVudC5ib2R5XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBwb3J0YWxUYXJnZXRcbiAgICB9LCBbaXNJbnNpZGVNb2RhbCwgcG9ydGFsVGFyZ2V0XSlcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgIGR5bmFtaWNEb21SZW5kZXJpbmc9e2R5bmFtaWNEb21SZW5kZXJpbmd9XG4gICAgICAgIGhpZGVPbkNsaWNrT3V0c2lkZVxuICAgICAgICBpbm5lclJlZj17aW5uZXJSZWZ9XG4gICAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICAgIG9uQ2xvc2U9e2xvY2FsT25DbG9zZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIHBvcnRhbFRhcmdldD17c21hcnRQb3J0YWxUYXJnZXR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgdGV4dD17XG4gICAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgICB9XG4gICAgICAgIHZpc2libGU9e2xvY2FsVmlzaWJsZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRQb3B1cD5cbiAgICApXG4gIH0sXG4pXG4iXX0= */"));
-const StyledStack = /* @__PURE__ */ _styled__default.default(index$1.Stack, process.env.NODE_ENV === "production" ? {
-  target: "ejpxv5a0"
-} : {
-  target: "ejpxv5a0",
-  label: "StyledStack"
-})("color:", ({
-  theme
-}) => theme.colors.neutral.text, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUG9wb3Zlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUsIFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBNb2RhbENvbnRleHQgfSBmcm9tICcuLi9Nb2RhbC9Nb2RhbFByb3ZpZGVyJ1xuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICcuLi9Qb3B1cCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxudHlwZSBTZW50aW1lbnRUeXBlID0gJ25ldXRyYWwnIHwgJ3ByaW1hcnknXG5cbmNvbnN0IFNJWkVTX1dJRFRIID0ge1xuICBsYXJnZTogMzIuNSxcbiAgbWVkaXVtOiAyNi4yNSxcbiAgc21hbGw6IDIwLCAvLyBpbiByZW1cbn1cblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2VudGltZW50JywgJ3NpemUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHtcbiAgc2VudGltZW50OiBTZW50aW1lbnRUeXBlXG4gIHNpemU6IGtleW9mIHR5cGVvZiBTSVpFU19XSURUSFxufT5gXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIHdpZHRoOiAkeyh7IHNpemUgfSkgPT4gU0laRVNfV0lEVEhbc2l6ZV19cmVtO1xuICBtYXgtd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1yZW07XG4gIHRleHQtYWxpZ246IGluaXRpYWw7XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5wb3BvdmVyfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+XG4gICAgc2VudGltZW50ID09PSAnbmV1dHJhbCdcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFxuICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcblxuICAvLyBPdmVycmlkZXMgdGhlIGRlZmF1bHQgcG9wdXAgYXJyb3cgY29sb3IgdG8gbWF0Y2ggdGhlIGJhY2tncm91bmQgY29sb3JcbiAgJltkYXRhLWhhcy1hcnJvdz1cInRydWVcIl0ge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+XG4gICAgICAgIHNlbnRpbWVudCA9PT0gJ25ldXRyYWwnXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kXG4gICAgICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgICAgICAgICAuYmFja2dyb3VuZFN0cm9uZ30gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7IFxuICAgIH1cbiAgfVxuYFxuXG4vLyBUaGlzIGlzIHRvIGF2b2lkIGhhdmluZyB0ZXh0IGluaGVyaXQgY29sb3IgZnJvbSBwb3B1cCAod2hpY2ggaXMgd2hpdGUgb24gd2hpdGUgYmFja2dyb3VuZClcbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG5gXG5cbnR5cGUgQ29udGVudFdyYXBwZXJQcm9wcyA9IFBpY2s8XG4gIFBvcG92ZXJQcm9wcyxcbiAgJ3RpdGxlJyB8ICdvbkNsb3NlJyB8ICdzZW50aW1lbnQnIHwgJ2NoaWxkcmVuJ1xuPlxuXG5jb25zdCBDb250ZW50V3JhcHBlciA9ICh7XG4gIHRpdGxlLFxuICBvbkNsb3NlLFxuICBjaGlsZHJlbixcbiAgc2VudGltZW50LFxufTogQ29udGVudFdyYXBwZXJQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZ2FwPXsxfT5cbiAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICA8VGV4dFxuICAgICAgICBhcz1cImgzXCJcbiAgICAgICAgcHJvbWluZW5jZT17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnc3Ryb25nJyA6ICdzdHJvbmdlcid9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnbmV1dHJhbCcgOiAnd2hpdGUnfVxuICAgICAgICB2YXJpYW50PVwiYm9keVN0cm9uZ1wiXG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxCdXR0b25cbiAgICAgICAgYXJpYS1sYWJlbD1cImNsb3NlXCJcbiAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICdwcmltYXJ5J31cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnZ2hvc3QnIDogJ2ZpbGxlZCd9XG4gICAgICA+XG4gICAgICAgIDxDbG9zZUljb24gLz5cbiAgICAgIDwvQnV0dG9uPlxuICAgIDwvU3RhY2s+XG4gICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ3N0cmluZycgPyAoXG4gICAgICA8VGV4dFxuICAgICAgICBhcz1cInBcIlxuICAgICAgICBwcm9taW5lbmNlPXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdzdHJvbmcnIDogJ3N0cm9uZ2VyJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICd3aGl0ZSd9XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKSA6IChcbiAgICAgIGNoaWxkcmVuXG4gICAgKX1cbiAgPC9TdHlsZWRTdGFjaz5cbilcblxudHlwZSBQb3BvdmVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY29udGVudDogUmVhY3ROb2RlXG4gIHRpdGxlOiBzdHJpbmdcbiAgc2VudGltZW50PzogU2VudGltZW50VHlwZVxuICB2aXNpYmxlPzogYm9vbGVhblxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIG1heEhlaWdodD86IHN0cmluZ1xuICAvKipcbiAgICogQnkgZGVmYXVsdCwgdGhlIHBvcnRhbCB0YXJnZXQgaXMgY2hpbGRyZW4gY29udGFpbmVyIG9yIGRvY3VtZW50LmJvZHkgaWYgY2hpbGRyZW4gaXMgYSBmdW5jdGlvbi4gWW91IGNhbiBvdmVycmlkZSB0aGlzXG4gICAqIGJlaGF2aW9yIGJ5IHNldHRpbmcgYSBwb3J0YWxUYXJnZXQgcHJvcC5cbiAgICovXG4gIHBvcnRhbFRhcmdldD86IEhUTUxFbGVtZW50XG4gIHBsYWNlbWVudD86IEV4Y2x1ZGU8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFBvcHVwPlsncGxhY2VtZW50J10sICduZXN0ZWQtbWVudSc+XG59ICYgUGljazxDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+LCAnZHluYW1pY0RvbVJlbmRlcmluZycgfCAnYWxpZ24nPlxuXG4vKipcbiAqIFBvcG92ZXIgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhZGRpdGlvbmFsIGluZm9ybWF0aW9uIG9yIGFjdGlvbnMgb24gdG9wIG9mIHRoZSBtYWluIGNvbnRlbnQgb2YgdGhlIHBhZ2UuXG4gKiBJdCBpcyB1c3VhbGx5IHRyaWdnZXJlZCBieSBjbGlja2luZyBvbiBhIGJ1dHRvbi4gSXQgaW5jbHVkZXMgYSB0aXRsZSwgYSBjbG9zZSBidXR0b24gYW5kIGEgY29udGVudCBhcmVhLlxuICovXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2aXNpYmxlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHBsYWNlbWVudCxcbiAgICAgIGNvbnRlbnQsXG4gICAgICB0aXRsZSxcbiAgICAgIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgICAgIHNpemUgPSAnbWVkaXVtJyxcbiAgICAgIG9uQ2xvc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBwb3J0YWxUYXJnZXQsXG4gICAgICBkeW5hbWljRG9tUmVuZGVyaW5nLFxuICAgICAgYWxpZ24sXG4gICAgfTogUG9wb3ZlclByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxEaXZFbGVtZW50PixcbiAgKSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgaXNJbnNpZGVNb2RhbCA9IHVzZUNvbnRleHQoTW9kYWxDb250ZXh0KVxuICAgIGNvbnN0IFtsb2NhbFZpc2libGUsIHNldExvY2FsVmlzaWJsZV0gPSB1c2VTdGF0ZSh2aXNpYmxlKVxuXG4gICAgLy8gV2UgY2hhbmdlIGxvY2FsIHZhbHVlIGlmIHZpc2libGUgcHJvcCBjaGFuZ2VzXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZSh2aXNpYmxlKVxuICAgIH0sIFt2aXNpYmxlXSlcblxuICAgIGNvbnN0IGxvY2FsT25DbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZShmYWxzZSlcbiAgICAgIG9uQ2xvc2U/LigpXG4gICAgfSwgW29uQ2xvc2VdKVxuXG4gICAgY29uc3Qgc21hcnRQb3J0YWxUYXJnZXQgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghcG9ydGFsVGFyZ2V0ICYmIGlzSW5zaWRlTW9kYWwpIHtcbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZFxuICAgICAgfVxuXG4gICAgICBpZiAoIXBvcnRhbFRhcmdldCAmJiAhaXNJbnNpZGVNb2RhbCkge1xuICAgICAgICByZXR1cm4gZG9jdW1lbnQuYm9keVxuICAgICAgfVxuXG4gICAgICByZXR1cm4gcG9ydGFsVGFyZ2V0XG4gICAgfSwgW2lzSW5zaWRlTW9kYWwsIHBvcnRhbFRhcmdldF0pXG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFBvcHVwXG4gICAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBkZWJvdW5jZURlbGF5PXswfVxuICAgICAgICBkeW5hbWljRG9tUmVuZGVyaW5nPXtkeW5hbWljRG9tUmVuZGVyaW5nfVxuICAgICAgICBoaWRlT25DbGlja091dHNpZGVcbiAgICAgICAgaW5uZXJSZWY9e2lubmVyUmVmfVxuICAgICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICBwb3J0YWxUYXJnZXQ9e3NtYXJ0UG9ydGFsVGFyZ2V0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIHRleHQ9e1xuICAgICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgICAgb25DbG9zZT17bG9jYWxPbkNsb3NlfVxuICAgICAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgICAgfVxuICAgICAgICB2aXNpYmxlPXtsb2NhbFZpc2libGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const ContentWrapper = ({
   title,
   onClose,
   children,
   sentiment
-}) => /* @__PURE__ */ jsxRuntime.jsxs(StyledStack, { gap: 1, children: [
+}) => /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { className: styles_css.stackPopover, gap: 1, children: [
   /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { direction: "row", justifyContent: "space-between", children: [
     /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "h3", prominence: sentiment === "neutral" ? "strong" : "stronger", sentiment: sentiment === "neutral" ? "neutral" : "white", variant: "bodyStrong", children: title }),
     /* @__PURE__ */ jsxRuntime.jsx(index$3.Button, { "aria-label": "close", onClick: onClose, sentiment: sentiment === "neutral" ? "neutral" : "primary", size: "small", variant: sentiment === "neutral" ? "ghost" : "filled", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.CloseIcon, {}) })
@@ -96,6 +58,9 @@ const Popover = react.forwardRef(({
     }
     return portalTarget;
   }, [isInsideModal, portalTarget]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledPopup, { align, className, "data-testid": dataTestId, debounceDelay: 0, dynamicDomRendering, hideOnClickOutside: true, innerRef, maxHeight, maxWidth, onClose: localOnClose, placement, portalTarget: smartPortalTarget, ref, role: "dialog", sentiment, size, tabIndex: -1, text: /* @__PURE__ */ jsxRuntime.jsx(ContentWrapper, { onClose: localOnClose, sentiment, title, children: content }), visible: localVisible, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Popup, { align, className: `${className ? `${className} ` : ""}${styles_css.popover({
+    sentiment,
+    size
+  })}`, "data-testid": dataTestId, debounceDelay: 0, dynamicDomRendering, hideOnClickOutside: true, innerRef, maxHeight, maxWidth, onClose: localOnClose, placement, portalTarget: smartPortalTarget, ref, role: "dialog", tabIndex: -1, text: /* @__PURE__ */ jsxRuntime.jsx(ContentWrapper, { onClose: localOnClose, sentiment, title, children: content }), visible: localVisible, children });
 });
 exports.Popover = Popover;

package/dist/components/Popover/index.d.ts

@@ -1,11 +1,7 @@
 import type { ComponentProps, ReactNode, Ref } from 'react';
 import { Popup } from '../Popup';
+import type { SIZES_WIDTH } from './constant';
 type SentimentType = 'neutral' | 'primary';
-declare const SIZES_WIDTH: {
-    large: number;
-    medium: number;
-    small: number;
-};
 /**
  * Popover component is used to display additional information or actions on top of the main content of the page.
  * It is usually triggered by clicking on a button. It includes a title, a close button and a content area.

package/dist/components/Popover/index.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { CloseIcon } from "@ultraviolet/icons";
 import { forwardRef, useRef, useContext, useState, useEffect, useCallback, useMemo } from "react";
 import { Button } from "../Button/index.js";
@@ -8,48 +7,13 @@ import { ModalContext } from "../Modal/ModalProvider.js";
 import { Popup } from "../Popup/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-const SIZES_WIDTH = {
-  large: 32.5,
-  medium: 26.25,
-  small: 20
-  // in rem
-};
-const StyledPopup = /* @__PURE__ */ _styled(Popup, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
-  target: "ejpxv5a1"
-} : {
-  shouldForwardProp: (prop) => !["sentiment", "size"].includes(prop),
-  target: "ejpxv5a1",
-  label: "StyledPopup"
-})("padding:", ({
-  theme
-}) => theme.space["2"], ";width:", ({
-  size
-}) => SIZES_WIDTH[size], "rem;max-width:", ({
-  size
-}) => SIZES_WIDTH[size], "rem;text-align:initial;box-shadow:", ({
-  theme
-}) => theme.shadows.popover, ";background:", ({
-  theme,
-  sentiment
-}) => sentiment === "neutral" ? theme.colors.neutral.background : theme.colors.primary.backgroundStrong, ';&[data-has-arrow="true"]{&::after{border-color:', ({
-  theme,
-  sentiment
-}) => sentiment === "neutral" ? theme.colors.neutral.background : theme.colors.primary.backgroundStrong, " transparent transparent transparent;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IE1vZGFsQ29udGV4dCB9IGZyb20gJy4uL01vZGFsL01vZGFsUHJvdmlkZXInXG5pbXBvcnQgeyBQb3B1cCB9IGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIFNlbnRpbWVudFR5cGUgPSAnbmV1dHJhbCcgfCAncHJpbWFyeSdcblxuY29uc3QgU0laRVNfV0lEVEggPSB7XG4gIGxhcmdlOiAzMi41LFxuICBtZWRpdW06IDI2LjI1LFxuICBzbWFsbDogMjAsIC8vIGluIHJlbVxufVxuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzZW50aW1lbnQnLCAnc2l6ZSddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzZW50aW1lbnQ6IFNlbnRpbWVudFR5cGVcbiAgc2l6ZToga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG59PmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1yZW07XG4gIG1heC13aWR0aDogJHsoeyBzaXplIH0pID0+IFNJWkVTX1dJRFRIW3NpemVdfXJlbTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLnBvcG92ZXJ9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT5cbiAgICBzZW50aW1lbnQgPT09ICduZXV0cmFsJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kXG4gICAgICA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuXG4gIC8vIE92ZXJyaWRlcyB0aGUgZGVmYXVsdCBwb3B1cCBhcnJvdyBjb2xvciB0byBtYXRjaCB0aGUgYmFja2dyb3VuZCBjb2xvclxuICAmW2RhdGEtaGFzLWFycm93PVwidHJ1ZVwiXSB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQgfSkgPT5cbiAgICAgICAgc2VudGltZW50ID09PSAnbmV1dHJhbCdcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRcbiAgICAgICAgICA6IHRoZW1lLmNvbG9ycy5wcmltYXJ5XG4gICAgICAgICAgICAgIC5iYWNrZ3JvdW5kU3Ryb25nfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDsgXG4gICAgfVxuICB9XG5gXG5cbi8vIFRoaXMgaXMgdG8gYXZvaWQgaGF2aW5nIHRleHQgaW5oZXJpdCBjb2xvciBmcm9tIHBvcHVwICh3aGljaCBpcyB3aGl0ZSBvbiB3aGl0ZSBiYWNrZ3JvdW5kKVxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbmBcblxudHlwZSBDb250ZW50V3JhcHBlclByb3BzID0gUGljazxcbiAgUG9wb3ZlclByb3BzLFxuICAndGl0bGUnIHwgJ29uQ2xvc2UnIHwgJ3NlbnRpbWVudCcgfCAnY2hpbGRyZW4nXG4+XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gKHtcbiAgdGl0bGUsXG4gIG9uQ2xvc2UsXG4gIGNoaWxkcmVuLFxuICBzZW50aW1lbnQsXG59OiBDb250ZW50V3JhcHBlclByb3BzKSA9PiAoXG4gIDxTdHlsZWRTdGFjayBnYXA9ezF9PlxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIj5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwiaDNcIlxuICAgICAgICBwcm9taW5lbmNlPXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdzdHJvbmcnIDogJ3N0cm9uZ2VyJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICd3aGl0ZSd9XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U3Ryb25nXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9UZXh0PlxuICAgICAgPEJ1dHRvblxuICAgICAgICBhcmlhLWxhYmVsPVwiY2xvc2VcIlxuICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ25ldXRyYWwnIDogJ3ByaW1hcnknfVxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB2YXJpYW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdnaG9zdCcgOiAnZmlsbGVkJ31cbiAgICAgID5cbiAgICAgICAgPENsb3NlSWNvbiAvPlxuICAgICAgPC9CdXR0b24+XG4gICAgPC9TdGFjaz5cbiAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJyA/IChcbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwicFwiXG4gICAgICAgIHByb21pbmVuY2U9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ3N0cm9uZycgOiAnc3Ryb25nZXInfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudCA9PT0gJ25ldXRyYWwnID8gJ25ldXRyYWwnIDogJ3doaXRlJ31cbiAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICApIDogKFxuICAgICAgY2hpbGRyZW5cbiAgICApfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuXG50eXBlIFBvcG92ZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjb250ZW50OiBSZWFjdE5vZGVcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ/OiBTZW50aW1lbnRUeXBlXG4gIHZpc2libGU/OiBib29sZWFuXG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgU0laRVNfV0lEVEhcbiAgb25DbG9zZT86ICgpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgbWF4SGVpZ2h0Pzogc3RyaW5nXG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0LCB0aGUgcG9ydGFsIHRhcmdldCBpcyBjaGlsZHJlbiBjb250YWluZXIgb3IgZG9jdW1lbnQuYm9keSBpZiBjaGlsZHJlbiBpcyBhIGZ1bmN0aW9uLiBZb3UgY2FuIG92ZXJyaWRlIHRoaXNcbiAgICogYmVoYXZpb3IgYnkgc2V0dGluZyBhIHBvcnRhbFRhcmdldCBwcm9wLlxuICAgKi9cbiAgcG9ydGFsVGFyZ2V0PzogSFRNTEVsZW1lbnRcbiAgcGxhY2VtZW50PzogRXhjbHVkZTxDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+WydwbGFjZW1lbnQnXSwgJ25lc3RlZC1tZW51Jz5cbn0gJiBQaWNrPENvbXBvbmVudFByb3BzPHR5cGVvZiBQb3B1cD4sICdkeW5hbWljRG9tUmVuZGVyaW5nJyB8ICdhbGlnbic+XG5cbi8qKlxuICogUG9wb3ZlciBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGFkZGl0aW9uYWwgaW5mb3JtYXRpb24gb3IgYWN0aW9ucyBvbiB0b3Agb2YgdGhlIG1haW4gY29udGVudCBvZiB0aGUgcGFnZS5cbiAqIEl0IGlzIHVzdWFsbHkgdHJpZ2dlcmVkIGJ5IGNsaWNraW5nIG9uIGEgYnV0dG9uLiBJdCBpbmNsdWRlcyBhIHRpdGxlLCBhIGNsb3NlIGJ1dHRvbiBhbmQgYSBjb250ZW50IGFyZWEuXG4gKi9cbmV4cG9ydCBjb25zdCBQb3BvdmVyID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHZpc2libGUgPSBmYWxzZSxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcGxhY2VtZW50LFxuICAgICAgY29udGVudCxcbiAgICAgIHRpdGxlLFxuICAgICAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICAgICAgc2l6ZSA9ICdtZWRpdW0nLFxuICAgICAgb25DbG9zZSxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIG1heFdpZHRoLFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgICAgIHBvcnRhbFRhcmdldCxcbiAgICAgIGR5bmFtaWNEb21SZW5kZXJpbmcsXG4gICAgICBhbGlnbixcbiAgICB9OiBQb3BvdmVyUHJvcHMsXG4gICAgcmVmOiBSZWY8SFRNTERpdkVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBpbm5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgICBjb25zdCBpc0luc2lkZU1vZGFsID0gdXNlQ29udGV4dChNb2RhbENvbnRleHQpXG4gICAgY29uc3QgW2xvY2FsVmlzaWJsZSwgc2V0TG9jYWxWaXNpYmxlXSA9IHVzZVN0YXRlKHZpc2libGUpXG5cbiAgICAvLyBXZSBjaGFuZ2UgbG9jYWwgdmFsdWUgaWYgdmlzaWJsZSBwcm9wIGNoYW5nZXNcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0TG9jYWxWaXNpYmxlKHZpc2libGUpXG4gICAgfSwgW3Zpc2libGVdKVxuXG4gICAgY29uc3QgbG9jYWxPbkNsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgc2V0TG9jYWxWaXNpYmxlKGZhbHNlKVxuICAgICAgb25DbG9zZT8uKClcbiAgICB9LCBbb25DbG9zZV0pXG5cbiAgICBjb25zdCBzbWFydFBvcnRhbFRhcmdldCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgaWYgKCFwb3J0YWxUYXJnZXQgJiYgaXNJbnNpZGVNb2RhbCkge1xuICAgICAgICByZXR1cm4gdW5kZWZpbmVkXG4gICAgICB9XG5cbiAgICAgIGlmICghcG9ydGFsVGFyZ2V0ICYmICFpc0luc2lkZU1vZGFsKSB7XG4gICAgICAgIHJldHVybiBkb2N1bWVudC5ib2R5XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBwb3J0YWxUYXJnZXRcbiAgICB9LCBbaXNJbnNpZGVNb2RhbCwgcG9ydGFsVGFyZ2V0XSlcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgIGR5bmFtaWNEb21SZW5kZXJpbmc9e2R5bmFtaWNEb21SZW5kZXJpbmd9XG4gICAgICAgIGhpZGVPbkNsaWNrT3V0c2lkZVxuICAgICAgICBpbm5lclJlZj17aW5uZXJSZWZ9XG4gICAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgICBtYXhXaWR0aD17bWF4V2lkdGh9XG4gICAgICAgIG9uQ2xvc2U9e2xvY2FsT25DbG9zZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIHBvcnRhbFRhcmdldD17c21hcnRQb3J0YWxUYXJnZXR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgdGV4dD17XG4gICAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgICB9XG4gICAgICAgIHZpc2libGU9e2xvY2FsVmlzaWJsZX1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdHlsZWRQb3B1cD5cbiAgICApXG4gIH0sXG4pXG4iXX0= */"));
-const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "ejpxv5a0"
-} : {
-  target: "ejpxv5a0",
-  label: "StyledStack"
-})("color:", ({
-  theme
-}) => theme.colors.neutral.text, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BvcG92ZXIvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUG9wb3Zlci9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUsIFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtcbiAgZm9yd2FyZFJlZixcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBNb2RhbENvbnRleHQgfSBmcm9tICcuLi9Nb2RhbC9Nb2RhbFByb3ZpZGVyJ1xuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICcuLi9Qb3B1cCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxudHlwZSBTZW50aW1lbnRUeXBlID0gJ25ldXRyYWwnIHwgJ3ByaW1hcnknXG5cbmNvbnN0IFNJWkVTX1dJRFRIID0ge1xuICBsYXJnZTogMzIuNSxcbiAgbWVkaXVtOiAyNi4yNSxcbiAgc21hbGw6IDIwLCAvLyBpbiByZW1cbn1cblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXAsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2VudGltZW50JywgJ3NpemUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHtcbiAgc2VudGltZW50OiBTZW50aW1lbnRUeXBlXG4gIHNpemU6IGtleW9mIHR5cGVvZiBTSVpFU19XSURUSFxufT5gXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIHdpZHRoOiAkeyh7IHNpemUgfSkgPT4gU0laRVNfV0lEVEhbc2l6ZV19cmVtO1xuICBtYXgtd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiBTSVpFU19XSURUSFtzaXplXX1yZW07XG4gIHRleHQtYWxpZ246IGluaXRpYWw7XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5wb3BvdmVyfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+XG4gICAgc2VudGltZW50ID09PSAnbmV1dHJhbCdcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFxuICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcblxuICAvLyBPdmVycmlkZXMgdGhlIGRlZmF1bHQgcG9wdXAgYXJyb3cgY29sb3IgdG8gbWF0Y2ggdGhlIGJhY2tncm91bmQgY29sb3JcbiAgJltkYXRhLWhhcy1hcnJvdz1cInRydWVcIl0ge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+XG4gICAgICAgIHNlbnRpbWVudCA9PT0gJ25ldXRyYWwnXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kXG4gICAgICAgICAgOiB0aGVtZS5jb2xvcnMucHJpbWFyeVxuICAgICAgICAgICAgICAuYmFja2dyb3VuZFN0cm9uZ30gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7IFxuICAgIH1cbiAgfVxuYFxuXG4vLyBUaGlzIGlzIHRvIGF2b2lkIGhhdmluZyB0ZXh0IGluaGVyaXQgY29sb3IgZnJvbSBwb3B1cCAod2hpY2ggaXMgd2hpdGUgb24gd2hpdGUgYmFja2dyb3VuZClcbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG5gXG5cbnR5cGUgQ29udGVudFdyYXBwZXJQcm9wcyA9IFBpY2s8XG4gIFBvcG92ZXJQcm9wcyxcbiAgJ3RpdGxlJyB8ICdvbkNsb3NlJyB8ICdzZW50aW1lbnQnIHwgJ2NoaWxkcmVuJ1xuPlxuXG5jb25zdCBDb250ZW50V3JhcHBlciA9ICh7XG4gIHRpdGxlLFxuICBvbkNsb3NlLFxuICBjaGlsZHJlbixcbiAgc2VudGltZW50LFxufTogQ29udGVudFdyYXBwZXJQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZ2FwPXsxfT5cbiAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICA8VGV4dFxuICAgICAgICBhcz1cImgzXCJcbiAgICAgICAgcHJvbWluZW5jZT17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnc3Ryb25nJyA6ICdzdHJvbmdlcid9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnbmV1dHJhbCcgOiAnd2hpdGUnfVxuICAgICAgICB2YXJpYW50PVwiYm9keVN0cm9uZ1wiXG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxCdXR0b25cbiAgICAgICAgYXJpYS1sYWJlbD1cImNsb3NlXCJcbiAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICdwcmltYXJ5J31cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD17c2VudGltZW50ID09PSAnbmV1dHJhbCcgPyAnZ2hvc3QnIDogJ2ZpbGxlZCd9XG4gICAgICA+XG4gICAgICAgIDxDbG9zZUljb24gLz5cbiAgICAgIDwvQnV0dG9uPlxuICAgIDwvU3RhY2s+XG4gICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ3N0cmluZycgPyAoXG4gICAgICA8VGV4dFxuICAgICAgICBhcz1cInBcIlxuICAgICAgICBwcm9taW5lbmNlPXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICdzdHJvbmcnIDogJ3N0cm9uZ2VyJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnQgPT09ICduZXV0cmFsJyA/ICduZXV0cmFsJyA6ICd3aGl0ZSd9XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKSA6IChcbiAgICAgIGNoaWxkcmVuXG4gICAgKX1cbiAgPC9TdHlsZWRTdGFjaz5cbilcblxudHlwZSBQb3BvdmVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY29udGVudDogUmVhY3ROb2RlXG4gIHRpdGxlOiBzdHJpbmdcbiAgc2VudGltZW50PzogU2VudGltZW50VHlwZVxuICB2aXNpYmxlPzogYm9vbGVhblxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTX1dJRFRIXG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIG1heEhlaWdodD86IHN0cmluZ1xuICAvKipcbiAgICogQnkgZGVmYXVsdCwgdGhlIHBvcnRhbCB0YXJnZXQgaXMgY2hpbGRyZW4gY29udGFpbmVyIG9yIGRvY3VtZW50LmJvZHkgaWYgY2hpbGRyZW4gaXMgYSBmdW5jdGlvbi4gWW91IGNhbiBvdmVycmlkZSB0aGlzXG4gICAqIGJlaGF2aW9yIGJ5IHNldHRpbmcgYSBwb3J0YWxUYXJnZXQgcHJvcC5cbiAgICovXG4gIHBvcnRhbFRhcmdldD86IEhUTUxFbGVtZW50XG4gIHBsYWNlbWVudD86IEV4Y2x1ZGU8Q29tcG9uZW50UHJvcHM8dHlwZW9mIFBvcHVwPlsncGxhY2VtZW50J10sICduZXN0ZWQtbWVudSc+XG59ICYgUGljazxDb21wb25lbnRQcm9wczx0eXBlb2YgUG9wdXA+LCAnZHluYW1pY0RvbVJlbmRlcmluZycgfCAnYWxpZ24nPlxuXG4vKipcbiAqIFBvcG92ZXIgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhZGRpdGlvbmFsIGluZm9ybWF0aW9uIG9yIGFjdGlvbnMgb24gdG9wIG9mIHRoZSBtYWluIGNvbnRlbnQgb2YgdGhlIHBhZ2UuXG4gKiBJdCBpcyB1c3VhbGx5IHRyaWdnZXJlZCBieSBjbGlja2luZyBvbiBhIGJ1dHRvbi4gSXQgaW5jbHVkZXMgYSB0aXRsZSwgYSBjbG9zZSBidXR0b24gYW5kIGEgY29udGVudCBhcmVhLlxuICovXG5leHBvcnQgY29uc3QgUG9wb3ZlciA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2aXNpYmxlID0gZmFsc2UsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIHBsYWNlbWVudCxcbiAgICAgIGNvbnRlbnQsXG4gICAgICB0aXRsZSxcbiAgICAgIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgICAgIHNpemUgPSAnbWVkaXVtJyxcbiAgICAgIG9uQ2xvc2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBwb3J0YWxUYXJnZXQsXG4gICAgICBkeW5hbWljRG9tUmVuZGVyaW5nLFxuICAgICAgYWxpZ24sXG4gICAgfTogUG9wb3ZlclByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxEaXZFbGVtZW50PixcbiAgKSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgaXNJbnNpZGVNb2RhbCA9IHVzZUNvbnRleHQoTW9kYWxDb250ZXh0KVxuICAgIGNvbnN0IFtsb2NhbFZpc2libGUsIHNldExvY2FsVmlzaWJsZV0gPSB1c2VTdGF0ZSh2aXNpYmxlKVxuXG4gICAgLy8gV2UgY2hhbmdlIGxvY2FsIHZhbHVlIGlmIHZpc2libGUgcHJvcCBjaGFuZ2VzXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZSh2aXNpYmxlKVxuICAgIH0sIFt2aXNpYmxlXSlcblxuICAgIGNvbnN0IGxvY2FsT25DbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHNldExvY2FsVmlzaWJsZShmYWxzZSlcbiAgICAgIG9uQ2xvc2U/LigpXG4gICAgfSwgW29uQ2xvc2VdKVxuXG4gICAgY29uc3Qgc21hcnRQb3J0YWxUYXJnZXQgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmICghcG9ydGFsVGFyZ2V0ICYmIGlzSW5zaWRlTW9kYWwpIHtcbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZFxuICAgICAgfVxuXG4gICAgICBpZiAoIXBvcnRhbFRhcmdldCAmJiAhaXNJbnNpZGVNb2RhbCkge1xuICAgICAgICByZXR1cm4gZG9jdW1lbnQuYm9keVxuICAgICAgfVxuXG4gICAgICByZXR1cm4gcG9ydGFsVGFyZ2V0XG4gICAgfSwgW2lzSW5zaWRlTW9kYWwsIHBvcnRhbFRhcmdldF0pXG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFBvcHVwXG4gICAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBkZWJvdW5jZURlbGF5PXswfVxuICAgICAgICBkeW5hbWljRG9tUmVuZGVyaW5nPXtkeW5hbWljRG9tUmVuZGVyaW5nfVxuICAgICAgICBoaWRlT25DbGlja091dHNpZGVcbiAgICAgICAgaW5uZXJSZWY9e2lubmVyUmVmfVxuICAgICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgICBvbkNsb3NlPXtsb2NhbE9uQ2xvc2V9XG4gICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICBwb3J0YWxUYXJnZXQ9e3NtYXJ0UG9ydGFsVGFyZ2V0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIHRleHQ9e1xuICAgICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgICAgb25DbG9zZT17bG9jYWxPbkNsb3NlfVxuICAgICAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgICAgfVxuICAgICAgICB2aXNpYmxlPXtsb2NhbFZpc2libGV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkUG9wdXA+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
+import { popover, stackPopover } from "./styles.css.js";
 const ContentWrapper = ({
   title,
   onClose,
   children,
   sentiment
-}) => /* @__PURE__ */ jsxs(StyledStack, { gap: 1, children: [
+}) => /* @__PURE__ */ jsxs(Stack, { className: stackPopover, gap: 1, children: [
   /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [
     /* @__PURE__ */ jsx(Text, { as: "h3", prominence: sentiment === "neutral" ? "strong" : "stronger", sentiment: sentiment === "neutral" ? "neutral" : "white", variant: "bodyStrong", children: title }),
     /* @__PURE__ */ jsx(Button, { "aria-label": "close", onClick: onClose, sentiment: sentiment === "neutral" ? "neutral" : "primary", size: "small", variant: sentiment === "neutral" ? "ghost" : "filled", children: /* @__PURE__ */ jsx(CloseIcon, {}) })
@@ -92,7 +56,10 @@ const Popover = forwardRef(({
     }
     return portalTarget;
   }, [isInsideModal, portalTarget]);
-  return /* @__PURE__ */ jsx(StyledPopup, { align, className, "data-testid": dataTestId, debounceDelay: 0, dynamicDomRendering, hideOnClickOutside: true, innerRef, maxHeight, maxWidth, onClose: localOnClose, placement, portalTarget: smartPortalTarget, ref, role: "dialog", sentiment, size, tabIndex: -1, text: /* @__PURE__ */ jsx(ContentWrapper, { onClose: localOnClose, sentiment, title, children: content }), visible: localVisible, children });
+  return /* @__PURE__ */ jsx(Popup, { align, className: `${className ? `${className} ` : ""}${popover({
+    sentiment,
+    size
+  })}`, "data-testid": dataTestId, debounceDelay: 0, dynamicDomRendering, hideOnClickOutside: true, innerRef, maxHeight, maxWidth, onClose: localOnClose, placement, portalTarget: smartPortalTarget, ref, role: "dialog", tabIndex: -1, text: /* @__PURE__ */ jsx(ContentWrapper, { onClose: localOnClose, sentiment, title, children: content }), visible: localVisible, children });
 });
 export {
   Popover

package/dist/components/Popover/styles.css.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var popover = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1awdzfa0", variantClassNames: { sentiment: { neutral: "uv_1awdzfa1", primary: "uv_1awdzfa2" }, size: { large: "uv_1awdzfa3", medium: "uv_1awdzfa4", small: "uv_1awdzfa5" } }, defaultVariants: {}, compoundVariants: [] });
+var stackPopover = "uv_1awdzfa6";
+exports.popover = popover;
+exports.stackPopover = stackPopover;

package/dist/components/Popover/styles.css.d.ts

@@ -0,0 +1,35 @@
+export declare const popover: import("@vanilla-extract/recipes").RuntimeFn<{
+    sentiment: {
+        neutral: {
+            backgroundColor: `var(--${string})`;
+            selectors: {
+                '&::after': {
+                    borderColor: `var(--${string}) transparent transparent transparent`;
+                };
+            };
+        };
+        primary: {
+            backgroundColor: `var(--${string})`;
+            selectors: {
+                '&::after': {
+                    borderColor: `var(--${string}) transparent transparent transparent`;
+                };
+            };
+        };
+    };
+    size: {
+        large: {
+            width: string;
+            maxWidth: string;
+        };
+        medium: {
+            width: string;
+            maxWidth: string;
+        };
+        small: {
+            width: string;
+            maxWidth: string;
+        };
+    };
+}>;
+export declare const stackPopover: string;

package/dist/components/Popover/styles.css.js

@@ -0,0 +1,8 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var popover = createRuntimeFn({ defaultClassName: "uv_1awdzfa0", variantClassNames: { sentiment: { neutral: "uv_1awdzfa1", primary: "uv_1awdzfa2" }, size: { large: "uv_1awdzfa3", medium: "uv_1awdzfa4", small: "uv_1awdzfa5" } }, defaultVariants: {}, compoundVariants: [] });
+var stackPopover = "uv_1awdzfa6";
+export {
+  popover,
+  stackPopover
+};