@nayhoo/ui 0.13.0 → 0.14.1

package/dist/{button.css-CxDH431y.d.ts → button.css-BQdFVzyM.d.ts}

@@ -6,6 +6,9 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
         true: {
             width: "100%";
         };
+        false: {
+            width: "unset";
+        };
     };
     loading: {
         true: {
@@ -14,64 +17,64 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
     };
     size: {
         "1": {
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingRight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
+            paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
+            fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "2": {
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingRight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
+            paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
+            fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "3": {
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            paddingRight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            paddingLeft: `var(--${string})` | `var(--${string}, ${string})`;
+            paddingRight: `var(--${string})` | `var(--${string}, ${string})`;
+            fontSize: `var(--${string})` | `var(--${string}, ${string})`;
+            lineHeight: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
     variant: {
         primary: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
         secondary: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
         outline: {
             backgroundColor: "transparent";
-            boxShadow: `inset 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string})` | `inset 0 0 0 1px var(--${string}, ${number})`;
+            boxShadow: `inset 0 0 0 1px var(--${string})` | `inset 0 0 0 1px var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
@@ -79,41 +82,41 @@ declare const buttonRecipe: homemade_recipes.RuntimeFn<{
             backgroundColor: "transparent";
             selectors: {
                 "&:hover": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
         error: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
         success: {
-            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
             selectors: {
                 "&:hover": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 };
             };
         };
     };
     round: {
         true: {
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }, "sm"[]>;

package/dist/{checkbox.css-C3L6B1cb.d.mts → checkbox.css-DbB07gs9.d.mts}

@@ -4,14 +4,14 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 declare const checkboxRecipe: _vanilla_extract_recipes.RuntimeFn<{
     size: {
         "1": {
-            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "2": {
-            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/{checkbox.css-C3L6B1cb.d.ts → checkbox.css-DbB07gs9.d.ts}

@@ -4,14 +4,14 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 declare const checkboxRecipe: _vanilla_extract_recipes.RuntimeFn<{
     size: {
         "1": {
-            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "2": {
-            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/chunk-4A7WL3BM.mjs

@@ -0,0 +1,12 @@
+// src/theme/recipes/button.css.ts
+import { createRuntimeFn as _dc746 } from "homemade-recipes/createRuntimeFn";
+var buttonRecipe = _dc746(function() {
+  var x = { defaultClassName: "button__hi3ya00", variantClassNames: { fullWidth: { true: "button_fullWidth_true__hi3ya01", false: "button_fullWidth_false__hi3ya02" }, loading: { true: "button_loading_true__hi3ya03" }, size: { "1": "button_size_1__hi3ya04", "2": "button_size_2__hi3ya05", "3": "button_size_3__hi3ya06" }, variant: { primary: "button_variant_primary__hi3ya07", secondary: "button_variant_secondary__hi3ya08", outline: "button_variant_outline__hi3ya09", ghost: "button_variant_ghost__hi3ya0a", error: "button_variant_error__hi3ya0b", success: "button_variant_success__hi3ya0c" }, round: { true: "button_round_true__hi3ya0d" } }, defaultVariants: { size: "2", variant: "primary" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0, sm: { fullWidth: { true: "button_fullWidth_sm_true__hi3ya0e", false: "button_fullWidth_sm_false__hi3ya0f" }, loading: { true: "button_loading_sm_true__hi3ya0g" }, size: { "1": "button_size_sm_1__hi3ya0h", "2": "button_size_sm_2__hi3ya0i", "3": "button_size_sm_3__hi3ya0j" }, variant: { primary: "button_variant_sm_primary__hi3ya0k", secondary: "button_variant_sm_secondary__hi3ya0l", outline: "button_variant_sm_outline__hi3ya0m", ghost: "button_variant_sm_ghost__hi3ya0n", error: "button_variant_sm_error__hi3ya0o", success: "button_variant_sm_success__hi3ya0p" }, round: { true: "button_round_sm_true__hi3ya0q" } } }, conditionNames: ["sm"], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
+  x.responsiveVariantClassNames.initial = x.variantClassNames;
+  return x;
+}());
+
+export {
+  buttonRecipe
+};
+//# sourceMappingURL=chunk-4A7WL3BM.mjs.map

package/dist/chunk-4A7WL3BM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/recipes/button.css.ts"],"sourcesContent":["import 'src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC9769QDwUSoFzYzm4+1EsXvey9hz0aFDWSmFCkSlKOnSL/vSAlWZQsW6RiBAasiJ6ZN3ozHOrla1JrLfh2W9C7A16tov++RBFmLI5qrkD/ae9ozhHVUKo4IsA1SLOciD1S9I3yPI4SIVOQKBF780utQCIFDIiOIy44mMWUqorhQxxRzigHlDGwxuaKVCEpf4mjlVl5rpWm2QERwTVw7WKiV0heqEYaV6igecFoXmhEBBMyjmSe4JvVH/Zza0MLrlGGS8oOcbTD8gYhs6SQhr3ebtdPPIHHdJPR3voVTETX+pddUaiElNal4yV6rx2WFHONeF2CpCSONE5qhqVZUMZKS8wV1VTw2JAbrVcr88P7l68j+uM4gUxIsGU4x/CUG840yFCvQuxaJ1JLZTisBG24nrBOqcIJg7RBweQll6LmaUd/Q5m9UUgxrKH53hw5Wx+eb4+dU+BUvJpuUKCjlf2sq/1ElB/t5aGP89bUdwb40QGuGof2KbnQCDMmXiE1y+1DI9gB16pr2Z6BrGbsF011sdWyho6QteXh1azHpqC/T7tkmKmjz8b1aTdY78QETinPByh3TXmaJ7VtVGEJXEe/0bISUmM+CKHoG2zXnfO3tiFsE0ic0lp1dJk7itZ9P+eFpagYbAATTqHvjhWxVhVOTaaIQdbbVpgAcqo9sJSDsJOmdisZRHf7/WMz6PN8sqZ2gvikOmJm0zHzfY6ZjROInmXm3rFKZ5i5623nmBmbXmCmN03OMWOWfrZTzEk4253yc9fxc38dfh4cK5jh59vR9m6On7HpBX56U3K5c8ap9sy0031bSVpieegoerg4BxWUmGtK/m7GUuvbXfusNoSdzrLLzmtn1xLllaoz6Zcl7OwrUvpBYqLpDj6A6fQq4ZOYCojgqYP6GAJ39O7/curSTprAAG5t0twz6fDqTCA7FUqxL3B4jSaQnTrZIXSKLGpt9l2H+3QG0Dne/F4TRrk1GMf5Nr2Lx7mEk++k+dP4OpCZH2Q47Q7mD+vsgE63WV4IpTtI7MP4XIxPYGoE+Bk8gZRCdpBJCJb1bL7dubGfnRuOozsv4JtHguFFcNDcGXHwAQsvgIPmzoW36YlUEwJKdXgkaBA1vt3VqQDMn6gj50EVpk/UcaoLZvYQ06kFTJ+oJ5ALpvUQ06kIDE9UG2ogPNK5N0AjcZx3JmHj/WVkMo4UkQA8wjyNbkrKUat4Hu4fq/2tDXwqlFQ5wG+ecySwouj9nO9AZ2VD5+O/MlzvTm2NcPPWdUZyDWPZl2dV9sqraKMEaS9f9RWiv4IUWJAGC1Bh02QdxRidJ+tUbvgKshBJFiTKgmRZsDCbpuyoz56vR9mpRgtRaUE6LUipBWi1IVnH+VmORclLx9qVRNvHZJt31s5Zcy395o/tHDrXEnJnwU8UCgvD9VJ0H9d0AfkvKZ2HuAvJYEkBPVTe2RRGaqc8izySe9cRfN5pLanMjJ7xx15SkzlpcxZ9IKq4bzm8gn0miSPkT6VwIItEGOhFmbhcKHrmuqRCFxSjL+qS6lyQjufn3VAjVYFjbk5DfkxFeme96JS4LCf9sRedD5d15RC80ZYjmfXv/AvshMA0gd//B6jO1lmzHgAA';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var buttonRecipe = _dc746((function(){var x={defaultClassName:'button__hi3ya00',variantClassNames:{fullWidth:{true:'button_fullWidth_true__hi3ya01',false:'button_fullWidth_false__hi3ya02'},loading:{true:'button_loading_true__hi3ya03'},size:{'1':'button_size_1__hi3ya04','2':'button_size_2__hi3ya05','3':'button_size_3__hi3ya06'},variant:{primary:'button_variant_primary__hi3ya07',secondary:'button_variant_secondary__hi3ya08',outline:'button_variant_outline__hi3ya09',ghost:'button_variant_ghost__hi3ya0a',error:'button_variant_error__hi3ya0b',success:'button_variant_success__hi3ya0c'},round:{true:'button_round_true__hi3ya0d'}},defaultVariants:{size:'2',variant:'primary'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined,sm:{fullWidth:{true:'button_fullWidth_sm_true__hi3ya0e',false:'button_fullWidth_sm_false__hi3ya0f'},loading:{true:'button_loading_sm_true__hi3ya0g'},size:{'1':'button_size_sm_1__hi3ya0h','2':'button_size_sm_2__hi3ya0i','3':'button_size_sm_3__hi3ya0j'},variant:{primary:'button_variant_sm_primary__hi3ya0k',secondary:'button_variant_sm_secondary__hi3ya0l',outline:'button_variant_sm_outline__hi3ya0m',ghost:'button_variant_sm_ghost__hi3ya0n',error:'button_variant_sm_error__hi3ya0o',success:'button_variant_sm_success__hi3ya0p'},round:{true:'button_round_sm_true__hi3ya0q'}}},conditionNames:['sm'],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));"],"mappings":";AACA,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAQ,WAAU;AAAC,MAAI,IAAE,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,MAAK,kCAAiC,OAAM,kCAAiC,GAAE,SAAQ,EAAC,MAAK,+BAA8B,GAAE,MAAK,EAAC,KAAI,0BAAyB,KAAI,0BAAyB,KAAI,yBAAwB,GAAE,SAAQ,EAAC,SAAQ,mCAAkC,WAAU,qCAAoC,SAAQ,mCAAkC,OAAM,iCAAgC,OAAM,iCAAgC,SAAQ,kCAAiC,GAAE,OAAM,EAAC,MAAK,6BAA4B,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,UAAS,GAAE,kBAAiB,CAAC,GAAE,6BAA4B,EAAC,SAAQ,QAAU,IAAG,EAAC,WAAU,EAAC,MAAK,qCAAoC,OAAM,qCAAoC,GAAE,SAAQ,EAAC,MAAK,kCAAiC,GAAE,MAAK,EAAC,KAAI,6BAA4B,KAAI,6BAA4B,KAAI,4BAA2B,GAAE,SAAQ,EAAC,SAAQ,sCAAqC,WAAU,wCAAuC,SAAQ,sCAAqC,OAAM,oCAAmC,OAAM,oCAAmC,SAAQ,qCAAoC,GAAE,OAAM,EAAC,MAAK,gCAA+B,EAAC,EAAC,GAAE,gBAAe,CAAC,IAAI,GAAE,YAAW,EAAC,IAAG,SAAQ,IAAG,SAAQ,IAAG,UAAS,IAAG,UAAS,IAAG,SAAQ,GAAE,YAAW,4BAA2B,UAAS,CAAC,EAAC;AAAE,IAAE,4BAA4B,UAAQ,EAAE;AAAkB,SAAO;AAAE,EAAE,CAAE;","names":[]}

package/dist/{chunk-MIRMF5N3.mjs → chunk-67WEB6LY.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-47YGQSLM.mjs";
 import {
   extractVariantsFromProps
-} from "./chunk-DQ4T4WV3.mjs";
+} from "./chunk-UPZYS6TE.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -25,4 +25,4 @@ var Spinner = ({ asChild, ...props }) => {
 export {
   Spinner
 };
-//# sourceMappingURL=chunk-MIRMF5N3.mjs.map
+//# sourceMappingURL=chunk-67WEB6LY.mjs.map

package/dist/chunk-67WEB6LY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner.tsx"],"sourcesContent":["import { SpinnerVariants, spinnerRecipe } from \"@/theme/recipes/spinner.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type SpinnerProps = ComponentProps<\n  typeof defaultElement,\n  SpinnerVariants\n>;\n\nexport const Spinner = ({ asChild, ...props }: SpinnerProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...spinnerRecipe.variants(),\n  );\n  const spinner = spinnerRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(spinner, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,MAAoB;AAC9D,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,cAAc,SAAS;AAAA,EAC5B;AACA,QAAM,UAAU,cAAc,QAAQ;AACtC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,SAAS,KAAK,SAAS,GAC5D,eAAK,UACR;AAEJ;","names":[]}

package/dist/{chunk-ELXCOK2T.mjs → chunk-FQX4V5DP.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-JZBPCPSP.mjs";
 import {
   extractVariantsFromProps
-} from "./chunk-DQ4T4WV3.mjs";
+} from "./chunk-UPZYS6TE.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -25,4 +25,4 @@ var Text = ({ asChild, ...props }) => {
 export {
   Text
 };
-//# sourceMappingURL=chunk-ELXCOK2T.mjs.map
+//# sourceMappingURL=chunk-FQX4V5DP.mjs.map

package/dist/chunk-FQX4V5DP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/text.tsx"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"span\";\n\nexport type TextProps = ComponentProps<typeof defaultElement, TextVariants>;\n\nexport const Text = ({ asChild, ...props }: TextProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...textRecipe.variants(),\n  );\n  const text = textRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(text, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAejB;AAbJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,WAAW,SAAS;AAAA,EACzB;AACA,QAAM,OAAO,WAAW,QAAQ;AAChC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,GACzD,eAAK,UACR;AAEJ;","names":[]}

package/dist/chunk-HGLO5LDS.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-HGLO5LDS.mjs.map

package/dist/{chunk-2WZQZIYN.mjs → chunk-KYAQZHQ5.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-EXKRRQYL.mjs";
 import {
   extractVariantsFromProps
-} from "./chunk-DQ4T4WV3.mjs";
+} from "./chunk-UPZYS6TE.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -25,4 +25,4 @@ var Status = ({ asChild, ...props }) => {
 export {
   Status
 };
-//# sourceMappingURL=chunk-2WZQZIYN.mjs.map
+//# sourceMappingURL=chunk-KYAQZHQ5.mjs.map

package/dist/chunk-KYAQZHQ5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/status.tsx"],"sourcesContent":["import { StatusVariants, statusRecipe } from \"@/theme/recipes/status.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type StatusProps = ComponentProps<typeof defaultElement, StatusVariants>;\n\nexport const Status = ({ asChild, ...props }: StatusProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...statusRecipe.variants(),\n  );\n  const status = statusRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(status, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAejB;AAbJ,IAAM,iBAAiB;AAIhB,IAAM,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,MAAmB;AAC5D,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,aAAa,SAAS;AAAA,EAC3B;AACA,QAAM,SAAS,aAAa,QAAQ;AACpC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,QAAQ,KAAK,SAAS,GAC3D,eAAK,UACR;AAEJ;","names":[]}

package/dist/{chunk-XWF2DDXB.mjs → chunk-M7HASIMW.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-S6KKPOPH.mjs";
 import {
   extractVariantsFromProps
-} from "./chunk-DQ4T4WV3.mjs";
+} from "./chunk-UPZYS6TE.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -25,4 +25,4 @@ var Flex = ({ asChild, ...props }) => {
 export {
   Flex
 };
-//# sourceMappingURL=chunk-XWF2DDXB.mjs.map
+//# sourceMappingURL=chunk-M7HASIMW.mjs.map

package/dist/chunk-M7HASIMW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/flex.tsx"],"sourcesContent":["import { FlexVariants, flexRecipe } from \"@/theme/recipes/flex.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type FlexProps = ComponentProps<typeof defaultElement, FlexVariants>;\n\nexport const Flex = ({ asChild, ...props }: FlexProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...flexRecipe.variants(),\n  );\n  const flex = flexRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(flex, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAejB;AAbJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,WAAW,SAAS;AAAA,EACzB;AACA,QAAM,OAAO,WAAW,QAAQ;AAChC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,GACzD,eAAK,UACR;AAEJ;","names":[]}

package/dist/{chunk-L2MODHAE.mjs → chunk-OZ2DHFQP.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-HNVVD3WS.mjs";
 import {
   Spinner
-} from "./chunk-MIRMF5N3.mjs";
+} from "./chunk-67WEB6LY.mjs";
 import {
   extractVariantsFromProps
-} from "./chunk-DQ4T4WV3.mjs";
+} from "./chunk-UPZYS6TE.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -39,4 +39,4 @@ var IconButton = ({ asChild, ...props }) => {
 export {
   IconButton
 };
-//# sourceMappingURL=chunk-L2MODHAE.mjs.map
+//# sourceMappingURL=chunk-OZ2DHFQP.mjs.map

package/dist/chunk-OZ2DHFQP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/icon-button.tsx"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport {\n  IconButtonVariants,\n  iconButtonRecipe,\n} from \"@/theme/recipes/icon-button.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"button\";\n\nexport type IconButtonProps = ComponentProps<\n  typeof defaultElement,\n  IconButtonVariants\n>;\n\nexport const IconButton = ({ asChild, ...props }: IconButtonProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...iconButtonRecipe.variants(),\n  );\n  const iconButton = iconButtonRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp\n      {...rest}\n      className={mergeClasses(iconButton, rest.className)}\n      disabled={rest.disabled || Boolean(variants.loading)}\n    >\n      {rest.children}\n      {variants.loading && <Spinner style={{ position: \"absolute\" }} />}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAQA,SAAS,YAAY;AAkBjB,SAMuB,KANvB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,MAAuB;AACpE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,iBAAiB,SAAS;AAAA,EAC/B;AACA,QAAM,aAAa,iBAAiB,QAAQ;AAC5C,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,YAAY,KAAK,SAAS;AAAA,MAClD,UAAU,KAAK,YAAY,QAAQ,SAAS,OAAO;AAAA,MAElD;AAAA,aAAK;AAAA,QACL,SAAS,WAAW,oBAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":[]}

package/dist/{chunk-REMVSAGR.mjs → chunk-P2VEMZGS.mjs}

@@ -3,8 +3,12 @@ import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntim
 var avatarFallbackRecipe = _7a468({ defaultClassName: "avatar_avatarFallbackRecipe__1kfnoqsb", variantClassNames: { size: { "1": "avatar_avatarFallbackRecipe_size_1__1kfnoqsc", "2": "avatar_avatarFallbackRecipe_size_2__1kfnoqsd", "3": "avatar_avatarFallbackRecipe_size_3__1kfnoqse", "4": "avatar_avatarFallbackRecipe_size_4__1kfnoqsf", "5": "avatar_avatarFallbackRecipe_size_5__1kfnoqsg", "6": "avatar_avatarFallbackRecipe_size_6__1kfnoqsh" } }, defaultVariants: { size: "2" }, compoundVariants: [] });
 var avatarRecipe = _7a468({ defaultClassName: "avatar_avatarRecipe__1kfnoqs0", variantClassNames: { size: { "1": "avatar_avatarRecipe_size_1__1kfnoqs1", "2": "avatar_avatarRecipe_size_2__1kfnoqs2", "3": "avatar_avatarRecipe_size_3__1kfnoqs3", "4": "avatar_avatarRecipe_size_4__1kfnoqs4", "5": "avatar_avatarRecipe_size_5__1kfnoqs5", "6": "avatar_avatarRecipe_size_6__1kfnoqs6" }, shape: { square: "avatar_avatarRecipe_shape_square__1kfnoqs7", circle: "avatar_avatarRecipe_shape_circle__1kfnoqs8" }, inactive: { true: "avatar_avatarRecipe_inactive_true__1kfnoqs9" }, interactive: { true: "avatar_avatarRecipe_interactive_true__1kfnoqsa" } }, defaultVariants: { shape: "circle", size: "3" }, compoundVariants: [] });
 
+// src/theme/styles/avatar.css.ts
+var avatarImage = "avatar_avatarImage__n9csuc0";
+
 export {
   avatarFallbackRecipe,
-  avatarRecipe
+  avatarRecipe,
+  avatarImage
 };
-//# sourceMappingURL=chunk-REMVSAGR.mjs.map
+//# sourceMappingURL=chunk-P2VEMZGS.mjs.map

package/dist/chunk-P2VEMZGS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/recipes/avatar.css.ts","../src/theme/styles/avatar.css.ts"],"sourcesContent":["import 'src/theme/recipes/avatar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WVYWvbMBCGv/dXiMKghanY6dKmKvtU2A/YBvswRjhbZ1urLbnSOU079t+H1NRyXTsphUESk9PpeaWT/N4ZbIDArp8eXzFXLa7X6W2hzZ1L2J8jxqBWpeaKsHGC5agJ7fURY787R6p44LnRhJqGQxu0pHKoeZgqWKOkrNGPmA3aojb3glVKStQ+1jm03GGNOQmmjQ6Jmdlypx6VLgXLjJVoeWa2fkQq19bwIFhRYwj4J3eVVfpWsMRHWuMUKaMFs1gDqc0O6TFRojCaeAGNqh8EU7pCq8jHa6WRV6jKigRLfaQBWyq9g5uOfEbktCBlWGfSU+93szdgTzj3oR8h4niDUnXNep1e6QxXclGYUz8rN7Wxz/kOG9Ck8hsfdNx1toAcv+OWbowmC44G86/C/Azy29KaTkv+BtRg+ur0+ujv0dneWyBEhoWxGG5Df9zHxy9LDZkzdUehJGTaXTnsUyGSpwMgMs3uT41FjIfztSBV514cRbgFFUh/YZR2SCxpt+GbttvpLfqzGewP5/fn1COu036badhe9eLkfIrj55FXQij3vZJU7U/aJ7roRRezossBL58THSftEz3vRc9nRS8GPDknOk7aJ/qpF/00K3o54OGc6Dhpn+iyF13Oiq4GvGJOdJy0T/SiF72YFb0a8Mo50XHSnGgF/veuAxtf1csgPXqfnuD+n+KLAVwdgufK5nWEr6bgy+TDLEVpyL35rsl2EXMVMKaFXNGDYGfne+YT2ikECAEFof1vhvTKTW2ZwUnyke0+Z8kqHF+/i13bCSvmuEFNLjYIsqCfF7WbwdIkaVxoNWDfU4DKd9JhGfqlpO/A/ZRAwB0B4edj06I+/jVkH65HunhZj4lFfIG69qBRd8mCAuGWeKhTYWwjWNe2aHNweJAzcvE84EIT9iOCpUm7fd3Vlz74FnK0ajkmx+b+bdQBsok3awoeLRkPwaPpTrnfFDxab3EIHs11yuWm4NFiy0PwaKJTbjYFj1ZaHYJHs6w8/B8r/eWNzgoAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatarFallbackRecipe = _7a468({defaultClassName:'avatar_avatarFallbackRecipe__1kfnoqsb',variantClassNames:{size:{'1':'avatar_avatarFallbackRecipe_size_1__1kfnoqsc','2':'avatar_avatarFallbackRecipe_size_2__1kfnoqsd','3':'avatar_avatarFallbackRecipe_size_3__1kfnoqse','4':'avatar_avatarFallbackRecipe_size_4__1kfnoqsf','5':'avatar_avatarFallbackRecipe_size_5__1kfnoqsg','6':'avatar_avatarFallbackRecipe_size_6__1kfnoqsh'}},defaultVariants:{size:'2'},compoundVariants:[]});\nexport var avatarRecipe = _7a468({defaultClassName:'avatar_avatarRecipe__1kfnoqs0',variantClassNames:{size:{'1':'avatar_avatarRecipe_size_1__1kfnoqs1','2':'avatar_avatarRecipe_size_2__1kfnoqs2','3':'avatar_avatarRecipe_size_3__1kfnoqs3','4':'avatar_avatarRecipe_size_4__1kfnoqs4','5':'avatar_avatarRecipe_size_5__1kfnoqs5','6':'avatar_avatarRecipe_size_6__1kfnoqs6'},shape:{square:'avatar_avatarRecipe_shape_square__1kfnoqs7',circle:'avatar_avatarRecipe_shape_circle__1kfnoqs8'},inactive:{true:'avatar_avatarRecipe_inactive_true__1kfnoqs9'},interactive:{true:'avatar_avatarRecipe_interactive_true__1kfnoqsa'}},defaultVariants:{shape:'circle',size:'3'},compoundVariants:[]});","import 'src/theme/styles/avatar.css.ts.vanilla.css?source=LmF2YXRhcl9hdmF0YXJJbWFnZV9fbjljc3VjMCB7CiAgZGlzcGxheTogZmxleDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogMTAwJTsKICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwogIHdpZHRoOiAxMDAlOwp9';\nexport var avatarImage = 'avatar_avatarImage__n9csuc0';"],"mappings":";AACA,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,yCAAwC,mBAAkB,EAAC,MAAK,EAAC,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,+CAA8C,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxd,IAAI,eAAe,OAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,EAAC,MAAK,EAAC,KAAI,wCAAuC,KAAI,wCAAuC,KAAI,wCAAuC,KAAI,wCAAuC,KAAI,wCAAuC,KAAI,uCAAsC,GAAE,OAAM,EAAC,QAAO,8CAA6C,QAAO,6CAA4C,GAAE,UAAS,EAAC,MAAK,8CAA6C,GAAE,aAAY,EAAC,MAAK,iDAAgD,EAAC,GAAE,iBAAgB,EAAC,OAAM,UAAS,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFzpB,IAAI,cAAc;","names":[]}

package/dist/{chunk-BALC5CGU.mjs → chunk-UPZYS6TE.mjs}

@@ -16,8 +16,16 @@ function pick(obj, ...keys) {
   return ret;
 }
 
+// src/utils/extract-variants.ts
+function extractVariantsFromProps(obj, ...keys) {
+  const variants = pick(obj, ...keys);
+  const rest = omit(obj, ...keys);
+  return [variants, rest];
+}
+
 export {
   omit,
-  pick
+  pick,
+  extractVariantsFromProps
 };
-//# sourceMappingURL=chunk-BALC5CGU.mjs.map
+//# sourceMappingURL=chunk-UPZYS6TE.mjs.map

package/dist/chunk-UPZYS6TE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/omit.ts","../src/utils/pick.ts","../src/utils/extract-variants.ts"],"sourcesContent":["export function omit<T, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K> {\n  const ret = { ...obj };\n  keys.forEach((key) => {\n    delete ret[key];\n  });\n\n  return ret;\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const ret: any = {};\n  keys.forEach((key) => {\n    ret[key] = obj[key];\n  });\n\n  return ret;\n}\n","import { omit } from \"./omit\";\nimport { pick } from \"./pick\";\n\n/**\n * TODO\n * @param obj\n * @param keys\n * @returns [variants, props]\n */\nexport function extractVariantsFromProps<T, K extends keyof T>(\n  obj: T,\n  ...keys: K[]\n): [Pick<T, K>, Omit<T, K>] {\n  const variants = pick(obj, ...keys);\n  const rest = omit(obj, ...keys);\n\n  return [variants, rest];\n}\n"],"mappings":";AAAO,SAAS,KAA2B,QAAW,MAAuB;AAC3E,QAAM,MAAM,EAAE,GAAG,IAAI;AACrB,OAAK,QAAQ,CAAC,QAAQ;AACpB,WAAO,IAAI,GAAG;AAAA,EAChB,CAAC;AAED,SAAO;AACT;;;ACJO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;ACFO,SAAS,yBACd,QACG,MACuB;AAC1B,QAAM,WAAW,KAAK,KAAK,GAAG,IAAI;AAClC,QAAM,OAAO,KAAK,KAAK,GAAG,IAAI;AAE9B,SAAO,CAAC,UAAU,IAAI;AACxB;","names":[]}

package/dist/{chunk-24DFRL5Q.mjs → chunk-ZSB4NTM3.mjs}

@@ -1,12 +1,12 @@
 import {
   buttonRecipe
-} from "./chunk-66WXCRN4.mjs";
+} from "./chunk-4A7WL3BM.mjs";
 import {
   Spinner
-} from "./chunk-MIRMF5N3.mjs";
+} from "./chunk-67WEB6LY.mjs";
 import {
   extractVariantsFromProps
-} from "./chunk-DQ4T4WV3.mjs";
+} from "./chunk-UPZYS6TE.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -39,4 +39,4 @@ var Button = ({ asChild, ...props }) => {
 export {
   Button
 };
-//# sourceMappingURL=chunk-24DFRL5Q.mjs.map
+//# sourceMappingURL=chunk-ZSB4NTM3.mjs.map

package/dist/chunk-ZSB4NTM3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button.tsx"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport { ButtonVariants, buttonRecipe } from \"@/theme/recipes/button.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"button\";\n\nexport type ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants>;\n\nexport const Button = ({ asChild, ...props }: ButtonProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...buttonRecipe.variants(),\n  );\n  const button = buttonRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp\n      {...rest}\n      className={mergeClasses(button, rest.className)}\n      disabled={rest.disabled || Boolean(variants.loading)}\n    >\n      {rest.children}\n      {variants.loading && <Spinner style={{ position: \"absolute\" }} />}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAKA,SAAS,YAAY;AAejB,SAMuB,KANvB;AAbJ,IAAM,iBAAiB;AAIhB,IAAM,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,MAAmB;AAC5D,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,aAAa,SAAS;AAAA,EAC3B;AACA,QAAM,SAAS,aAAa,QAAQ;AACpC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,QAAQ,KAAK,SAAS;AAAA,MAC9C,UAAU,KAAK,YAAY,QAAQ,SAAS,OAAO;AAAA,MAElD;AAAA,aAAK;AAAA,QACL,SAAS,WAAW,oBAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":[]}

package/dist/components/avatar.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AvatarVariants } from '../avatar.css-Lh26jRUS.mjs';
-import { S as StatusVariants } from '../status.css-D2Xhx8gm.mjs';
+import { A as AvatarVariants } from '../avatar.css-C22jQqLD.mjs';
+import { S as StatusVariants } from '../status.css-BB1Lk0Lb.mjs';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import react__default from 'react';
 import '@vanilla-extract/recipes';

package/dist/components/avatar.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AvatarVariants } from '../avatar.css-Lh26jRUS.js';
-import { S as StatusVariants } from '../status.css-D2Xhx8gm.js';
+import { A as AvatarVariants } from '../avatar.css-C22jQqLD.js';
+import { S as StatusVariants } from '../status.css-BB1Lk0Lb.js';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import react__default from 'react';
 import '@vanilla-extract/recipes';

package/dist/components/avatar.js

@@ -80,7 +80,7 @@ function pick(obj, ...keys) {
   return ret;
 }
 
-// src/utils/get-variants.ts
+// src/utils/extract-variants.ts
 function extractVariantsFromProps(obj, ...keys) {
   const variants = pick(obj, ...keys);
   const rest = omit(obj, ...keys);