@ultraviolet/ui 3.0.0-beta.8 → 3.0.0

package/dist/components/Tag/index.js

@@ -1,6 +1,5 @@
 "use client";
-import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons";
 import { useMemo } from "react";
 import useClipboard from "react-use-clipboard";
@@ -8,93 +7,39 @@ import { Button } from "../Button/index.js";
 import { Loader } from "../Loader/index.js";
 import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
+import { containerTag, textTag, closeButtonTag } from "./styles.css.js";
 const COPY_DURATION = 2500;
-const StyledContainer = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["sentiment", "copiable"].includes(prop),
-  target: "el6733p2"
-} : {
-  shouldForwardProp: (prop) => !["sentiment", "copiable"].includes(prop),
-  target: "el6733p2",
-  label: "StyledContainer"
-})("display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:", ({
-  theme
-}) => theme.radii.default, ";padding:0 ", ({
-  theme
-}) => theme.space["1"], ";gap:", ({
-  theme
-}) => theme.space["1"], ";width:fit-content;height:", ({
-  theme
-}) => theme.sizing["300"], ";", ({
-  copiable,
-  theme
-}) => copiable && `
-    &:hover, &:active {
-      cursor: pointer;
-      background: ${theme.colors.neutral.backgroundWeakHover};
-      border-color: ${theme.colors.neutral.borderStrongHover};
-    }
-
-    &:active {
-      box-shadow: ${theme.shadows.focusNeutral};
-    }
-  `, " ", ({
-  sentiment,
-  theme
-}) => {
-  if (sentiment === "disabled") {
-    return `
-      color: ${theme.colors.neutral.textDisabled};
-      background: ${theme.colors.neutral.backgroundDisabled};
-      border: solid 1px ${theme.colors.neutral.borderDisabled};
-      cursor: not-allowed
-
-    `;
-  }
-  if (sentiment === "neutral") {
-    return `
-      color: ${theme.colors.neutral.text};
-      background: ${theme.colors.neutral.background};
-      border: solid 1px ${theme.colors.neutral.border};
-    `;
-  }
-  return `
-      color: ${theme.colors[sentiment].text};
-      background: ${theme.colors[sentiment].background};
-      border: solid 1px ${theme.colors[sentiment].background};
-    `;
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJ5RCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQ2xvc2VJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdXNlQ2xpcGJvYXJkIGZyb20gJ3JlYWN0LXVzZS1jbGlwYm9hcmQnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBMb2FkZXIgfSBmcm9tICcuLi9Mb2FkZXInXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuXG5jb25zdCBDT1BZX0RVUkFUSU9OID0gMjUwMFxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCcsICdjb3BpYWJsZSddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzZW50aW1lbnQ6IENvbG9yIHwgJ2Rpc2FibGVkJzsgY29waWFibGU/OiBib29sZWFuIH0+YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgJHsoeyBjb3BpYWJsZSwgdGhlbWUgfSkgPT5cbiAgICBjb3BpYWJsZSAmJlxuICAgIGBcbiAgICAmOmhvdmVyLCAmOmFjdGl2ZSB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrSG92ZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlclN0cm9uZ0hvdmVyfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZm9jdXNOZXV0cmFsfTtcbiAgICB9XG4gIGB9XG5cbiAgJHsoeyBzZW50aW1lbnQsIHRoZW1lIH0pID0+IHtcbiAgICBpZiAoc2VudGltZW50ID09PSAnZGlzYWJsZWQnKSB7XG4gICAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICAgIGJvcmRlcjogc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZFxuXG4gICAgYFxuICAgIH1cbiAgICBpZiAoc2VudGltZW50ID09PSAnbmV1dHJhbCcpIHtcbiAgICAgIHJldHVybiBgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gICAgICBib3JkZXI6IHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gICAgYFxuICAgIH1cblxuICAgIHJldHVybiBgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbc2VudGltZW50XS50ZXh0fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzW3NlbnRpbWVudF0uYmFja2dyb3VuZH07XG4gICAgICBib3JkZXI6IHNvbGlkIDFweCAke3RoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJhY2tncm91bmR9O1xuICAgIGBcbiAgfX1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgbWF4LXdpZHRoOiAxNC41cmVtO1xuYFxuXG50eXBlIFRhZ1Byb3BzID0ge1xuICBpc0xvYWRpbmc/OiBib29sZWFuXG4gIG9uQ2xvc2U/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgc2VudGltZW50PzogQ29sb3JcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNvcGlhYmxlPzogYm9vbGVhblxuICBjb3B5VGV4dD86IHN0cmluZ1xuICBjb3BpZWRUZXh0Pzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxudHlwZSBUYWdJbm5lclByb3BzID0gT21pdDxcbiAgVGFnUHJvcHMsXG4gICdjb3BpYWJsZScgfCAnY29weVRleHQnIHwgJ2NvcGllZFRleHQnIHwgJ2NsYXNzTmFtZScgfCAnZGF0YS10ZXN0aWQnXG4+XG5cbmNvbnN0IFN0eWxlZENsb3NlQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC4yNSddfTtcbmBcblxuY29uc3QgVGFnSW5uZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgaXNMb2FkaW5nID0gZmFsc2UsXG4gIG9uQ2xvc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG59OiBUYWdJbm5lclByb3BzKSA9PiAoXG4gIDw+XG4gICAgPFN0eWxlZFRleHQgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9IGFzPVwiZGl2XCIgb25lTGluZSB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVGV4dD5cblxuICAgIHtvbkNsb3NlICYmICFpc0xvYWRpbmcgPyAoXG4gICAgICA8U3R5bGVkQ2xvc2VCdXR0b25cbiAgICAgICAgYXJpYS1sYWJlbD1cIkNsb3NlIHRhZ1wiXG4gICAgICAgIGRhdGEtdGVzdGlkPVwiY2xvc2UtdGFnXCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgID5cbiAgICAgICAgPENsb3NlSWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgPC9TdHlsZWRDbG9zZUJ1dHRvbj5cbiAgICApIDogbnVsbH1cbiAgICB7aXNMb2FkaW5nID8gPExvYWRlciBhY3RpdmUgc2l6ZT1cInNtYWxsXCIgLz4gOiBudWxsfVxuICA8Lz5cbilcblxuLyoqXG4gKiBUYWcgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIHNob3J0IHRleHQgZGVzY3JpcHRpb24gb2YgYW4gaXRlbS4gSXQgY2FuIGJlIHVzZWQgdG8gZGlzcGxheSBhIGNhdGVnb3J5XG4gKiBvciBhbnkgb3RoZXIgbWV0YWRhdGEuXG4gKi9cbmV4cG9ydCBjb25zdCBUYWcgPSAoe1xuICBjaGlsZHJlbixcbiAgaXNMb2FkaW5nLFxuICBvbkNsb3NlLFxuICBjb3BpYWJsZSA9IGZhbHNlLFxuICBjb3B5VGV4dCA9ICdDb3B5JyxcbiAgY29waWVkVGV4dCA9ICdDb3BpZWQhJyxcbiAgZGlzYWJsZWQsXG4gIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogVGFnUHJvcHMpID0+IHtcbiAgY29uc3Qgc3RyaW5nQ2hpbGRyZW4gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAodHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJykge1xuICAgICAgcmV0dXJuIGNoaWxkcmVuXG4gICAgfVxuXG4gICAgaWYgKEFycmF5LmlzQXJyYXkoY2hpbGRyZW4pKSB7XG4gICAgICByZXR1cm4gY2hpbGRyZW4uZmlsdGVyKGNoaWxkID0+IHR5cGVvZiBjaGlsZCA9PT0gJ3N0cmluZycpLmpvaW4oJycpXG4gICAgfVxuXG4gICAgcmV0dXJuICcnXG4gIH0sIFtjaGlsZHJlbl0pXG5cbiAgY29uc3QgW2lzQ29waWVkLCBzZXRDb3BpZWRdID0gdXNlQ2xpcGJvYXJkKHN0cmluZ0NoaWxkcmVuLCB7XG4gICAgc3VjY2Vzc0R1cmF0aW9uOiBDT1BZX0RVUkFUSU9OLFxuICB9KVxuXG4gIGlmIChjb3BpYWJsZSAmJiAhZGlzYWJsZWQpIHtcbiAgICBjb25zdCBDb250YWluZXIgPSBTdHlsZWRDb250YWluZXIud2l0aENvbXBvbmVudCgnYnV0dG9uJylcblxuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtpc0NvcGllZCA/IGNvcGllZFRleHQgOiBjb3B5VGV4dH0+XG4gICAgICAgIDxDb250YWluZXJcbiAgICAgICAgICAvLyBAbm90ZTogc2VuZGluZyBkaXNhYmxlZCBhcyBhIHNwZWNpYWwgc2VudGltZW50IGlzIGEgYml0IHdlaXJkXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgY29waWFibGVcbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICBvbkNsaWNrPXtzZXRDb3BpZWR9XG4gICAgICAgICAgc2VudGltZW50PXtkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBzZW50aW1lbnR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGFnSW5uZXIgZGlzYWJsZWQ9e2Rpc2FibGVkfSBpc0xvYWRpbmc9e2lzTG9hZGluZ30gb25DbG9zZT17b25DbG9zZX0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWdJbm5lcj5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgc2VudGltZW50PXtkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBzZW50aW1lbnR9XG4gICAgPlxuICAgICAgPFRhZ0lubmVyIGRpc2FibGVkPXtkaXNhYmxlZH0gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhZ0lubmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
-const StyledText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  target: "el6733p1"
-} : {
-  target: "el6733p1",
-  label: "StyledText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "kso1ut",
-  styles: "max-width:14.5rem"
-} : {
-  name: "kso1ut",
-  styles: "max-width:14.5rem/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUUrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQ2xvc2VJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdXNlQ2xpcGJvYXJkIGZyb20gJ3JlYWN0LXVzZS1jbGlwYm9hcmQnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBMb2FkZXIgfSBmcm9tICcuLi9Mb2FkZXInXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuXG5jb25zdCBDT1BZX0RVUkFUSU9OID0gMjUwMFxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCcsICdjb3BpYWJsZSddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzZW50aW1lbnQ6IENvbG9yIHwgJ2Rpc2FibGVkJzsgY29waWFibGU/OiBib29sZWFuIH0+YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgJHsoeyBjb3BpYWJsZSwgdGhlbWUgfSkgPT5cbiAgICBjb3BpYWJsZSAmJlxuICAgIGBcbiAgICAmOmhvdmVyLCAmOmFjdGl2ZSB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrSG92ZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlclN0cm9uZ0hvdmVyfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZm9jdXNOZXV0cmFsfTtcbiAgICB9XG4gIGB9XG5cbiAgJHsoeyBzZW50aW1lbnQsIHRoZW1lIH0pID0+IHtcbiAgICBpZiAoc2VudGltZW50ID09PSAnZGlzYWJsZWQnKSB7XG4gICAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICAgIGJvcmRlcjogc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZFxuXG4gICAgYFxuICAgIH1cbiAgICBpZiAoc2VudGltZW50ID09PSAnbmV1dHJhbCcpIHtcbiAgICAgIHJldHVybiBgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gICAgICBib3JkZXI6IHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gICAgYFxuICAgIH1cblxuICAgIHJldHVybiBgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbc2VudGltZW50XS50ZXh0fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzW3NlbnRpbWVudF0uYmFja2dyb3VuZH07XG4gICAgICBib3JkZXI6IHNvbGlkIDFweCAke3RoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJhY2tncm91bmR9O1xuICAgIGBcbiAgfX1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgbWF4LXdpZHRoOiAxNC41cmVtO1xuYFxuXG50eXBlIFRhZ1Byb3BzID0ge1xuICBpc0xvYWRpbmc/OiBib29sZWFuXG4gIG9uQ2xvc2U/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgc2VudGltZW50PzogQ29sb3JcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNvcGlhYmxlPzogYm9vbGVhblxuICBjb3B5VGV4dD86IHN0cmluZ1xuICBjb3BpZWRUZXh0Pzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxudHlwZSBUYWdJbm5lclByb3BzID0gT21pdDxcbiAgVGFnUHJvcHMsXG4gICdjb3BpYWJsZScgfCAnY29weVRleHQnIHwgJ2NvcGllZFRleHQnIHwgJ2NsYXNzTmFtZScgfCAnZGF0YS10ZXN0aWQnXG4+XG5cbmNvbnN0IFN0eWxlZENsb3NlQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC4yNSddfTtcbmBcblxuY29uc3QgVGFnSW5uZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgaXNMb2FkaW5nID0gZmFsc2UsXG4gIG9uQ2xvc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG59OiBUYWdJbm5lclByb3BzKSA9PiAoXG4gIDw+XG4gICAgPFN0eWxlZFRleHQgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9IGFzPVwiZGl2XCIgb25lTGluZSB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVGV4dD5cblxuICAgIHtvbkNsb3NlICYmICFpc0xvYWRpbmcgPyAoXG4gICAgICA8U3R5bGVkQ2xvc2VCdXR0b25cbiAgICAgICAgYXJpYS1sYWJlbD1cIkNsb3NlIHRhZ1wiXG4gICAgICAgIGRhdGEtdGVzdGlkPVwiY2xvc2UtdGFnXCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgID5cbiAgICAgICAgPENsb3NlSWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgPC9TdHlsZWRDbG9zZUJ1dHRvbj5cbiAgICApIDogbnVsbH1cbiAgICB7aXNMb2FkaW5nID8gPExvYWRlciBhY3RpdmUgc2l6ZT1cInNtYWxsXCIgLz4gOiBudWxsfVxuICA8Lz5cbilcblxuLyoqXG4gKiBUYWcgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIHNob3J0IHRleHQgZGVzY3JpcHRpb24gb2YgYW4gaXRlbS4gSXQgY2FuIGJlIHVzZWQgdG8gZGlzcGxheSBhIGNhdGVnb3J5XG4gKiBvciBhbnkgb3RoZXIgbWV0YWRhdGEuXG4gKi9cbmV4cG9ydCBjb25zdCBUYWcgPSAoe1xuICBjaGlsZHJlbixcbiAgaXNMb2FkaW5nLFxuICBvbkNsb3NlLFxuICBjb3BpYWJsZSA9IGZhbHNlLFxuICBjb3B5VGV4dCA9ICdDb3B5JyxcbiAgY29waWVkVGV4dCA9ICdDb3BpZWQhJyxcbiAgZGlzYWJsZWQsXG4gIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogVGFnUHJvcHMpID0+IHtcbiAgY29uc3Qgc3RyaW5nQ2hpbGRyZW4gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAodHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJykge1xuICAgICAgcmV0dXJuIGNoaWxkcmVuXG4gICAgfVxuXG4gICAgaWYgKEFycmF5LmlzQXJyYXkoY2hpbGRyZW4pKSB7XG4gICAgICByZXR1cm4gY2hpbGRyZW4uZmlsdGVyKGNoaWxkID0+IHR5cGVvZiBjaGlsZCA9PT0gJ3N0cmluZycpLmpvaW4oJycpXG4gICAgfVxuXG4gICAgcmV0dXJuICcnXG4gIH0sIFtjaGlsZHJlbl0pXG5cbiAgY29uc3QgW2lzQ29waWVkLCBzZXRDb3BpZWRdID0gdXNlQ2xpcGJvYXJkKHN0cmluZ0NoaWxkcmVuLCB7XG4gICAgc3VjY2Vzc0R1cmF0aW9uOiBDT1BZX0RVUkFUSU9OLFxuICB9KVxuXG4gIGlmIChjb3BpYWJsZSAmJiAhZGlzYWJsZWQpIHtcbiAgICBjb25zdCBDb250YWluZXIgPSBTdHlsZWRDb250YWluZXIud2l0aENvbXBvbmVudCgnYnV0dG9uJylcblxuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtpc0NvcGllZCA/IGNvcGllZFRleHQgOiBjb3B5VGV4dH0+XG4gICAgICAgIDxDb250YWluZXJcbiAgICAgICAgICAvLyBAbm90ZTogc2VuZGluZyBkaXNhYmxlZCBhcyBhIHNwZWNpYWwgc2VudGltZW50IGlzIGEgYml0IHdlaXJkXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgY29waWFibGVcbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICBvbkNsaWNrPXtzZXRDb3BpZWR9XG4gICAgICAgICAgc2VudGltZW50PXtkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBzZW50aW1lbnR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGFnSW5uZXIgZGlzYWJsZWQ9e2Rpc2FibGVkfSBpc0xvYWRpbmc9e2lzTG9hZGluZ30gb25DbG9zZT17b25DbG9zZX0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWdJbm5lcj5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgc2VudGltZW50PXtkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBzZW50aW1lbnR9XG4gICAgPlxuICAgICAgPFRhZ0lubmVyIGRpc2FibGVkPXtkaXNhYmxlZH0gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhZ0lubmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledCloseButton = /* @__PURE__ */ _styled(Button, process.env.NODE_ENV === "production" ? {
-  target: "el6733p0"
-} : {
-  target: "el6733p0",
-  label: "StyledCloseButton"
-})("width:fit-content;height:fit-content;padding:", ({
-  theme
-}) => theme.space["0.25"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZ3QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWcvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQ2xvc2VJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdXNlQ2xpcGJvYXJkIGZyb20gJ3JlYWN0LXVzZS1jbGlwYm9hcmQnXG5pbXBvcnQgdHlwZSB7IENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBMb2FkZXIgfSBmcm9tICcuLi9Mb2FkZXInXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuXG5jb25zdCBDT1BZX0RVUkFUSU9OID0gMjUwMFxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCcsICdjb3BpYWJsZSddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzZW50aW1lbnQ6IENvbG9yIHwgJ2Rpc2FibGVkJzsgY29waWFibGU/OiBib29sZWFuIH0+YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzMwMCddfTtcbiAgJHsoeyBjb3BpYWJsZSwgdGhlbWUgfSkgPT5cbiAgICBjb3BpYWJsZSAmJlxuICAgIGBcbiAgICAmOmhvdmVyLCAmOmFjdGl2ZSB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrSG92ZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlclN0cm9uZ0hvdmVyfTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3MuZm9jdXNOZXV0cmFsfTtcbiAgICB9XG4gIGB9XG5cbiAgJHsoeyBzZW50aW1lbnQsIHRoZW1lIH0pID0+IHtcbiAgICBpZiAoc2VudGltZW50ID09PSAnZGlzYWJsZWQnKSB7XG4gICAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICAgIGJvcmRlcjogc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZFxuXG4gICAgYFxuICAgIH1cbiAgICBpZiAoc2VudGltZW50ID09PSAnbmV1dHJhbCcpIHtcbiAgICAgIHJldHVybiBgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gICAgICBib3JkZXI6IHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gICAgYFxuICAgIH1cblxuICAgIHJldHVybiBgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbc2VudGltZW50XS50ZXh0fTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzW3NlbnRpbWVudF0uYmFja2dyb3VuZH07XG4gICAgICBib3JkZXI6IHNvbGlkIDFweCAke3RoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJhY2tncm91bmR9O1xuICAgIGBcbiAgfX1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgbWF4LXdpZHRoOiAxNC41cmVtO1xuYFxuXG50eXBlIFRhZ1Byb3BzID0ge1xuICBpc0xvYWRpbmc/OiBib29sZWFuXG4gIG9uQ2xvc2U/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD5cbiAgc2VudGltZW50PzogQ29sb3JcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNvcGlhYmxlPzogYm9vbGVhblxuICBjb3B5VGV4dD86IHN0cmluZ1xuICBjb3BpZWRUZXh0Pzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxudHlwZSBUYWdJbm5lclByb3BzID0gT21pdDxcbiAgVGFnUHJvcHMsXG4gICdjb3BpYWJsZScgfCAnY29weVRleHQnIHwgJ2NvcGllZFRleHQnIHwgJ2NsYXNzTmFtZScgfCAnZGF0YS10ZXN0aWQnXG4+XG5cbmNvbnN0IFN0eWxlZENsb3NlQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC4yNSddfTtcbmBcblxuY29uc3QgVGFnSW5uZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgaXNMb2FkaW5nID0gZmFsc2UsXG4gIG9uQ2xvc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG59OiBUYWdJbm5lclByb3BzKSA9PiAoXG4gIDw+XG4gICAgPFN0eWxlZFRleHQgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9IGFzPVwiZGl2XCIgb25lTGluZSB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVGV4dD5cblxuICAgIHtvbkNsb3NlICYmICFpc0xvYWRpbmcgPyAoXG4gICAgICA8U3R5bGVkQ2xvc2VCdXR0b25cbiAgICAgICAgYXJpYS1sYWJlbD1cIkNsb3NlIHRhZ1wiXG4gICAgICAgIGRhdGEtdGVzdGlkPVwiY2xvc2UtdGFnXCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgID5cbiAgICAgICAgPENsb3NlSWNvbiBzaXplPVwic21hbGxcIiAvPlxuICAgICAgPC9TdHlsZWRDbG9zZUJ1dHRvbj5cbiAgICApIDogbnVsbH1cbiAgICB7aXNMb2FkaW5nID8gPExvYWRlciBhY3RpdmUgc2l6ZT1cInNtYWxsXCIgLz4gOiBudWxsfVxuICA8Lz5cbilcblxuLyoqXG4gKiBUYWcgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIHNob3J0IHRleHQgZGVzY3JpcHRpb24gb2YgYW4gaXRlbS4gSXQgY2FuIGJlIHVzZWQgdG8gZGlzcGxheSBhIGNhdGVnb3J5XG4gKiBvciBhbnkgb3RoZXIgbWV0YWRhdGEuXG4gKi9cbmV4cG9ydCBjb25zdCBUYWcgPSAoe1xuICBjaGlsZHJlbixcbiAgaXNMb2FkaW5nLFxuICBvbkNsb3NlLFxuICBjb3BpYWJsZSA9IGZhbHNlLFxuICBjb3B5VGV4dCA9ICdDb3B5JyxcbiAgY29waWVkVGV4dCA9ICdDb3BpZWQhJyxcbiAgZGlzYWJsZWQsXG4gIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogVGFnUHJvcHMpID0+IHtcbiAgY29uc3Qgc3RyaW5nQ2hpbGRyZW4gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAodHlwZW9mIGNoaWxkcmVuID09PSAnc3RyaW5nJykge1xuICAgICAgcmV0dXJuIGNoaWxkcmVuXG4gICAgfVxuXG4gICAgaWYgKEFycmF5LmlzQXJyYXkoY2hpbGRyZW4pKSB7XG4gICAgICByZXR1cm4gY2hpbGRyZW4uZmlsdGVyKGNoaWxkID0+IHR5cGVvZiBjaGlsZCA9PT0gJ3N0cmluZycpLmpvaW4oJycpXG4gICAgfVxuXG4gICAgcmV0dXJuICcnXG4gIH0sIFtjaGlsZHJlbl0pXG5cbiAgY29uc3QgW2lzQ29waWVkLCBzZXRDb3BpZWRdID0gdXNlQ2xpcGJvYXJkKHN0cmluZ0NoaWxkcmVuLCB7XG4gICAgc3VjY2Vzc0R1cmF0aW9uOiBDT1BZX0RVUkFUSU9OLFxuICB9KVxuXG4gIGlmIChjb3BpYWJsZSAmJiAhZGlzYWJsZWQpIHtcbiAgICBjb25zdCBDb250YWluZXIgPSBTdHlsZWRDb250YWluZXIud2l0aENvbXBvbmVudCgnYnV0dG9uJylcblxuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtpc0NvcGllZCA/IGNvcGllZFRleHQgOiBjb3B5VGV4dH0+XG4gICAgICAgIDxDb250YWluZXJcbiAgICAgICAgICAvLyBAbm90ZTogc2VuZGluZyBkaXNhYmxlZCBhcyBhIHNwZWNpYWwgc2VudGltZW50IGlzIGEgYml0IHdlaXJkXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgY29waWFibGVcbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICBvbkNsaWNrPXtzZXRDb3BpZWR9XG4gICAgICAgICAgc2VudGltZW50PXtkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBzZW50aW1lbnR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGFnSW5uZXIgZGlzYWJsZWQ9e2Rpc2FibGVkfSBpc0xvYWRpbmc9e2lzTG9hZGluZ30gb25DbG9zZT17b25DbG9zZX0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UYWdJbm5lcj5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgc2VudGltZW50PXtkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBzZW50aW1lbnR9XG4gICAgPlxuICAgICAgPFRhZ0lubmVyIGRpc2FibGVkPXtkaXNhYmxlZH0gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhZ0lubmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
 const TagInner = ({
   children,
   isLoading = false,
   onClose,
   disabled = false
 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(StyledText, { "aria-disabled": disabled, as: "div", oneLine: true, variant: "caption", children }),
-  onClose && !isLoading ? /* @__PURE__ */ jsx(StyledCloseButton, { "aria-label": "Close tag", "data-testid": "close-tag", disabled, onClick: onClose, sentiment: "neutral", size: "small", variant: "ghost", children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" }) }) : null,
+  /* @__PURE__ */ jsx(
+    Text,
+    {
+      "aria-disabled": disabled,
+      as: "span",
+      className: textTag,
+      oneLine: true,
+      variant: "caption",
+      children
+    }
+  ),
+  onClose && !isLoading ? /* @__PURE__ */ jsx(
+    Button,
+    {
+      "aria-label": "Close tag",
+      className: closeButtonTag,
+      "data-testid": "close-tag",
+      disabled,
+      onClick: onClose,
+      sentiment: "neutral",
+      size: "small",
+      variant: "ghost",
+      children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" })
+    }
+  ) : null,
   isLoading ? /* @__PURE__ */ jsx(Loader, { active: true, size: "small" }) : null
 ] });
 const Tag = ({
@@ -107,6 +52,7 @@ const Tag = ({
   disabled,
   sentiment = "neutral",
   className,
+  style,
   "data-testid": dataTestId
 }) => {
   const stringChildren = useMemo(() => {
@@ -122,25 +68,26 @@ const Tag = ({
     successDuration: COPY_DURATION
   });
   if (copiable && !disabled) {
-    const Container = StyledContainer.withComponent("button", process.env.NODE_ENV === "production" ? {
-      target: "el6733p3"
-    } : {
-      target: "el6733p3",
-      label: "Container"
-    });
     return /* @__PURE__ */ jsx(Tooltip, { text: isCopied ? copiedText : copyText, children: /* @__PURE__ */ jsx(
-      Container,
+      "button",
       {
-        className,
-        copiable: true,
+        className: `${className ? `${className} ` : ""}${containerTag({ copiable, disabled, sentiment })}`,
         "data-testid": dataTestId,
+        disabled,
         onClick: setCopied,
-        sentiment: disabled ? "disabled" : sentiment,
         children: /* @__PURE__ */ jsx(TagInner, { disabled, isLoading, onClose, children })
       }
     ) });
   }
-  return /* @__PURE__ */ jsx(StyledContainer, { className, "data-testid": dataTestId, sentiment: disabled ? "disabled" : sentiment, children: /* @__PURE__ */ jsx(TagInner, { disabled, isLoading, onClose, children }) });
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `${className ? `${className} ` : ""}${containerTag({ disabled, sentiment })}`,
+      "data-testid": dataTestId,
+      style,
+      children: /* @__PURE__ */ jsx(TagInner, { disabled, isLoading, onClose, children })
+    }
+  );
 };
 export {
   Tag

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

@@ -0,0 +1,34 @@
+export declare const SENTIMENTS: readonly ["danger", "info", "neutral", "primary", "secondary", "success", "warning"];
+export declare const containerTag: import("@vanilla-extract/recipes").RuntimeFn<{
+    copiable: {
+        true: {
+            selectors: {
+                '&:hover, &:active': {
+                    cursor: "pointer";
+                    background: `var(--${string})`;
+                    borderColor: `var(--${string})`;
+                };
+                '&:active': {
+                    boxShadow: `var(--${string})`;
+                };
+            };
+        };
+    };
+    sentiment: {
+        [k: string]: {
+            color: `var(--${string})`;
+            background: `var(--${string})`;
+            border: `solid 1px var(--${string})`;
+        };
+    };
+    disabled: {
+        true: {
+            color: `var(--${string})`;
+            background: `var(--${string})`;
+            border: `solid 1px var(--${string})`;
+            cursor: "not-allowed";
+        };
+    };
+}>;
+export declare const textTag: string;
+export declare const closeButtonTag: string;

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

@@ -0,0 +1,10 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var containerTag = createRuntimeFn({ defaultClassName: "uv_d6zknp0", variantClassNames: { copiable: { true: "uv_d6zknp1" }, sentiment: { danger: "uv_d6zknp2", info: "uv_d6zknp3", neutral: "uv_d6zknp4", primary: "uv_d6zknp5", secondary: "uv_d6zknp6", success: "uv_d6zknp7", warning: "uv_d6zknp8" }, disabled: { true: "uv_d6zknp9" } }, defaultVariants: { copiable: false, disabled: false, sentiment: "neutral" }, compoundVariants: [] });
+var textTag = "uv_d6zknpa";
+var closeButtonTag = "uv_d6zknpb";
+export {
+  closeButtonTag,
+  containerTag,
+  textTag
+};

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

@@ -1,9 +1,5 @@
-import type { ReactNode } from 'react';
-export declare const TAGINPUT_SIZE_PADDING: {
-    readonly large: "1.5";
-    readonly medium: "1";
-    readonly small: "0.5";
-};
+import type { CSSProperties, ReactNode } from 'react';
+import type { TAGINPUT_SIZE_PADDING } from './styles.css';
 type TagInputSize = keyof typeof TAGINPUT_SIZE_PADDING;
 type TagInputProp = (string | {
     label: string;
@@ -32,9 +28,10 @@ type TagInputProps = {
     readOnly?: boolean;
     tooltip?: string;
     clearable?: boolean;
+    style?: CSSProperties;
 };
 /**
  * TagInput is a component that allows users to input tags.
  */
-export declare const TagInput: ({ disabled, id, name, onChange, placeholder, value, className, "data-testid": dataTestId, "aria-label": ariaLabel, label, labelDescription, required, size, error, success, helper, readOnly, tooltip, clearable, }: TagInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TagInput: ({ disabled, id, name, onChange, placeholder, value, className, "data-testid": dataTestId, "aria-label": ariaLabel, label, labelDescription, required, size, error, success, helper, readOnly, tooltip, clearable, style, }: TagInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};