@nayhoo/ui 0.11.1 → 0.13.0

package/dist/components/tooltip.mjs

@@ -1,20 +1,21 @@
+import {
+  Text
+} from "../chunk-ELXCOK2T.mjs";
 import {
   tooltipContentRecipe
 } from "../chunk-Y6BNWBLR.mjs";
-import {
-  Text
-} from "../chunk-C53FYO65.mjs";
 import "../chunk-JZBPCPSP.mjs";
 import {
   theme
 } from "../chunk-N535ABFC.mjs";
 import {
   Box
-} from "../chunk-WPNBONR3.mjs";
+} from "../chunk-LSB5JVS2.mjs";
 import "../chunk-OI24WXH6.mjs";
 import {
-  pick
-} from "../chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "../chunk-DQ4T4WV3.mjs";
+import "../chunk-BALC5CGU.mjs";
 import {
   mergeClasses
 } from "../chunk-7EGQM3ZL.mjs";
@@ -39,7 +40,10 @@ function Tooltip({
     delayDuration,
     disableHoverableContent
   };
-  const variants = pick(props, ...tooltipContentRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...tooltipContentRecipe.variants()
+  );
   const tooltipContent = tooltipContentRecipe(variants);
   return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { ...rootProps, children: [
     /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
@@ -49,15 +53,15 @@ function Tooltip({
         side: "top",
         align: "center",
         sideOffset: 5,
-        ...props,
-        className: mergeClasses(tooltipContent, props.className),
+        ...rest,
+        className: mergeClasses(tooltipContent, rest.className),
         children: [
           /* @__PURE__ */ jsx(
             Text,
             {
               size: "1",
               style: {
-                lineHeight: props.multiline ? "20px" : void 0
+                lineHeight: variants.multiline ? "20px" : void 0
               },
               children: content
             }

package/dist/components/tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Text } from \"@/components/text\";\nimport {\n  TooltipContentVariants,\n  tooltipContentRecipe,\n} from \"@/theme/recipes/tooltip.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport React from \"react\";\n\ntype TooltipPrimitiveProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\ntype TooltipProps = TooltipPrimitiveProps &\n  TooltipPrimitive.TooltipContentProps &\n  TooltipContentVariants;\n\nexport function Tooltip({\n  children,\n  content,\n  open,\n  defaultOpen,\n  onOpenChange,\n  delayDuration,\n  disableHoverableContent,\n  ...props\n}: TooltipProps) {\n  const rootProps = {\n    open,\n    defaultOpen,\n    onOpenChange,\n    delayDuration,\n    disableHoverableContent,\n  };\n\n  const variants = pick(props, ...tooltipContentRecipe.variants());\n  const tooltipContent = tooltipContentRecipe(variants);\n\n  return (\n    <TooltipPrimitive.Provider>\n      <TooltipPrimitive.Root {...rootProps}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side=\"top\"\n            align=\"center\"\n            sideOffset={5}\n            {...props}\n            className={mergeClasses(tooltipContent, props.className)}\n          >\n            <Text\n              size=\"1\"\n              style={{\n                lineHeight: props.multiline ? \"20px\" : undefined,\n              }}\n            >\n              {content}\n            </Text>\n            <Box>\n              <TooltipPrimitive.Arrow\n                width={11}\n                height={5}\n                style={{\n                  fill: theme.semanticColors.transparentSurface,\n                }}\n              />\n            </Box>\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,YAAY,sBAAsB;AAgC1B,cAEE,YAFF;AAxBD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiB;AACf,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,KAAK,OAAO,GAAG,qBAAqB,SAAS,CAAC;AAC/D,QAAM,iBAAiB,qBAAqB,QAAQ;AAEpD,SACE,oBAAkB,2BAAjB,EACC,+BAAkB,uBAAjB,EAAuB,GAAG,WACzB;AAAA,wBAAkB,0BAAjB,EAAyB,SAAO,MAAE,UAAS;AAAA,IAC5C,oBAAkB,yBAAjB,EACC;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,YAAY;AAAA,QACX,GAAG;AAAA,QACJ,WAAW,aAAa,gBAAgB,MAAM,SAAS;AAAA,QAEvD;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,gBACL,YAAY,MAAM,YAAY,SAAS;AAAA,cACzC;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OACC;AAAA,YAAkB;AAAA,YAAjB;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,OAAO;AAAA,gBACL,MAAM,MAAM,eAAe;AAAA,cAC7B;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Text } from \"@/components/text\";\nimport {\n  TooltipContentVariants,\n  tooltipContentRecipe,\n} from \"@/theme/recipes/tooltip.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport React from \"react\";\n\ntype TooltipPrimitiveProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\n\nexport type TooltipProps = TooltipPrimitiveProps &\n  TooltipPrimitive.TooltipContentProps &\n  TooltipContentVariants;\n\nexport function Tooltip({\n  children,\n  content,\n  open,\n  defaultOpen,\n  onOpenChange,\n  delayDuration,\n  disableHoverableContent,\n  ...props\n}: TooltipProps) {\n  const rootProps = {\n    open,\n    defaultOpen,\n    onOpenChange,\n    delayDuration,\n    disableHoverableContent,\n  };\n\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...tooltipContentRecipe.variants(),\n  );\n  const tooltipContent = tooltipContentRecipe(variants);\n\n  return (\n    <TooltipPrimitive.Provider>\n      <TooltipPrimitive.Root {...rootProps}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side=\"top\"\n            align=\"center\"\n            sideOffset={5}\n            {...rest}\n            className={mergeClasses(tooltipContent, rest.className)}\n          >\n            <Text\n              size=\"1\"\n              style={{\n                lineHeight: variants.multiline ? \"20px\" : undefined,\n              }}\n            >\n              {content}\n            </Text>\n            <Box>\n              <TooltipPrimitive.Arrow\n                width={11}\n                height={5}\n                style={{\n                  fill: theme.semanticColors.transparentSurface,\n                }}\n              />\n            </Box>\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,YAAY,sBAAsB;AAoC1B,cAEE,YAFF;AA3BD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiB;AACf,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,qBAAqB,SAAS;AAAA,EACnC;AACA,QAAM,iBAAiB,qBAAqB,QAAQ;AAEpD,SACE,oBAAkB,2BAAjB,EACC,+BAAkB,uBAAjB,EAAuB,GAAG,WACzB;AAAA,wBAAkB,0BAAjB,EAAyB,SAAO,MAAE,UAAS;AAAA,IAC5C,oBAAkB,yBAAjB,EACC;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,YAAY;AAAA,QACX,GAAG;AAAA,QACJ,WAAW,aAAa,gBAAgB,KAAK,SAAS;AAAA,QAEtD;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,gBACL,YAAY,SAAS,YAAY,SAAS;AAAA,cAC5C;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OACC;AAAA,YAAkB;AAAA,YAAjB;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,OAAO;AAAA,gBACL,MAAM,MAAM,eAAe;AAAA,cAC7B;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/providers/index.css

@@ -9593,7 +9593,7 @@
   width: var(--sizes-9__19nbe8d2gg);
 }
 
-/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XTY+jOBC9z69gDyN1S+tRPmb6g73saC9z38McIwOV4G6wkW3SSa/6v69soF0QEmw6akUKiVNVr3jPlPO+JbXWgm82OVsf6WIR/fclimhRxFHNFei/7De244RpKFUcpcA1SLOciANR7JXxXRwlQmYgSSIO5pdagSQKCkh1HHHBwSxmTFUFPcYR4wXjQLYF2GBzJSqXjD/H0cKsPNVKs+2RpIJr4BpjkhdInpkmmlYkZ7u8YLtck1QUQsaR3CX0ZvGnfd3a0oJrsqUlK45xtKfyhhCzpIiGg95slo88gYdstWUu+gVMRRz9264oUkLG6hJlCZe1p5JRrgmvS5AsjSNNk7qg0iwoE6Ul5YppJnhsyI2Wi4X54e3LtwH9cZzAVkiwMpxjeCyNbjXI0Kxc7NuktJbKcFgJ1nA9Ep0xRZMCsgaFps87KWqedfQ3lNkviqiCamjeV++cLY9Pt+87J6eZeDG7QYGOFva1rA4jVX62l3tX57XRdwL4AQFXTUJ7l1xoQotCvEBmltubJrAHrlW3ZR0D27oofrNM5xsta+gIWVoeXsx6bAT9ilMKQTPGd72EVcN007TdERWVwHX0BysrITXlGpdQ7BU2yy553Wpr9ZQ0Y7Xq7tx8Y2TptuYut3eb9/ayKafIDxSV2qiKZqZTUsDWxVY0BYKE60XKXtnRUPtUGET8JP1rO3B9PtpQOwx8Wh0ws+qY+T7FzAoVYmeZuUNR2QQzaxc7xcww9AIzLjQ5x4xZ+tUOJNTwdn/Kz7rj58d1+LlHUTDBz/f32PUUP8PQC/y40PTyzhm26phpB/Wmkqyk8thRdHdxpCkoKdcs/aeZMG1ud3VdrdLidCxdTl6ipzZVXq2ioT2vYfRcpaUfJE0128MHMNFeTfkopoJU8Ayh3ofAvWe7T0iXdtIEFsDaZDvPpsPVGUFGCmXUFzhcoxFkpJMdQqfIotbmuetwH84AouPN78Qf9NZgvM+38ad42Es4+ajNXyYXQW79IMNpR5g/bTICHd9mu1wo3UE++jA+VeMTmBoAfgZPIKWQHSQNwbKZzTueG4fJuYES8byA7x4NhouA0PCMOPqAhQuA0PBceB2fSHWaglIdXhI0iJrc7ooUgOkTdZDcU2H8RB22OmNm9zGRFjB+op5AzpjWfUykCPRPVFuqZzzSqX+AxuCg/0zC1vvbOF4aqVQC8IjyLLopGSet4bm/e6gOt7bwGZukyg6/cYwDrxRFbyi355dcJrSZE6apX6s1Tq7Ktq0S5J58/VOIgwryUEEuKsBHjZC1QmTtpsk6NQy+lirEVAXZqiBjFWytRihbI8ry61F26rJCfFaQ0wryWgFuq0/W0FM41ljH2pVs18eMl3fX6LS4lgPzx0bHxrWs2Di4MxgO/ikM18uTfdyVBfQ/RzoPexbSwRwBPXzaeAudWXENPJ9FHhi261g277bmKDPhSPyx52gyZU7G0RtP5LALXzm8in0aiafIn0dh42ocdhkGetHozbd6nr3OUeiC5/NFnaPOBfN3Zt61FscB88AxN+UCP+YDvbuedUpcNoT+2LPOh8vOsA+O3KHDFdN/YEcsoin89j9sSQpoQB4AAA== */
+/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XTW+kOBC9z69gDyMl0nrU3cnkg73saC5zn8McW8YU4ARsZJv+yCr/fWUDjaFpsEkraqlJO1X1ivdMmfctqpTibLvN6N0Rr1bBf1+CAOd5GFRMgvrH/KIpQ1RBIcOAAFMg9HLED0jSN8rSMIi4iEGgiB/0fyoJAknIgagwYJyBXoypLHN8DAPKcsoAJTmYYH1FMhOUvYbBSq+8VFLR5IgIZwqYsjHRHqJXqpDCJcpomuU0zRQiPOciDEQa4ZvV3+Zza0pzplCCC5ofw2CHxQ1CekkiBQe13a6fWQRP8SahXfQedEU7+o9ZkaiAmFaFlcW7rB0WFDOFWFWAoCQMFI6qHAu9IHWUEphJqihnoSY3WK9W+h/vX74N6A/DCBIuwMhwieGxNJwoEL5ZGd81SaQSUnNYclpzPRIdU4mjHOIaBZPXVPCKxS39NWXmh0Qyxwrq782Js/Xx5fa0czIc873eDRJUsDKfdXkYqfKjuTx2dd5qfWeAnyzgsk5o7pJxhXCe8z3Eerm5aQQ7YEq2W7ZjIKny/A+NVbZVooKWkLXhYa/XQy3oVzsl5zimLO0lbGqm66bNjiixAKaCv2hRcqEwU3YJSd9gu26T7xptjZ4Cx7SS7Z3rXxStu62ZZuZus95e1uUk+m5FERNV4lh3inJIutgSE0CWcL1I0Ss7GmqeCo1oP0m/TQddn88m1AwDl1YHzGxaZu7nmNlYhehFZh6sqHiGmbsudo6ZYegEM11odIkZvfSrGUhWw8nunJ+7lp/v1+Hn0YqCGX7uT7F3c/wMQyf46ULJ9M4Zttox0wzqbSlogcWxpehhcqRJKDBTlPysJ0yT2167rjYkPx9L08lr66kl0qlVa2gva9h6rkjhBomJojv4AKa1VwkbxZRAOIst1EcfuFN295elSzNpPAvY2sSpY9P+6owgWwrF2BXYX6MRZEsnM4TOkXml9HPX4j5dALSON7cTf9BbjXGab+NP8bAXf/KtNn/pXAsycYP0p93C/GGSLdDxbZZmXKoW8tmF8bkan8DUAPAzeAIhuGghsQ+Wyay/7blxmJ0bVqI9L+DeoUF/ESw0e0YcXcD8BbDQ7LnwNj6RKkJAyhYv8hpEdW57tRSA+RN1kNxTYfxEHba6YGb3MS0tYPxEPYNcMK37mJYi0D9RTame8SBzb4Da4FjvTNzU+1c7XhxIIgBYgFkc3BSUocbwPD48lYdbU/jcJsmih187xoFXCoJ3K7f1S4NMaDJnTFO/lnn9lUXnnZKmipd7cvVPPg7Ky0N5uSgPHzVO1slOpfNknRsGV0vlY6q8bJWXsfK2VuOUnRxWdj3Kzl2Wj8/yclpeXsvDbfXJOk3AYmgraMvalWzXx4yXc9fWaXEtB+aObR0b17JiF8HPPMaLH66TJ/u4K/Pof4l0DvbMp4MlAjr4tIstDPzK60XkgWG7jmVzbmuJMjOOxB17iSZz5uQies8W5a5yOBX7TBIHyJ9KYc/YFH6gk0ZvudVz7HWJQhOezxV1iToT5u/yvOu7HOY55uZc4Md8oHPXi06JaUPojr3ofJh2hn3w2h0ObBaff4EdsYi68Pv/bTN6ukAeAAA= */
 .button__hi3ya00 {
   all: unset;
   align-items: center;
@@ -9717,13 +9717,13 @@
   border-radius: var(--radii-full__19nbe8d2go);
 }
 @media screen and (min-width: 768px) {
-  .button_fullWidth_true_sm__hi3ya0d {
+  .button_fullWidth_sm_true__hi3ya0d {
     width: 100%;
   }
-  .button_loading_true_sm__hi3ya0e {
+  .button_loading_sm_true__hi3ya0e {
     color: transparent !important;
   }
-  .button_size_1_sm__hi3ya0f {
+  .button_size_sm_1__hi3ya0f {
     border-radius: var(--radii-1__19nbe8d2gh);
     height: var(--sizes-5__19nbe8d2gc);
     padding-left: var(--space-2__19nbe8d1);
@@ -9731,7 +9731,7 @@
     font-size: var(--fontSizes-1__19nbe8d9);
     line-height: var(--sizes-5__19nbe8d2gc);
   }
-  .button_size_2_sm__hi3ya0g {
+  .button_size_sm_2__hi3ya0g {
     border-radius: var(--radii-2__19nbe8d2gi);
     height: var(--sizes-6__19nbe8d2gd);
     padding-left: var(--space-3__19nbe8d2);
@@ -9739,7 +9739,7 @@
     font-size: var(--fontSizes-3__19nbe8db);
     line-height: var(--lineHeights-6__19nbe8d2fv);
   }
-  .button_size_3_sm__hi3ya0h {
+  .button_size_sm_3__hi3ya0h {
     border-radius: var(--radii-2__19nbe8d2gi);
     height: var(--sizes-7__19nbe8d2ge);
     padding-left: var(--space-4__19nbe8d3);
@@ -9747,66 +9747,66 @@
     font-size: var(--fontSizes-4__19nbe8dc);
     line-height: var(--sizes-7__19nbe8d2ge);
   }
-  .button_variant_primary_sm__hi3ya0i {
+  .button_variant_sm_primary__hi3ya0i {
     background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
     color: var(--semanticColors-primary-primary11__19nbe8d2cs);
   }
-  .button_variant_primary_sm__hi3ya0i:hover {
+  .button_variant_sm_primary__hi3ya0i:hover {
     background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);
   }
-  .button_variant_primary_sm__hi3ya0i:active {
+  .button_variant_sm_primary__hi3ya0i:active {
     background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);
   }
-  .button_variant_secondary_sm__hi3ya0j {
+  .button_variant_sm_secondary__hi3ya0j {
     background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);
     color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);
   }
-  .button_variant_secondary_sm__hi3ya0j:hover {
+  .button_variant_sm_secondary__hi3ya0j:hover {
     background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);
   }
-  .button_variant_secondary_sm__hi3ya0j:active {
+  .button_variant_sm_secondary__hi3ya0j:active {
     background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);
   }
-  .button_variant_outline_sm__hi3ya0k {
+  .button_variant_sm_outline__hi3ya0k {
     background-color: transparent;
     box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
   }
-  .button_variant_outline_sm__hi3ya0k:hover {
+  .button_variant_sm_outline__hi3ya0k:hover {
     background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
   }
-  .button_variant_outline_sm__hi3ya0k:active {
+  .button_variant_sm_outline__hi3ya0k:active {
     background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
   }
-  .button_variant_ghost_sm__hi3ya0l {
+  .button_variant_sm_ghost__hi3ya0l {
     background-color: transparent;
   }
-  .button_variant_ghost_sm__hi3ya0l:hover {
+  .button_variant_sm_ghost__hi3ya0l:hover {
     background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
   }
-  .button_variant_ghost_sm__hi3ya0l:active {
+  .button_variant_sm_ghost__hi3ya0l:active {
     background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
   }
-  .button_variant_error_sm__hi3ya0m {
+  .button_variant_sm_error__hi3ya0m {
     background-color: var(--semanticColors-error-error4__19nbe8d2dx);
     color: var(--semanticColors-error-error11__19nbe8d2e4);
   }
-  .button_variant_error_sm__hi3ya0m:hover {
+  .button_variant_sm_error__hi3ya0m:hover {
     background-color: var(--semanticColors-error-error5__19nbe8d2dy);
   }
-  .button_variant_error_sm__hi3ya0m:active {
+  .button_variant_sm_error__hi3ya0m:active {
     background-color: var(--semanticColors-error-error6__19nbe8d2dz);
   }
-  .button_variant_success_sm__hi3ya0n {
+  .button_variant_sm_success__hi3ya0n {
     background-color: var(--semanticColors-success-success4__19nbe8d2el);
     color: var(--semanticColors-success-success11__19nbe8d2es);
   }
-  .button_variant_success_sm__hi3ya0n:hover {
+  .button_variant_sm_success__hi3ya0n:hover {
     background-color: var(--semanticColors-success-success5__19nbe8d2em);
   }
-  .button_variant_success_sm__hi3ya0n:active {
+  .button_variant_sm_success__hi3ya0n:active {
     background-color: var(--semanticColors-success-success6__19nbe8d2en);
   }
-  .button_round_true_sm__hi3ya0o {
+  .button_round_sm_true__hi3ya0o {
     border-radius: var(--radii-full__19nbe8d2go);
   }
 }