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

package/dist/components/Loader/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { useTheme } from "@emotion/react";
+import { loader, circle } from "./styles.css.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).";
 }
@@ -17,41 +17,12 @@ const SIZES = {
   xsmall: "150",
   xxlarge: "700"
 };
-const StyledSvg = /* @__PURE__ */ _styled("svg", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["active"].includes(prop),
-  target: "e1y1n78x1"
-} : {
-  shouldForwardProp: (prop) => !["active"].includes(prop),
-  target: "e1y1n78x1",
-  label: "StyledSvg"
-})(({
-  active
-}) => active ? `
-        animation: spin 0.75s linear infinite;
-
-        @keyframes spin {
-          from {
-            transform: rotate(0deg);
-          }
-          to {
-            transform: rotate(360deg);
-          }
-        }
-      ` : "", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J1QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Mb2FkZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IGNzcywgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBFeHRlbmRlZENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbmNvbnN0IFZJRVdCT1hfV0lEVEggPSAxMDBcbmNvbnN0IFZJRVdCT1hfSEVJR0hUID0gMTAwXG5jb25zdCBIQUxGX1ZJRVdCT1hfV0lEVEggPSBWSUVXQk9YX1dJRFRIIC8gMlxuY29uc3QgSEFMRl9WSUVXQk9YX0hFSUdIVCA9IFZJRVdCT1hfSEVJR0hUIC8gMlxuXG5leHBvcnQgY29uc3QgU0laRVMgPSB7XG4gIGxhcmdlOiAnMzAwJyxcbiAgbWVkaXVtOiAnMjUwJyxcbiAgc21hbGw6ICcyMDAnLFxuICB4bGFyZ2U6ICc0MDAnLFxuICB4c21hbGw6ICcxNTAnLFxuICB4eGxhcmdlOiAnNzAwJyxcbn0gYXMgY29uc3RcblxuY29uc3QgU3R5bGVkU3ZnID0gc3R5bGVkKCdzdmcnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2FjdGl2ZSddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBhY3RpdmU6IGJvb2xlYW4gfT5gXG4gICR7KHsgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlXG4gICAgICA/IGBcbiAgICAgICAgYW5pbWF0aW9uOiBzcGluIDAuNzVzIGxpbmVhciBpbmZpbml0ZTtcblxuICAgICAgICBAa2V5ZnJhbWVzIHNwaW4ge1xuICAgICAgICAgIGZyb20ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgXG4gICAgICA6ICcnfVxuYFxuXG50eXBlIExvYWRlclByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIHNlbnRpbWVudD86IEV4dGVuZGVkQ29sb3JcbiAgcGVyY2VudGFnZT86IG51bWJlclxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTXG4gIC8qKlxuICAgKiBMYWJlbCBzaG91bGQgYmUgZGVmaW5lZCBmb3IgYWNjZXNzaWJpbGl0eSwgdG8gaW5kaWNhdGUgd2hhdCBpcyBsb2FkaW5nXG4gICAqL1xuICBsYWJlbD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2lyY2xlID0gc3R5bGVkLmNpcmNsZWBcbnN0cm9rZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuYFxuXG4vKipcbiAqIExvYWRlciBpcyBhIGNpcmN1bGFyIHByb2dyZXNzIGluZGljYXRvciB0aGF0IGNhbiBiZSB1c2VkIHRvIGluZGljYXRlIHRoYXQgYW4gYWN0aW9uIGlzIGJlaW5nIHBlcmZvcm1lZC5cbiAqL1xuZXhwb3J0IGNvbnN0IExvYWRlciA9ICh7XG4gIHBlcmNlbnRhZ2UgPSAyMCxcbiAgc2l6ZSA9ICd4bGFyZ2UnLFxuICBzZW50aW1lbnQgPSAncHJpbWFyeScsXG4gIGFjdGl2ZSA9IGZhbHNlLFxuICBsYWJlbCA9ICdMb2FkaW5nJyxcbn06IExvYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IGNpcmNsZVJhZGl1cyA9IEhBTEZfVklFV0JPWF9IRUlHSFQgLSA4XG4gIGNvbnN0IGJvdW5kZWRQZXJjZW50YWdlID0gTWF0aC5taW4oTWF0aC5tYXgocGVyY2VudGFnZSwgMCksIDEwMCkgLyAxMDBcbiAgY29uc3QgY2lyY2xlRGlhbWV0ZXIgPSBNYXRoLlBJICogMiAqIGNpcmNsZVJhZGl1c1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFN2Z1xuICAgICAgYWN0aXZlPXthY3RpdmV9XG4gICAgICBhcmlhLWxhYmVsPXtsYWJlbH1cbiAgICAgIGFyaWEtdmFsdWVtYXg9ezEwMH1cbiAgICAgIGFyaWEtdmFsdWVtaW49ezB9XG4gICAgICBhcmlhLXZhbHVlbm93PXtwZXJjZW50YWdlfVxuICAgICAgYXJpYS12YWx1ZXRleHQ9e2Ake3BlcmNlbnRhZ2V9JWB9XG4gICAgICByb2xlPVwicHJvZ3Jlc3NiYXJcIlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0OiB0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dLFxuICAgICAgICB3aWR0aDogdGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXSxcbiAgICAgIH19XG4gICAgICB2aWV3Qm94PXtgMCAwICR7VklFV0JPWF9XSURUSH0gJHtWSUVXQk9YX0hFSUdIVH1gfVxuICAgID5cbiAgICAgIDxTdHlsZWRDaXJjbGVcbiAgICAgICAgY3g9e0hBTEZfVklFV0JPWF9XSURUSH1cbiAgICAgICAgY3k9e0hBTEZfVklFV0JPWF9IRUlHSFR9XG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBzdHJva2VXaWR0aD17MTZ9XG4gICAgICAvPlxuICAgICAgPGNpcmNsZVxuICAgICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB0cmFuc2l0aW9uOiBzdHJva2UtZGFzaG9mZnNldCAwLjVzIGVhc2UgMHM7XG4gICAgICAgIGB9XG4gICAgICAgIGN4PXtIQUxGX1ZJRVdCT1hfV0lEVEh9XG4gICAgICAgIGN5PXtIQUxGX1ZJRVdCT1hfSEVJR0hUfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHI9e2NpcmNsZVJhZGl1c31cbiAgICAgICAgc3Ryb2tlPXtcbiAgICAgICAgICBzZW50aW1lbnQgPT09ICdibGFjaycgfHwgc2VudGltZW50ID09PSAnd2hpdGUnXG4gICAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5vdGhlci5tb25vY2hyb21lW3NlbnRpbWVudF0uYmFja2dyb3VuZFxuICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnNbc2VudGltZW50XT8uYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgICB9XG4gICAgICAgIHN0cm9rZURhc2hhcnJheT17Y2lyY2xlRGlhbWV0ZXJ9XG4gICAgICAgIHN0cm9rZURhc2hvZmZzZXQ9eygxIC0gYm91bmRlZFBlcmNlbnRhZ2UpICogY2lyY2xlRGlhbWV0ZXJ9XG4gICAgICAgIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXsxNn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRTdmc+XG4gIClcbn1cbiJdfQ== */"));
-const StyledCircle = /* @__PURE__ */ _styled("circle", process.env.NODE_ENV === "production" ? {
-  target: "e1y1n78x0"
-} : {
-  target: "e1y1n78x0",
-  label: "StyledCircle"
-})("stroke:", ({
-  theme
-}) => theme.colors.neutral.border, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUR5QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Mb2FkZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IGNzcywgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBFeHRlbmRlZENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbmNvbnN0IFZJRVdCT1hfV0lEVEggPSAxMDBcbmNvbnN0IFZJRVdCT1hfSEVJR0hUID0gMTAwXG5jb25zdCBIQUxGX1ZJRVdCT1hfV0lEVEggPSBWSUVXQk9YX1dJRFRIIC8gMlxuY29uc3QgSEFMRl9WSUVXQk9YX0hFSUdIVCA9IFZJRVdCT1hfSEVJR0hUIC8gMlxuXG5leHBvcnQgY29uc3QgU0laRVMgPSB7XG4gIGxhcmdlOiAnMzAwJyxcbiAgbWVkaXVtOiAnMjUwJyxcbiAgc21hbGw6ICcyMDAnLFxuICB4bGFyZ2U6ICc0MDAnLFxuICB4c21hbGw6ICcxNTAnLFxuICB4eGxhcmdlOiAnNzAwJyxcbn0gYXMgY29uc3RcblxuY29uc3QgU3R5bGVkU3ZnID0gc3R5bGVkKCdzdmcnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2FjdGl2ZSddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBhY3RpdmU6IGJvb2xlYW4gfT5gXG4gICR7KHsgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlXG4gICAgICA/IGBcbiAgICAgICAgYW5pbWF0aW9uOiBzcGluIDAuNzVzIGxpbmVhciBpbmZpbml0ZTtcblxuICAgICAgICBAa2V5ZnJhbWVzIHNwaW4ge1xuICAgICAgICAgIGZyb20ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgXG4gICAgICA6ICcnfVxuYFxuXG50eXBlIExvYWRlclByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIHNlbnRpbWVudD86IEV4dGVuZGVkQ29sb3JcbiAgcGVyY2VudGFnZT86IG51bWJlclxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTXG4gIC8qKlxuICAgKiBMYWJlbCBzaG91bGQgYmUgZGVmaW5lZCBmb3IgYWNjZXNzaWJpbGl0eSwgdG8gaW5kaWNhdGUgd2hhdCBpcyBsb2FkaW5nXG4gICAqL1xuICBsYWJlbD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2lyY2xlID0gc3R5bGVkLmNpcmNsZWBcbnN0cm9rZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuYFxuXG4vKipcbiAqIExvYWRlciBpcyBhIGNpcmN1bGFyIHByb2dyZXNzIGluZGljYXRvciB0aGF0IGNhbiBiZSB1c2VkIHRvIGluZGljYXRlIHRoYXQgYW4gYWN0aW9uIGlzIGJlaW5nIHBlcmZvcm1lZC5cbiAqL1xuZXhwb3J0IGNvbnN0IExvYWRlciA9ICh7XG4gIHBlcmNlbnRhZ2UgPSAyMCxcbiAgc2l6ZSA9ICd4bGFyZ2UnLFxuICBzZW50aW1lbnQgPSAncHJpbWFyeScsXG4gIGFjdGl2ZSA9IGZhbHNlLFxuICBsYWJlbCA9ICdMb2FkaW5nJyxcbn06IExvYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IGNpcmNsZVJhZGl1cyA9IEhBTEZfVklFV0JPWF9IRUlHSFQgLSA4XG4gIGNvbnN0IGJvdW5kZWRQZXJjZW50YWdlID0gTWF0aC5taW4oTWF0aC5tYXgocGVyY2VudGFnZSwgMCksIDEwMCkgLyAxMDBcbiAgY29uc3QgY2lyY2xlRGlhbWV0ZXIgPSBNYXRoLlBJICogMiAqIGNpcmNsZVJhZGl1c1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFN2Z1xuICAgICAgYWN0aXZlPXthY3RpdmV9XG4gICAgICBhcmlhLWxhYmVsPXtsYWJlbH1cbiAgICAgIGFyaWEtdmFsdWVtYXg9ezEwMH1cbiAgICAgIGFyaWEtdmFsdWVtaW49ezB9XG4gICAgICBhcmlhLXZhbHVlbm93PXtwZXJjZW50YWdlfVxuICAgICAgYXJpYS12YWx1ZXRleHQ9e2Ake3BlcmNlbnRhZ2V9JWB9XG4gICAgICByb2xlPVwicHJvZ3Jlc3NiYXJcIlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0OiB0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dLFxuICAgICAgICB3aWR0aDogdGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXSxcbiAgICAgIH19XG4gICAgICB2aWV3Qm94PXtgMCAwICR7VklFV0JPWF9XSURUSH0gJHtWSUVXQk9YX0hFSUdIVH1gfVxuICAgID5cbiAgICAgIDxTdHlsZWRDaXJjbGVcbiAgICAgICAgY3g9e0hBTEZfVklFV0JPWF9XSURUSH1cbiAgICAgICAgY3k9e0hBTEZfVklFV0JPWF9IRUlHSFR9XG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBzdHJva2VXaWR0aD17MTZ9XG4gICAgICAvPlxuICAgICAgPGNpcmNsZVxuICAgICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB0cmFuc2l0aW9uOiBzdHJva2UtZGFzaG9mZnNldCAwLjVzIGVhc2UgMHM7XG4gICAgICAgIGB9XG4gICAgICAgIGN4PXtIQUxGX1ZJRVdCT1hfV0lEVEh9XG4gICAgICAgIGN5PXtIQUxGX1ZJRVdCT1hfSEVJR0hUfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHI9e2NpcmNsZVJhZGl1c31cbiAgICAgICAgc3Ryb2tlPXtcbiAgICAgICAgICBzZW50aW1lbnQgPT09ICdibGFjaycgfHwgc2VudGltZW50ID09PSAnd2hpdGUnXG4gICAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5vdGhlci5tb25vY2hyb21lW3NlbnRpbWVudF0uYmFja2dyb3VuZFxuICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnNbc2VudGltZW50XT8uYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgICB9XG4gICAgICAgIHN0cm9rZURhc2hhcnJheT17Y2lyY2xlRGlhbWV0ZXJ9XG4gICAgICAgIHN0cm9rZURhc2hvZmZzZXQ9eygxIC0gYm91bmRlZFBlcmNlbnRhZ2UpICogY2lyY2xlRGlhbWV0ZXJ9XG4gICAgICAgIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXsxNn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRTdmc+XG4gIClcbn1cbiJdfQ== */"));
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "si0mpz",
   styles: "transition:stroke-dashoffset 0.5s ease 0s"
 } : {
   name: "11f05l0-Loader",
-  styles: "transition:stroke-dashoffset 0.5s ease 0s;label:Loader;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZnQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Mb2FkZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IGNzcywgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBFeHRlbmRlZENvbG9yIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5cbmNvbnN0IFZJRVdCT1hfV0lEVEggPSAxMDBcbmNvbnN0IFZJRVdCT1hfSEVJR0hUID0gMTAwXG5jb25zdCBIQUxGX1ZJRVdCT1hfV0lEVEggPSBWSUVXQk9YX1dJRFRIIC8gMlxuY29uc3QgSEFMRl9WSUVXQk9YX0hFSUdIVCA9IFZJRVdCT1hfSEVJR0hUIC8gMlxuXG5leHBvcnQgY29uc3QgU0laRVMgPSB7XG4gIGxhcmdlOiAnMzAwJyxcbiAgbWVkaXVtOiAnMjUwJyxcbiAgc21hbGw6ICcyMDAnLFxuICB4bGFyZ2U6ICc0MDAnLFxuICB4c21hbGw6ICcxNTAnLFxuICB4eGxhcmdlOiAnNzAwJyxcbn0gYXMgY29uc3RcblxuY29uc3QgU3R5bGVkU3ZnID0gc3R5bGVkKCdzdmcnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2FjdGl2ZSddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBhY3RpdmU6IGJvb2xlYW4gfT5gXG4gICR7KHsgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlXG4gICAgICA/IGBcbiAgICAgICAgYW5pbWF0aW9uOiBzcGluIDAuNzVzIGxpbmVhciBpbmZpbml0ZTtcblxuICAgICAgICBAa2V5ZnJhbWVzIHNwaW4ge1xuICAgICAgICAgIGZyb20ge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgXG4gICAgICA6ICcnfVxuYFxuXG50eXBlIExvYWRlclByb3BzID0ge1xuICBhY3RpdmU/OiBib29sZWFuXG4gIHNlbnRpbWVudD86IEV4dGVuZGVkQ29sb3JcbiAgcGVyY2VudGFnZT86IG51bWJlclxuICBzaXplPzoga2V5b2YgdHlwZW9mIFNJWkVTXG4gIC8qKlxuICAgKiBMYWJlbCBzaG91bGQgYmUgZGVmaW5lZCBmb3IgYWNjZXNzaWJpbGl0eSwgdG8gaW5kaWNhdGUgd2hhdCBpcyBsb2FkaW5nXG4gICAqL1xuICBsYWJlbD86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2lyY2xlID0gc3R5bGVkLmNpcmNsZWBcbnN0cm9rZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuYFxuXG4vKipcbiAqIExvYWRlciBpcyBhIGNpcmN1bGFyIHByb2dyZXNzIGluZGljYXRvciB0aGF0IGNhbiBiZSB1c2VkIHRvIGluZGljYXRlIHRoYXQgYW4gYWN0aW9uIGlzIGJlaW5nIHBlcmZvcm1lZC5cbiAqL1xuZXhwb3J0IGNvbnN0IExvYWRlciA9ICh7XG4gIHBlcmNlbnRhZ2UgPSAyMCxcbiAgc2l6ZSA9ICd4bGFyZ2UnLFxuICBzZW50aW1lbnQgPSAncHJpbWFyeScsXG4gIGFjdGl2ZSA9IGZhbHNlLFxuICBsYWJlbCA9ICdMb2FkaW5nJyxcbn06IExvYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IGNpcmNsZVJhZGl1cyA9IEhBTEZfVklFV0JPWF9IRUlHSFQgLSA4XG4gIGNvbnN0IGJvdW5kZWRQZXJjZW50YWdlID0gTWF0aC5taW4oTWF0aC5tYXgocGVyY2VudGFnZSwgMCksIDEwMCkgLyAxMDBcbiAgY29uc3QgY2lyY2xlRGlhbWV0ZXIgPSBNYXRoLlBJICogMiAqIGNpcmNsZVJhZGl1c1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFN2Z1xuICAgICAgYWN0aXZlPXthY3RpdmV9XG4gICAgICBhcmlhLWxhYmVsPXtsYWJlbH1cbiAgICAgIGFyaWEtdmFsdWVtYXg9ezEwMH1cbiAgICAgIGFyaWEtdmFsdWVtaW49ezB9XG4gICAgICBhcmlhLXZhbHVlbm93PXtwZXJjZW50YWdlfVxuICAgICAgYXJpYS12YWx1ZXRleHQ9e2Ake3BlcmNlbnRhZ2V9JWB9XG4gICAgICByb2xlPVwicHJvZ3Jlc3NiYXJcIlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgaGVpZ2h0OiB0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dLFxuICAgICAgICB3aWR0aDogdGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXSxcbiAgICAgIH19XG4gICAgICB2aWV3Qm94PXtgMCAwICR7VklFV0JPWF9XSURUSH0gJHtWSUVXQk9YX0hFSUdIVH1gfVxuICAgID5cbiAgICAgIDxTdHlsZWRDaXJjbGVcbiAgICAgICAgY3g9e0hBTEZfVklFV0JPWF9XSURUSH1cbiAgICAgICAgY3k9e0hBTEZfVklFV0JPWF9IRUlHSFR9XG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBzdHJva2VXaWR0aD17MTZ9XG4gICAgICAvPlxuICAgICAgPGNpcmNsZVxuICAgICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB0cmFuc2l0aW9uOiBzdHJva2UtZGFzaG9mZnNldCAwLjVzIGVhc2UgMHM7XG4gICAgICAgIGB9XG4gICAgICAgIGN4PXtIQUxGX1ZJRVdCT1hfV0lEVEh9XG4gICAgICAgIGN5PXtIQUxGX1ZJRVdCT1hfSEVJR0hUfVxuICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgIHI9e2NpcmNsZVJhZGl1c31cbiAgICAgICAgc3Ryb2tlPXtcbiAgICAgICAgICBzZW50aW1lbnQgPT09ICdibGFjaycgfHwgc2VudGltZW50ID09PSAnd2hpdGUnXG4gICAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5vdGhlci5tb25vY2hyb21lW3NlbnRpbWVudF0uYmFja2dyb3VuZFxuICAgICAgICAgICAgOiB0aGVtZS5jb2xvcnNbc2VudGltZW50XT8uYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgICB9XG4gICAgICAgIHN0cm9rZURhc2hhcnJheT17Y2lyY2xlRGlhbWV0ZXJ9XG4gICAgICAgIHN0cm9rZURhc2hvZmZzZXQ9eygxIC0gYm91bmRlZFBlcmNlbnRhZ2UpICogY2lyY2xlRGlhbWV0ZXJ9XG4gICAgICAgIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZVdpZHRoPXsxNn1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRTdmc+XG4gIClcbn1cbiJdfQ== */",
+  styles: "transition:stroke-dashoffset 0.5s ease 0s;label:Loader;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xvYWRlci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VnQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Mb2FkZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IGNzcywgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB0eXBlIHsgRXh0ZW5kZWRDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHsgY2lyY2xlLCBsb2FkZXIgfSBmcm9tICcuL3N0eWxlcy5jc3MnXG5cbmNvbnN0IFZJRVdCT1hfV0lEVEggPSAxMDBcbmNvbnN0IFZJRVdCT1hfSEVJR0hUID0gMTAwXG5jb25zdCBIQUxGX1ZJRVdCT1hfV0lEVEggPSBWSUVXQk9YX1dJRFRIIC8gMlxuY29uc3QgSEFMRl9WSUVXQk9YX0hFSUdIVCA9IFZJRVdCT1hfSEVJR0hUIC8gMlxuXG5leHBvcnQgY29uc3QgU0laRVMgPSB7XG4gIGxhcmdlOiAnMzAwJyxcbiAgbWVkaXVtOiAnMjUwJyxcbiAgc21hbGw6ICcyMDAnLFxuICB4bGFyZ2U6ICc0MDAnLFxuICB4c21hbGw6ICcxNTAnLFxuICB4eGxhcmdlOiAnNzAwJyxcbn0gYXMgY29uc3RcblxudHlwZSBMb2FkZXJQcm9wcyA9IHtcbiAgYWN0aXZlPzogYm9vbGVhblxuICBzZW50aW1lbnQ/OiBFeHRlbmRlZENvbG9yXG4gIHBlcmNlbnRhZ2U/OiBudW1iZXJcbiAgc2l6ZT86IGtleW9mIHR5cGVvZiBTSVpFU1xuICAvKipcbiAgICogTGFiZWwgc2hvdWxkIGJlIGRlZmluZWQgZm9yIGFjY2Vzc2liaWxpdHksIHRvIGluZGljYXRlIHdoYXQgaXMgbG9hZGluZ1xuICAgKi9cbiAgbGFiZWw/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBMb2FkZXIgaXMgYSBjaXJjdWxhciBwcm9ncmVzcyBpbmRpY2F0b3IgdGhhdCBjYW4gYmUgdXNlZCB0byBpbmRpY2F0ZSB0aGF0IGFuIGFjdGlvbiBpcyBiZWluZyBwZXJmb3JtZWQuXG4gKi9cbmV4cG9ydCBjb25zdCBMb2FkZXIgPSAoe1xuICBwZXJjZW50YWdlID0gMjAsXG4gIHNpemUgPSAneGxhcmdlJyxcbiAgc2VudGltZW50ID0gJ3ByaW1hcnknLFxuICBhY3RpdmUgPSBmYWxzZSxcbiAgbGFiZWwgPSAnTG9hZGluZycsXG59OiBMb2FkZXJQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBjaXJjbGVSYWRpdXMgPSBIQUxGX1ZJRVdCT1hfSEVJR0hUIC0gOFxuICBjb25zdCBib3VuZGVkUGVyY2VudGFnZSA9IE1hdGgubWluKE1hdGgubWF4KHBlcmNlbnRhZ2UsIDApLCAxMDApIC8gMTAwXG4gIGNvbnN0IGNpcmNsZURpYW1ldGVyID0gTWF0aC5QSSAqIDIgKiBjaXJjbGVSYWRpdXNcblxuICByZXR1cm4gKFxuICAgIDxzdmdcbiAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgYXJpYS12YWx1ZW1heD17MTAwfVxuICAgICAgYXJpYS12YWx1ZW1pbj17MH1cbiAgICAgIGFyaWEtdmFsdWVub3c9e3BlcmNlbnRhZ2V9XG4gICAgICBhcmlhLXZhbHVldGV4dD17YCR7cGVyY2VudGFnZX0lYH1cbiAgICAgIGNsYXNzTmFtZT17YWN0aXZlID8gbG9hZGVyIDogdW5kZWZpbmVkfVxuICAgICAgcm9sZT1cInByb2dyZXNzYmFyXCJcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGhlaWdodDogdGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXSxcbiAgICAgICAgd2lkdGg6IHRoZW1lLnNpemluZ1tTSVpFU1tzaXplXV0sXG4gICAgICB9fVxuICAgICAgdmlld0JveD17YDAgMCAke1ZJRVdCT1hfV0lEVEh9ICR7VklFV0JPWF9IRUlHSFR9YH1cbiAgICA+XG4gICAgICA8Y2lyY2xlXG4gICAgICAgIGNsYXNzTmFtZT17Y2lyY2xlfVxuICAgICAgICBjeD17SEFMRl9WSUVXQk9YX1dJRFRIfVxuICAgICAgICBjeT17SEFMRl9WSUVXQk9YX0hFSUdIVH1cbiAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICByPXtjaXJjbGVSYWRpdXN9XG4gICAgICAgIHN0cm9rZVdpZHRoPXsxNn1cbiAgICAgIC8+XG4gICAgICA8Y2lyY2xlXG4gICAgICAgIC8vIG94bGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmtub3duLXByb3BlcnR5XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuNXMgZWFzZSAwcztcbiAgICAgICAgYH1cbiAgICAgICAgY3g9e0hBTEZfVklFV0JPWF9XSURUSH1cbiAgICAgICAgY3k9e0hBTEZfVklFV0JPWF9IRUlHSFR9XG4gICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgcj17Y2lyY2xlUmFkaXVzfVxuICAgICAgICBzdHJva2U9e1xuICAgICAgICAgIHNlbnRpbWVudCA9PT0gJ2JsYWNrJyB8fCBzZW50aW1lbnQgPT09ICd3aGl0ZSdcbiAgICAgICAgICAgID8gdGhlbWUuY29sb3JzLm90aGVyLm1vbm9jaHJvbWVbc2VudGltZW50XS5iYWNrZ3JvdW5kXG4gICAgICAgICAgICA6IHRoZW1lLmNvbG9yc1tzZW50aW1lbnRdPy5iYWNrZ3JvdW5kU3Ryb25nXG4gICAgICAgIH1cbiAgICAgICAgc3Ryb2tlRGFzaGFycmF5PXtjaXJjbGVEaWFtZXRlcn1cbiAgICAgICAgc3Ryb2tlRGFzaG9mZnNldD17KDEgLSBib3VuZGVkUGVyY2VudGFnZSkgKiBjaXJjbGVEaWFtZXRlcn1cbiAgICAgICAgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlV2lkdGg9ezE2fVxuICAgICAgLz5cbiAgICA8L3N2Zz5cbiAgKVxufVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const Loader = ({
@@ -65,11 +36,11 @@ const Loader = ({
   const circleRadius = HALF_VIEWBOX_HEIGHT - 8;
   const boundedPercentage = Math.min(Math.max(percentage, 0), 100) / 100;
   const circleDiameter = Math.PI * 2 * circleRadius;
-  return /* @__PURE__ */ jsxs(StyledSvg, { active, "aria-label": label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": percentage, "aria-valuetext": `${percentage}%`, role: "progressbar", style: {
+  return /* @__PURE__ */ jsxs("svg", { "aria-label": label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": percentage, "aria-valuetext": `${percentage}%`, className: active ? loader : void 0, role: "progressbar", style: {
     height: theme.sizing[SIZES[size]],
     width: theme.sizing[SIZES[size]]
   }, viewBox: `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`, children: [
-    /* @__PURE__ */ jsx(StyledCircle, { cx: HALF_VIEWBOX_WIDTH, cy: HALF_VIEWBOX_HEIGHT, fill: "none", r: circleRadius, strokeWidth: 16 }),
+    /* @__PURE__ */ jsx("circle", { className: circle, cx: HALF_VIEWBOX_WIDTH, cy: HALF_VIEWBOX_HEIGHT, fill: "none", r: circleRadius, strokeWidth: 16 }),
     /* @__PURE__ */ jsx(
       "circle",
       {
@@ -89,6 +60,5 @@ const Loader = ({
 };
 export {
   Loader,
-  SIZES,
-  StyledCircle
+  SIZES
 };

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var circle = "uv_tkulld1";
+var loader = "uv_tkulld2";
+exports.circle = circle;
+exports.loader = loader;

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

@@ -0,0 +1,2 @@
+export declare const circle: string;
+export declare const loader: string;

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

@@ -0,0 +1,7 @@
+/* empty css                          */
+var circle = "uv_tkulld1";
+var loader = "uv_tkulld2";
+export {
+  circle,
+  loader
+};

package/dist/components/Menu/helpers.d.ts

@@ -3,4 +3,4 @@ import type { ReactNode } from 'react';
  * Search inside a children (React Element) recursively until a result is found
  */
 export declare const searchChildren: (children: ReactNode, searchString: string) => ReactNode[];
-export declare const getListItem: (listItems: Element[]) => (HTMLButtonElement | HTMLAnchorElement)[];
+export declare const getListItem: (listItems: Element[]) => (HTMLAnchorElement | HTMLButtonElement)[];

package/dist/components/Meter/index.cjs

@@ -2,42 +2,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
+const dynamic = require("@vanilla-extract/dynamic");
 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 StyledStrength = /* @__PURE__ */ _styled__default.default(index.Text, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e157fc5l2"
-} : {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e157fc5l2",
-  label: "StyledStrength"
-})("float:right;vertical-align:top;color:", ({
-  strength
-}) => strength.color, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTWV0ZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IFN0eWxlZFN0cmVuZ3RoID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnY29sb3InXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc3RyZW5ndGg6IFN0cmVuZ3RoIH0+YFxuICBmbG9hdDogcmlnaHQ7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGNvbG9yOiAkeyh7IHN0cmVuZ3RoIH0pID0+IHN0cmVuZ3RoLmNvbG9yfTtcbmBcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5jb25zdCBTdHlsZWRNZXRlciA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuNXM7XG5gXG5cbnR5cGUgU3RyZW5ndGggPSB7XG4gIC8qKlxuICAgKiBDb2xvciB0byBkaXNwbGF5XG4gICAqL1xuICBjb2xvcjogc3RyaW5nXG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXlcbiAgICovXG4gIHRleHQ6IHN0cmluZ1xufVxuXG50eXBlIFBhc3N3b3JkU3RyZW5ndGhNZXRlclByb3BzID0ge1xuICAvKipcbiAgICogU3RyZW5ndGggaXMgdXNlZCBmb3IgZGVmaW5pbmcgZGlmZmVyZW50IGNvbG9yIGFuZCB0ZXh0IGFzc29jaWF0ZWQgd2l0aCBpdC5cbiAgICovXG4gIHN0cmVuZ3RoOiBTdHJlbmd0aFtdXG4gIHRpdGxlOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNob3cgc3RyZW5ndGggb2YgYSBwYXNzd29yZCBiYXNlZCBvbiBkaWZmZXJlbnQgY3JpdGVyaWEuXG4gKi9cbmV4cG9ydCBjb25zdCBNZXRlciA9ICh7XG4gIHN0cmVuZ3RoLFxuICB0aXRsZSxcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgaWQsXG59OiBQYXNzd29yZFN0cmVuZ3RoTWV0ZXJQcm9wcykgPT4ge1xuICBjb25zdCB0b1ZhbHVlID0gKCh2YWx1ZSArIDEpIC8gc3RyZW5ndGgubGVuZ3RoKSAqIDEwMFxuICBjb25zdCB3aWR0aCA9IGAke3RvVmFsdWV9JWBcblxuICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSBzdHJlbmd0aFt2YWx1ZV0/LmNvbG9yID8/IHN0cmVuZ3RoWzBdLmNvbG9yXG4gIGNvbnN0IHRleHQgPSBzdHJlbmd0aFt2YWx1ZV0/LnRleHQgPz8gc3RyZW5ndGhbMF0udGV4dFxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwibWV0ZXItbGFiZWxcIlxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGFyaWEtdmFsdWVtYXg9e3N0cmVuZ3RoLmxlbmd0aCA/PyAwfVxuICAgICAgYXJpYS12YWx1ZW1pbj17MH1cbiAgICAgIGFyaWEtdmFsdWVub3c9e3ZhbHVlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIHJvbGU9XCJtZXRlclwiXG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgPlxuICAgICAgPFRleHQgYXM9XCJwXCIgaWQ9XCJtZXRlci1sYWJlbFwiIHZhcmlhbnQ9XCJib2R5U21hbGxTdHJvbmdcIj5cbiAgICAgICAge3RpdGxlfVxuICAgICAgICA8U3R5bGVkU3RyZW5ndGhcbiAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgIHN0cmVuZ3RoPXtzdHJlbmd0aFt2YWx1ZV19XG4gICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFN0cm9uZ1wiXG4gICAgICAgID5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgPC9TdHlsZWRTdHJlbmd0aD5cbiAgICAgIDwvVGV4dD5cblxuICAgICAgPFN0eWxlZFdyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRNZXRlclxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICB3aWR0aCxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"));
-const StyledWrapper = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e157fc5l1"
-} : {
-  target: "e157fc5l1",
-  label: "StyledWrapper"
-})("background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundDisabled, ";border-radius:", ({
-  theme
-}) => theme.radii.default, ";height:", ({
-  theme
-}) => theme.space["1"], ";margin-top:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTWV0ZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IFN0eWxlZFN0cmVuZ3RoID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnY29sb3InXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc3RyZW5ndGg6IFN0cmVuZ3RoIH0+YFxuICBmbG9hdDogcmlnaHQ7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGNvbG9yOiAkeyh7IHN0cmVuZ3RoIH0pID0+IHN0cmVuZ3RoLmNvbG9yfTtcbmBcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5jb25zdCBTdHlsZWRNZXRlciA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuNXM7XG5gXG5cbnR5cGUgU3RyZW5ndGggPSB7XG4gIC8qKlxuICAgKiBDb2xvciB0byBkaXNwbGF5XG4gICAqL1xuICBjb2xvcjogc3RyaW5nXG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXlcbiAgICovXG4gIHRleHQ6IHN0cmluZ1xufVxuXG50eXBlIFBhc3N3b3JkU3RyZW5ndGhNZXRlclByb3BzID0ge1xuICAvKipcbiAgICogU3RyZW5ndGggaXMgdXNlZCBmb3IgZGVmaW5pbmcgZGlmZmVyZW50IGNvbG9yIGFuZCB0ZXh0IGFzc29jaWF0ZWQgd2l0aCBpdC5cbiAgICovXG4gIHN0cmVuZ3RoOiBTdHJlbmd0aFtdXG4gIHRpdGxlOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNob3cgc3RyZW5ndGggb2YgYSBwYXNzd29yZCBiYXNlZCBvbiBkaWZmZXJlbnQgY3JpdGVyaWEuXG4gKi9cbmV4cG9ydCBjb25zdCBNZXRlciA9ICh7XG4gIHN0cmVuZ3RoLFxuICB0aXRsZSxcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgaWQsXG59OiBQYXNzd29yZFN0cmVuZ3RoTWV0ZXJQcm9wcykgPT4ge1xuICBjb25zdCB0b1ZhbHVlID0gKCh2YWx1ZSArIDEpIC8gc3RyZW5ndGgubGVuZ3RoKSAqIDEwMFxuICBjb25zdCB3aWR0aCA9IGAke3RvVmFsdWV9JWBcblxuICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSBzdHJlbmd0aFt2YWx1ZV0/LmNvbG9yID8/IHN0cmVuZ3RoWzBdLmNvbG9yXG4gIGNvbnN0IHRleHQgPSBzdHJlbmd0aFt2YWx1ZV0/LnRleHQgPz8gc3RyZW5ndGhbMF0udGV4dFxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwibWV0ZXItbGFiZWxcIlxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGFyaWEtdmFsdWVtYXg9e3N0cmVuZ3RoLmxlbmd0aCA/PyAwfVxuICAgICAgYXJpYS12YWx1ZW1pbj17MH1cbiAgICAgIGFyaWEtdmFsdWVub3c9e3ZhbHVlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIHJvbGU9XCJtZXRlclwiXG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgPlxuICAgICAgPFRleHQgYXM9XCJwXCIgaWQ9XCJtZXRlci1sYWJlbFwiIHZhcmlhbnQ9XCJib2R5U21hbGxTdHJvbmdcIj5cbiAgICAgICAge3RpdGxlfVxuICAgICAgICA8U3R5bGVkU3RyZW5ndGhcbiAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgIHN0cmVuZ3RoPXtzdHJlbmd0aFt2YWx1ZV19XG4gICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFN0cm9uZ1wiXG4gICAgICAgID5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgPC9TdHlsZWRTdHJlbmd0aD5cbiAgICAgIDwvVGV4dD5cblxuICAgICAgPFN0eWxlZFdyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRNZXRlclxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICB3aWR0aCxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"));
-const StyledMeter = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e157fc5l0"
-} : {
-  target: "e157fc5l0",
-  label: "StyledMeter"
-})("border-radius:", ({
-  theme
-}) => theme.radii.default, ";height:100%;transition:all 0.5s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBTdHlsZWRTdHJlbmd0aCA9IHN0eWxlZChUZXh0LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2NvbG9yJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHN0cmVuZ3RoOiBTdHJlbmd0aCB9PmBcbiAgZmxvYXQ6IHJpZ2h0O1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICBjb2xvcjogJHsoeyBzdHJlbmd0aCB9KSA9PiBzdHJlbmd0aC5jb2xvcn07XG5gXG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmREaXNhYmxlZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTWV0ZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHRyYW5zaXRpb246IGFsbCAwLjVzO1xuYFxuXG50eXBlIFN0cmVuZ3RoID0ge1xuICAvKipcbiAgICogQ29sb3IgdG8gZGlzcGxheVxuICAgKi9cbiAgY29sb3I6IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCB0byBkaXNwbGF5XG4gICAqL1xuICB0ZXh0OiBzdHJpbmdcbn1cblxudHlwZSBQYXNzd29yZFN0cmVuZ3RoTWV0ZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0cmVuZ3RoIGlzIHVzZWQgZm9yIGRlZmluaW5nIGRpZmZlcmVudCBjb2xvciBhbmQgdGV4dCBhc3NvY2lhdGVkIHdpdGggaXQuXG4gICAqL1xuICBzdHJlbmd0aDogU3RyZW5ndGhbXVxuICB0aXRsZTogc3RyaW5nXG4gIHZhbHVlOiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgaWQ/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBTaG93IHN0cmVuZ3RoIG9mIGEgcGFzc3dvcmQgYmFzZWQgb24gZGlmZmVyZW50IGNyaXRlcmlhLlxuICovXG5leHBvcnQgY29uc3QgTWV0ZXIgPSAoe1xuICBzdHJlbmd0aCxcbiAgdGl0bGUsXG4gIHZhbHVlLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGlkLFxufTogUGFzc3dvcmRTdHJlbmd0aE1ldGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdG9WYWx1ZSA9ICgodmFsdWUgKyAxKSAvIHN0cmVuZ3RoLmxlbmd0aCkgKiAxMDBcbiAgY29uc3Qgd2lkdGggPSBgJHt0b1ZhbHVlfSVgXG5cbiAgY29uc3QgYmFja2dyb3VuZENvbG9yID0gc3RyZW5ndGhbdmFsdWVdPy5jb2xvciA/PyBzdHJlbmd0aFswXS5jb2xvclxuICBjb25zdCB0ZXh0ID0gc3RyZW5ndGhbdmFsdWVdPy50ZXh0ID8/IHN0cmVuZ3RoWzBdLnRleHRcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGFyaWEtbGFiZWxsZWRieT1cIm1ldGVyLWxhYmVsXCJcbiAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICBhcmlhLXZhbHVlbWF4PXtzdHJlbmd0aC5sZW5ndGggPz8gMH1cbiAgICAgIGFyaWEtdmFsdWVtaW49ezB9XG4gICAgICBhcmlhLXZhbHVlbm93PXt2YWx1ZX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBpZD17aWR9XG4gICAgICByb2xlPVwibWV0ZXJcIlxuICAgICAgdGl0bGU9e3RpdGxlfVxuICAgID5cbiAgICAgIDxUZXh0IGFzPVwicFwiIGlkPVwibWV0ZXItbGFiZWxcIiB2YXJpYW50PVwiYm9keVNtYWxsU3Ryb25nXCI+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgICAgPFN0eWxlZFN0cmVuZ3RoXG4gICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICBzdHJlbmd0aD17c3RyZW5ndGhbdmFsdWVdfVxuICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxTdHJvbmdcIlxuICAgICAgICA+XG4gICAgICAgICAge3RleHR9XG4gICAgICAgIDwvU3R5bGVkU3RyZW5ndGg+XG4gICAgICA8L1RleHQ+XG5cbiAgICAgIDxTdHlsZWRXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkTWV0ZXJcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const Meter = ({
   strength,
   title,
@@ -53,9 +20,11 @@ const Meter = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-labelledby": "meter-label", "aria-live": "polite", "aria-valuemax": strength.length ?? 0, "aria-valuemin": 0, "aria-valuenow": value, className, "data-testid": dataTestId, id, role: "meter", title, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(index.Text, { as: "p", id: "meter-label", variant: "bodySmallStrong", children: [
       title,
-      /* @__PURE__ */ jsxRuntime.jsx(StyledStrength, { as: "span", strength: strength[value], variant: "bodySmallStrong", children: text })
+      /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", className: styles_css.strengthMeter, style: dynamic.assignInlineVars({
+        [styles_css.colorMeter]: strength[value].color
+      }), variant: "bodySmallStrong", children: text })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(StyledWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(StyledMeter, { style: {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.wrapperMeter, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.meter, style: {
       backgroundColor,
       width
     } }) })

package/dist/components/Meter/index.js

@@ -1,39 +1,8 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Text } from "../Text/index.js";
-const StyledStrength = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e157fc5l2"
-} : {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e157fc5l2",
-  label: "StyledStrength"
-})("float:right;vertical-align:top;color:", ({
-  strength
-}) => strength.color, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTWV0ZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IFN0eWxlZFN0cmVuZ3RoID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnY29sb3InXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc3RyZW5ndGg6IFN0cmVuZ3RoIH0+YFxuICBmbG9hdDogcmlnaHQ7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGNvbG9yOiAkeyh7IHN0cmVuZ3RoIH0pID0+IHN0cmVuZ3RoLmNvbG9yfTtcbmBcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5jb25zdCBTdHlsZWRNZXRlciA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuNXM7XG5gXG5cbnR5cGUgU3RyZW5ndGggPSB7XG4gIC8qKlxuICAgKiBDb2xvciB0byBkaXNwbGF5XG4gICAqL1xuICBjb2xvcjogc3RyaW5nXG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXlcbiAgICovXG4gIHRleHQ6IHN0cmluZ1xufVxuXG50eXBlIFBhc3N3b3JkU3RyZW5ndGhNZXRlclByb3BzID0ge1xuICAvKipcbiAgICogU3RyZW5ndGggaXMgdXNlZCBmb3IgZGVmaW5pbmcgZGlmZmVyZW50IGNvbG9yIGFuZCB0ZXh0IGFzc29jaWF0ZWQgd2l0aCBpdC5cbiAgICovXG4gIHN0cmVuZ3RoOiBTdHJlbmd0aFtdXG4gIHRpdGxlOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNob3cgc3RyZW5ndGggb2YgYSBwYXNzd29yZCBiYXNlZCBvbiBkaWZmZXJlbnQgY3JpdGVyaWEuXG4gKi9cbmV4cG9ydCBjb25zdCBNZXRlciA9ICh7XG4gIHN0cmVuZ3RoLFxuICB0aXRsZSxcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgaWQsXG59OiBQYXNzd29yZFN0cmVuZ3RoTWV0ZXJQcm9wcykgPT4ge1xuICBjb25zdCB0b1ZhbHVlID0gKCh2YWx1ZSArIDEpIC8gc3RyZW5ndGgubGVuZ3RoKSAqIDEwMFxuICBjb25zdCB3aWR0aCA9IGAke3RvVmFsdWV9JWBcblxuICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSBzdHJlbmd0aFt2YWx1ZV0/LmNvbG9yID8/IHN0cmVuZ3RoWzBdLmNvbG9yXG4gIGNvbnN0IHRleHQgPSBzdHJlbmd0aFt2YWx1ZV0/LnRleHQgPz8gc3RyZW5ndGhbMF0udGV4dFxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwibWV0ZXItbGFiZWxcIlxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGFyaWEtdmFsdWVtYXg9e3N0cmVuZ3RoLmxlbmd0aCA/PyAwfVxuICAgICAgYXJpYS12YWx1ZW1pbj17MH1cbiAgICAgIGFyaWEtdmFsdWVub3c9e3ZhbHVlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIHJvbGU9XCJtZXRlclwiXG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgPlxuICAgICAgPFRleHQgYXM9XCJwXCIgaWQ9XCJtZXRlci1sYWJlbFwiIHZhcmlhbnQ9XCJib2R5U21hbGxTdHJvbmdcIj5cbiAgICAgICAge3RpdGxlfVxuICAgICAgICA8U3R5bGVkU3RyZW5ndGhcbiAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgIHN0cmVuZ3RoPXtzdHJlbmd0aFt2YWx1ZV19XG4gICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFN0cm9uZ1wiXG4gICAgICAgID5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgPC9TdHlsZWRTdHJlbmd0aD5cbiAgICAgIDwvVGV4dD5cblxuICAgICAgPFN0eWxlZFdyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRNZXRlclxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICB3aWR0aCxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"));
-const StyledWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e157fc5l1"
-} : {
-  target: "e157fc5l1",
-  label: "StyledWrapper"
-})("background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundDisabled, ";border-radius:", ({
-  theme
-}) => theme.radii.default, ";height:", ({
-  theme
-}) => theme.space["1"], ";margin-top:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTWV0ZXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IFN0eWxlZFN0cmVuZ3RoID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnY29sb3InXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc3RyZW5ndGg6IFN0cmVuZ3RoIH0+YFxuICBmbG9hdDogcmlnaHQ7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIGNvbG9yOiAkeyh7IHN0cmVuZ3RoIH0pID0+IHN0cmVuZ3RoLmNvbG9yfTtcbmBcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBtYXJnaW4tdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5jb25zdCBTdHlsZWRNZXRlciA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGhlaWdodDogMTAwJTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuNXM7XG5gXG5cbnR5cGUgU3RyZW5ndGggPSB7XG4gIC8qKlxuICAgKiBDb2xvciB0byBkaXNwbGF5XG4gICAqL1xuICBjb2xvcjogc3RyaW5nXG4gIC8qKlxuICAgKiBUZXh0IHRvIGRpc3BsYXlcbiAgICovXG4gIHRleHQ6IHN0cmluZ1xufVxuXG50eXBlIFBhc3N3b3JkU3RyZW5ndGhNZXRlclByb3BzID0ge1xuICAvKipcbiAgICogU3RyZW5ndGggaXMgdXNlZCBmb3IgZGVmaW5pbmcgZGlmZmVyZW50IGNvbG9yIGFuZCB0ZXh0IGFzc29jaWF0ZWQgd2l0aCBpdC5cbiAgICovXG4gIHN0cmVuZ3RoOiBTdHJlbmd0aFtdXG4gIHRpdGxlOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xufVxuXG4vKipcbiAqIFNob3cgc3RyZW5ndGggb2YgYSBwYXNzd29yZCBiYXNlZCBvbiBkaWZmZXJlbnQgY3JpdGVyaWEuXG4gKi9cbmV4cG9ydCBjb25zdCBNZXRlciA9ICh7XG4gIHN0cmVuZ3RoLFxuICB0aXRsZSxcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgaWQsXG59OiBQYXNzd29yZFN0cmVuZ3RoTWV0ZXJQcm9wcykgPT4ge1xuICBjb25zdCB0b1ZhbHVlID0gKCh2YWx1ZSArIDEpIC8gc3RyZW5ndGgubGVuZ3RoKSAqIDEwMFxuICBjb25zdCB3aWR0aCA9IGAke3RvVmFsdWV9JWBcblxuICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSBzdHJlbmd0aFt2YWx1ZV0/LmNvbG9yID8/IHN0cmVuZ3RoWzBdLmNvbG9yXG4gIGNvbnN0IHRleHQgPSBzdHJlbmd0aFt2YWx1ZV0/LnRleHQgPz8gc3RyZW5ndGhbMF0udGV4dFxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwibWV0ZXItbGFiZWxcIlxuICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgIGFyaWEtdmFsdWVtYXg9e3N0cmVuZ3RoLmxlbmd0aCA/PyAwfVxuICAgICAgYXJpYS12YWx1ZW1pbj17MH1cbiAgICAgIGFyaWEtdmFsdWVub3c9e3ZhbHVlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIHJvbGU9XCJtZXRlclwiXG4gICAgICB0aXRsZT17dGl0bGV9XG4gICAgPlxuICAgICAgPFRleHQgYXM9XCJwXCIgaWQ9XCJtZXRlci1sYWJlbFwiIHZhcmlhbnQ9XCJib2R5U21hbGxTdHJvbmdcIj5cbiAgICAgICAge3RpdGxlfVxuICAgICAgICA8U3R5bGVkU3RyZW5ndGhcbiAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgIHN0cmVuZ3RoPXtzdHJlbmd0aFt2YWx1ZV19XG4gICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFN0cm9uZ1wiXG4gICAgICAgID5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgPC9TdHlsZWRTdHJlbmd0aD5cbiAgICAgIDwvVGV4dD5cblxuICAgICAgPFN0eWxlZFdyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRNZXRlclxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICB3aWR0aCxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"));
-const StyledMeter = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e157fc5l0"
-} : {
-  target: "e157fc5l0",
-  label: "StyledMeter"
-})("border-radius:", ({
-  theme
-}) => theme.radii.default, ";height:100%;transition:all 0.5s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01ldGVyL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBTdHlsZWRTdHJlbmd0aCA9IHN0eWxlZChUZXh0LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2NvbG9yJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHN0cmVuZ3RoOiBTdHJlbmd0aCB9PmBcbiAgZmxvYXQ6IHJpZ2h0O1xuICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICBjb2xvcjogJHsoeyBzdHJlbmd0aCB9KSA9PiBzdHJlbmd0aC5jb2xvcn07XG5gXG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmREaXNhYmxlZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTWV0ZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHRyYW5zaXRpb246IGFsbCAwLjVzO1xuYFxuXG50eXBlIFN0cmVuZ3RoID0ge1xuICAvKipcbiAgICogQ29sb3IgdG8gZGlzcGxheVxuICAgKi9cbiAgY29sb3I6IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCB0byBkaXNwbGF5XG4gICAqL1xuICB0ZXh0OiBzdHJpbmdcbn1cblxudHlwZSBQYXNzd29yZFN0cmVuZ3RoTWV0ZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0cmVuZ3RoIGlzIHVzZWQgZm9yIGRlZmluaW5nIGRpZmZlcmVudCBjb2xvciBhbmQgdGV4dCBhc3NvY2lhdGVkIHdpdGggaXQuXG4gICAqL1xuICBzdHJlbmd0aDogU3RyZW5ndGhbXVxuICB0aXRsZTogc3RyaW5nXG4gIHZhbHVlOiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgaWQ/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBTaG93IHN0cmVuZ3RoIG9mIGEgcGFzc3dvcmQgYmFzZWQgb24gZGlmZmVyZW50IGNyaXRlcmlhLlxuICovXG5leHBvcnQgY29uc3QgTWV0ZXIgPSAoe1xuICBzdHJlbmd0aCxcbiAgdGl0bGUsXG4gIHZhbHVlLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGlkLFxufTogUGFzc3dvcmRTdHJlbmd0aE1ldGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdG9WYWx1ZSA9ICgodmFsdWUgKyAxKSAvIHN0cmVuZ3RoLmxlbmd0aCkgKiAxMDBcbiAgY29uc3Qgd2lkdGggPSBgJHt0b1ZhbHVlfSVgXG5cbiAgY29uc3QgYmFja2dyb3VuZENvbG9yID0gc3RyZW5ndGhbdmFsdWVdPy5jb2xvciA/PyBzdHJlbmd0aFswXS5jb2xvclxuICBjb25zdCB0ZXh0ID0gc3RyZW5ndGhbdmFsdWVdPy50ZXh0ID8/IHN0cmVuZ3RoWzBdLnRleHRcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGFyaWEtbGFiZWxsZWRieT1cIm1ldGVyLWxhYmVsXCJcbiAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICBhcmlhLXZhbHVlbWF4PXtzdHJlbmd0aC5sZW5ndGggPz8gMH1cbiAgICAgIGFyaWEtdmFsdWVtaW49ezB9XG4gICAgICBhcmlhLXZhbHVlbm93PXt2YWx1ZX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBpZD17aWR9XG4gICAgICByb2xlPVwibWV0ZXJcIlxuICAgICAgdGl0bGU9e3RpdGxlfVxuICAgID5cbiAgICAgIDxUZXh0IGFzPVwicFwiIGlkPVwibWV0ZXItbGFiZWxcIiB2YXJpYW50PVwiYm9keVNtYWxsU3Ryb25nXCI+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgICAgPFN0eWxlZFN0cmVuZ3RoXG4gICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICBzdHJlbmd0aD17c3RyZW5ndGhbdmFsdWVdfVxuICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxTdHJvbmdcIlxuICAgICAgICA+XG4gICAgICAgICAge3RleHR9XG4gICAgICAgIDwvU3R5bGVkU3RyZW5ndGg+XG4gICAgICA8L1RleHQ+XG5cbiAgICAgIDxTdHlsZWRXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkTWV0ZXJcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl19 */"));
+import { strengthMeter, colorMeter, wrapperMeter, meter } from "./styles.css.js";
 const Meter = ({
   strength,
   title,
@@ -49,9 +18,11 @@ const Meter = ({
   return /* @__PURE__ */ jsxs("div", { "aria-labelledby": "meter-label", "aria-live": "polite", "aria-valuemax": strength.length ?? 0, "aria-valuemin": 0, "aria-valuenow": value, className, "data-testid": dataTestId, id, role: "meter", title, children: [
     /* @__PURE__ */ jsxs(Text, { as: "p", id: "meter-label", variant: "bodySmallStrong", children: [
       title,
-      /* @__PURE__ */ jsx(StyledStrength, { as: "span", strength: strength[value], variant: "bodySmallStrong", children: text })
+      /* @__PURE__ */ jsx(Text, { as: "span", className: strengthMeter, style: assignInlineVars({
+        [colorMeter]: strength[value].color
+      }), variant: "bodySmallStrong", children: text })
     ] }),
-    /* @__PURE__ */ jsx(StyledWrapper, { children: /* @__PURE__ */ jsx(StyledMeter, { style: {
+    /* @__PURE__ */ jsx("div", { className: wrapperMeter, children: /* @__PURE__ */ jsx("div", { className: meter, style: {
       backgroundColor,
       width
     } }) })

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var colorMeter = "var(--uv_1enq5vc0)";
+var strengthMeter = "uv_1enq5vc1";
+var wrapperMeter = "uv_1enq5vc2";
+var meter = "uv_1enq5vc3";
+exports.colorMeter = colorMeter;
+exports.meter = meter;
+exports.strengthMeter = strengthMeter;
+exports.wrapperMeter = wrapperMeter;

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

@@ -0,0 +1,4 @@
+export declare const colorMeter: `var(--${string})`;
+export declare const strengthMeter: string;
+export declare const wrapperMeter: string;
+export declare const meter: string;

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

@@ -0,0 +1,11 @@
+/* empty css                          */
+var colorMeter = "var(--uv_1enq5vc0)";
+var strengthMeter = "uv_1enq5vc1";
+var wrapperMeter = "uv_1enq5vc2";
+var meter = "uv_1enq5vc3";
+export {
+  colorMeter,
+  meter,
+  strengthMeter,
+  wrapperMeter
+};

package/dist/components/Notice/index.cjs

@@ -2,24 +2,14 @@
 "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 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGljZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGljZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJbmZvcm1hdGlvbk91dGxpbmVJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIE5vdGljZVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQoVGV4dClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuLyoqXG4gKiBBIE5vdGljZSBpcyB1c2VkIHRvIGRpc3BsYXkgYSBzaG9ydCBtZXNzYWdlIHRvIHRoZSB1c2VyLlxuICovXG5leHBvcnQgY29uc3QgTm90aWNlID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IE5vdGljZVByb3BzKSA9PiAoXG4gIDxTdHlsZWRTcGFuXG4gICAgYXM9XCJzcGFuXCJcbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgdmFyaWFudD1cImNhcHRpb25cIlxuICA+XG4gICAgPEluZm9ybWF0aW9uT3V0bGluZUljb25cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAvPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9TdHlsZWRTcGFuPlxuKVxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const Notice = ({
   children,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxRuntime.jsxs(StyledSpan, { as: "span", className, "data-testid": dataTestId, prominence: "weak", sentiment: "neutral", variant: "caption", children: [
+}) => /* @__PURE__ */ jsxRuntime.jsxs(index.Text, { as: "span", className: `${className ? `${className} ` : ""}${styles_css.notice}`, "data-testid": dataTestId, prominence: "weak", sentiment: "neutral", variant: "caption", children: [
   /* @__PURE__ */ jsxRuntime.jsx(Icon.InformationOutlineIcon, { prominence: "weak", sentiment: "neutral", size: "small" }),
   children
 ] });

package/dist/components/Notice/index.js

@@ -1,21 +1,13 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { InformationOutlineIcon } from "@ultraviolet/icons";
 import { Text } from "../Text/index.js";
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGljZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL05vdGljZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJbmZvcm1hdGlvbk91dGxpbmVJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG50eXBlIE5vdGljZVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQoVGV4dClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuLyoqXG4gKiBBIE5vdGljZSBpcyB1c2VkIHRvIGRpc3BsYXkgYSBzaG9ydCBtZXNzYWdlIHRvIHRoZSB1c2VyLlxuICovXG5leHBvcnQgY29uc3QgTm90aWNlID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IE5vdGljZVByb3BzKSA9PiAoXG4gIDxTdHlsZWRTcGFuXG4gICAgYXM9XCJzcGFuXCJcbiAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgdmFyaWFudD1cImNhcHRpb25cIlxuICA+XG4gICAgPEluZm9ybWF0aW9uT3V0bGluZUljb25cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAvPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9TdHlsZWRTcGFuPlxuKVxuIl19 */"));
+import { notice } from "./styles.css.js";
 const Notice = ({
   children,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxs(StyledSpan, { as: "span", className, "data-testid": dataTestId, prominence: "weak", sentiment: "neutral", variant: "caption", children: [
+}) => /* @__PURE__ */ jsxs(Text, { as: "span", className: `${className ? `${className} ` : ""}${notice}`, "data-testid": dataTestId, prominence: "weak", sentiment: "neutral", variant: "caption", children: [
   /* @__PURE__ */ jsx(InformationOutlineIcon, { prominence: "weak", sentiment: "neutral", size: "small" }),
   children
 ] });

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

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

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

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

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

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