@nayhoo/ui 0.22.0 → 0.23.0

package/dist/components/icon-button.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(icon_button_exports);
 // src/theme/recipes/spinner.css.ts
 var import_createRuntimeFn = require("homemade-recipes/createRuntimeFn");
 var spinnerRecipe = (0, import_createRuntimeFn.createRuntimeFn)((function() {
-  var x = { defaultClassName: "spinner__15xzcy90", variantClassNames: { size: { "1": "spinner_size_1__15xzcy91", "2": "spinner_size_2__15xzcy92", "3": "spinner_size_3__15xzcy93", "4": "spinner_size_4__15xzcy94", "5": "spinner_size_5__15xzcy95", "6": "spinner_size_6__15xzcy96", "7": "spinner_size_7__15xzcy97", "8": "spinner_size_8__15xzcy98", "9": "spinner_size_9__15xzcy99" } }, defaultVariants: { size: "3" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0 }, conditionNames: [], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
+  var x = { defaultClassName: "spinner__15xzcy90", variantClassNames: { size: { "1": "spinner_size_1__15xzcy91", "2": "spinner_size_2__15xzcy92", "3": "spinner_size_3__15xzcy93" } }, defaultVariants: { size: "2" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0 }, conditionNames: [], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
   x.responsiveVariantClassNames.initial = x.variantClassNames;
   return x;
 })());
@@ -63,47 +63,52 @@ function mergeClasses(...classes) {
 }
 
 // src/components/spinner.tsx
-var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime = require("react/jsx-runtime");
-var defaultElement = "div";
-var Spinner = ({ asChild, ...props }) => {
+var Spinner = ({ ...props }) => {
   const [variants, rest] = extractVariantsFromProps(
     props,
     ...spinnerRecipe.variants()
   );
   const spinner = spinnerRecipe(variants);
-  const Comp = asChild ? import_react_slot.Slot : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: mergeClasses(spinner, rest.className), children: rest.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      ...rest,
+      className: mergeClasses(spinner, rest.className),
+      children: rest.children
+    }
+  );
 };
 
 // src/theme/recipes/icon-button.css.ts
 var import_createRuntimeFn2 = require("homemade-recipes/createRuntimeFn");
 var iconButtonRecipe = (0, import_createRuntimeFn2.createRuntimeFn)((function() {
-  var x = { defaultClassName: "icon-button__v93z8s0", variantClassNames: { loading: { true: "icon-button_loading_true__v93z8s1" }, size: { "1": "icon-button_size_1__v93z8s2", "2": "icon-button_size_2__v93z8s3", "3": "icon-button_size_3__v93z8s4", "4": "icon-button_size_4__v93z8s5" }, variant: { ghost: "icon-button_variant_ghost__v93z8s6", outline: "icon-button_variant_outline__v93z8s7" }, round: { true: "icon-button_round_true__v93z8s8" } }, defaultVariants: { size: "1", variant: "ghost" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0 }, conditionNames: [], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
+  var x = { defaultClassName: "icon-button__v93z8s0", variantClassNames: { loading: { true: "icon-button_loading_true__v93z8s1" }, size: { "1": "icon-button_size_1__v93z8s2", "2": "icon-button_size_2__v93z8s3", "3": "icon-button_size_3__v93z8s4" }, variant: { ghost: "icon-button_variant_ghost__v93z8s5", outline: "icon-button_variant_outline__v93z8s6" }, round: { true: "icon-button_round_true__v93z8s7" } }, defaultVariants: { size: "1", variant: "ghost" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0 }, conditionNames: [], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
   x.responsiveVariantClassNames.initial = x.variantClassNames;
   return x;
 })());
 
 // src/components/icon-button.tsx
-var import_react_slot2 = require("@radix-ui/react-slot");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var defaultElement2 = "button";
 var IconButton = ({ asChild, ...props }) => {
   const [variants, rest] = extractVariantsFromProps(
     props,
     ...iconButtonRecipe.variants()
   );
   const iconButton = iconButtonRecipe(variants);
-  const Comp = asChild ? import_react_slot2.Slot : defaultElement2;
+  const disabled = rest.disabled || Boolean(variants.loading);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    Comp,
+    "button",
     {
       ...rest,
       className: mergeClasses(iconButton, rest.className),
-      disabled: rest.disabled || Boolean(variants.loading),
+      disabled,
+      "aria-disabled": disabled,
       children: [
         rest.children,
-        variants.loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, { style: { position: "absolute" } })
+        variants.loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, { size: variants.size, style: { position: "absolute" } })
       ]
     }
   );

package/dist/components/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/icon-button.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts","../../src/components/spinner.tsx","../../src/theme/recipes/icon-button.css.ts"],"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","import 'src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAA33P0W7CIBTG8fs+BZfbBUZqq6Ve7kEIFqwn6aAB3NTFd1/qJiMnObtp0uR/vl9YxRmcs0Ep0V5uw1Wu2VfFmHbwrhN417MlUI+PkmKsZbtmqy6yCZzVgYE7goNk9xVjBx+MDT0T84VFP4FhHzq8cD74yYfI46ST/fk2SgnpDrYz4jq9/t3yoA2cY/97uPwBD/7sTD6oR1ceJD+X4HAOwbr0toj76l6tns+LcLNK5FeKxytPFsZTempLErkopO4hfYJJp/8jDNUZqkmoLjYkBeEIQ5sMbUhoU2xoCsIRhpoMNSTUFBsHCsIRhtoMtSTUFhsDBeEIQ9sMbUloW2wYCsIRhnYZ2pHQrtiwFIQjDHUZ6kioKzaOFIQjDMkMSRKSxcZIQTi6fwMe8qCrjwQAAA==';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var spinnerRecipe = _dc746((function(){var x={defaultClassName:'spinner__15xzcy90',variantClassNames:{size:{'1':'spinner_size_1__15xzcy91','2':'spinner_size_2__15xzcy92','3':'spinner_size_3__15xzcy93','4':'spinner_size_4__15xzcy94','5':'spinner_size_5__15xzcy95','6':'spinner_size_6__15xzcy96','7':'spinner_size_7__15xzcy97','8':'spinner_size_8__15xzcy98','9':'spinner_size_9__15xzcy99'}},defaultVariants:{size:'3'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));","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","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","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","import 'src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA72VwW7iMBCG7zxF9rY9uCJAW5qeql72LSInniRDjR3ZE6Cs9t1XdhJwU7xF1e4KiciT3/N/Ho+dWyy1YkVHpFWe7x6Xx7WdJz9nScIl1oohwdZmSQmKwDy5cNsCN1yVkCVKK3CxQhsBhu1RUJMl8z50YBaPqOpsfF3og3sj0LaSv2UJKokKWCXBx92T2cageh1yVFoRq/gWpVc3YJBOcYtHyJJ01frJm84SVm+s1IpAUQjsTRrAuqEsSV1Ed+SCZ/6WC+FJvS3BgZiAUhtOqNVZ1lkwzIKEks5BtofiFYkRb1mDdSOdESu11CZLyHBlW25AeXA/xD4plzJJ5/OtdS8GedkZJ31xo6fZr9ntpc3JMl4RGL9HsSpHpxZQaQNfmtvo3eBadsY63FZjX+TYFIGWFxJE78fL19roTomxOjtuvrN+YJmVnKD/X+R5+qgKWIv0bXNz6qaGC713jWCBkrn/pe3hQpbn4fFwznOc3wR1jhmvA+O2nzAsVWliXEq9B+Ebpl85gx0osmMzTMogNXddlZPpYKxJ2hfwQ3ck33DbakPcNcokj+v0PB0zLIbN8xtmuMDOjgtyI2TpaRGLuvGLGJu/V7l0lt0FqtKrhtP7J9ElsMUItvwMbBFkwyjYfaASMbCp6BLYcgRb/R2wh0AFMbCp6BLYagS7+wxsGWTbRMHWgaqKgU1FE7AdN8gV5XWjLY1895Fz++5WuypRcHnErgELW64Iy5f+VAYeP9zcM351NX7GS8IdfNH22U8OfOu47/BFGZ0frincNbfahK73OAFdaLAY0P/agA++/3wLfMJ3d+z6s2NVdVIGx0G7pL8BJnZceAgJAAA=';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var iconButtonRecipe = _dc746((function(){var x={defaultClassName:'icon-button__v93z8s0',variantClassNames:{loading:{true:'icon-button_loading_true__v93z8s1'},size:{'1':'icon-button_size_1__v93z8s2','2':'icon-button_size_2__v93z8s3','3':'icon-button_size_3__v93z8s4','4':'icon-button_size_4__v93z8s5'},variant:{ghost:'icon-button_variant_ghost__v93z8s6',outline:'icon-button_variant_outline__v93z8s7'},round:{true:'icon-button_round_true__v93z8s8'}},defaultVariants:{size:'1',variant:'ghost'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,6BAA0C;AACnC,IAAI,oBAAgB,uBAAAA,kBAAQ,WAAU;AAAC,MAAI,IAAE,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,MAAK,EAAC,KAAI,4BAA2B,KAAI,4BAA2B,KAAI,4BAA2B,KAAI,4BAA2B,KAAI,4BAA2B,KAAI,4BAA2B,KAAI,4BAA2B,KAAI,4BAA2B,KAAI,2BAA0B,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,GAAE,6BAA4B,EAAC,SAAQ,OAAS,GAAE,gBAAe,CAAC,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,GAAE,CAAE;;;ACHvrB,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;;;ACjBO,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACEA,wBAAqB;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,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,MAAM,WAAW,aAAa,SAAS,KAAK,SAAS,GAC5D,eAAK,UACR;AAEJ;;;ACzBA,IAAAC,0BAA0C;AACnC,IAAI,uBAAmB,wBAAAC,kBAAQ,WAAU;AAAC,MAAI,IAAE,EAAC,kBAAiB,wBAAuB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,oCAAmC,GAAE,MAAK,EAAC,KAAI,+BAA8B,KAAI,+BAA8B,KAAI,+BAA8B,KAAI,8BAA6B,GAAE,SAAQ,EAAC,OAAM,sCAAqC,SAAQ,uCAAsC,GAAE,OAAM,EAAC,MAAK,kCAAiC,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,QAAO,GAAE,kBAAiB,CAAC,GAAE,6BAA4B,EAAC,SAAQ,OAAS,GAAE,gBAAe,CAAC,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,GAAE,CAAE;;;APM3wB,IAAAC,qBAAqB;AAkBjB,IAAAC,sBAAA;AAhBJ,IAAMC,kBAAiB;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,0BAAOA;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,6CAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":["_dc746","import_createRuntimeFn","_dc746","import_react_slot","import_jsx_runtime","defaultElement"]}
+{"version":3,"sources":["../../src/components/icon-button.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts","../../src/components/spinner.tsx","../../src/theme/recipes/icon-button.css.ts"],"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\";\n\nexport type IconButtonProps = ComponentProps<\"button\", IconButtonVariants>;\n\nexport const IconButton = ({ asChild, ...props }: IconButtonProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...iconButtonRecipe.variants(),\n  );\n  const iconButton = iconButtonRecipe(variants);\n\n  const disabled = rest.disabled || Boolean(variants.loading);\n\n  return (\n    <button\n      {...rest}\n      className={mergeClasses(iconButton, rest.className)}\n      disabled={disabled}\n      aria-disabled={disabled}\n    >\n      {rest.children}\n\n      {variants.loading && (\n        <Spinner size={variants.size} style={{ position: \"absolute\" }} />\n      )}\n    </button>\n  );\n};\n","import 'src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=LnNwaW5uZXJfXzE1eHpjeTkwIHsKICBhbmltYXRpb246IHNwaW5fc3Bpbl9fOTFnMjk1MCAuOHMgbGluZWFyIGluZmluaXRlOwogIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLXNlbWFudGljQ29sb3JzLXByaW1hcnktcHJpbWFyeTlfXzE5bmJlOGQyY3EpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGlpLXJvdW5kX18xOW5iZThkMmduKTsKICBib3JkZXItdG9wOiAycHggc29saWQgdHJhbnNwYXJlbnQ7Cn0KLnNwaW5uZXJfc2l6ZV8xX18xNXh6Y3k5MSB7CiAgaGVpZ2h0OiB2YXIoLS1zaXplcy0zX18xOW5iZThkMmdhKTsKICB3aWR0aDogdmFyKC0tc2l6ZXMtM19fMTluYmU4ZDJnYSk7Cn0KLnNwaW5uZXJfc2l6ZV8yX18xNXh6Y3k5MiB7CiAgaGVpZ2h0OiB2YXIoLS1zaXplcy00X18xOW5iZThkMmdiKTsKICB3aWR0aDogdmFyKC0tc2l6ZXMtNF9fMTluYmU4ZDJnYik7Cn0KLnNwaW5uZXJfc2l6ZV8zX18xNXh6Y3k5MyB7CiAgaGVpZ2h0OiB2YXIoLS1zaXplcy01X18xOW5iZThkMmdjKTsKICB3aWR0aDogdmFyKC0tc2l6ZXMtNV9fMTluYmU4ZDJnYyk7Cn0=';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var spinnerRecipe = _dc746((function(){var x={defaultClassName:'spinner__15xzcy90',variantClassNames:{size:{'1':'spinner_size_1__15xzcy91','2':'spinner_size_2__15xzcy92','3':'spinner_size_3__15xzcy93'}},defaultVariants:{size:'2'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));","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","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","import { SpinnerVariants, spinnerRecipe } from \"@/theme/recipes/spinner.css\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\n\nexport type SpinnerProps = React.ComponentProps<\"div\"> & SpinnerVariants;\n\nexport const Spinner = ({ ...props }: SpinnerProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...spinnerRecipe.variants(),\n  );\n  const spinner = spinnerRecipe(variants);\n\n  return (\n    <div\n      role=\"status\"\n      aria-label=\"Loading\"\n      {...rest}\n      className={mergeClasses(spinner, rest.className)}\n    >\n      {rest.children}\n    </div>\n  );\n};\n","import 'src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71U207jMBB95yu8b8uDUVMuLeEJ8bJ/ETn2JBlw7ciepKWr/feVnaQNoYEKsatKjTw+M+fMzVcoreF5Q2RNlrX31/u1X7DfF4wJjaXhSLDxKZNgCNxDMNc1CCeMhJQZayDYcusUOL5FRVXKFp1pxz3u0ZTpcJ3bXbhR6GstXlOGRqMBXmiI9vDlvnJoXvoYhTXEC7FBHdEVOKSD3eMeUpbc1NH5ufGExSuX1hAYGguOJBVgWVHKkmCxDQXjUX8tlIpKIy3BjrgCaZ0gtOYIazw47kGDpKORbyF/QeIkal5hWelAxKXV1qWMnDC+Fg5MFB6P2AUVWrNksdj4cNHDZeMC9CmcHi7+XFydak6aioLAxR7NVXnWNYfCOviSb2XbnlU2zge5tcWuyHMuCr3INaiOT8iX0tnGqKE6rXA/eXfw3GtB0P0vsyy5NzmsVfL6fHmYpkoouw2D4IHYIv6SenciymP/WR3j7BeXozrPEa9HxHXn0KdqLHGhtd2CigPTZc6hBUN+GIZJGbQVYaoycg0MNUm6Ar6bDvYDN7V1JMKgTOKESc+SIcKyb15smBMKGz8kFE7Ik0MSy7KKSQzD36FCOM9vRygZUf32fgQ6JWw5CLv+TNhyFA1nhd2NUGpO2BR0Stj1IOzme4StRiiYEzYFTYS1wqEwlJWV9TTou51ZjzePx1mBRjs6t20eNsIQyqdu+Eccv4LvUX5RnCs/FZKwhS/SPkbnEW85z9s/3APz3TmFO+fxmKjrOA6CPujjVND/asA73n/eghjwzVO2+mytikbr0TrYEPQv1VivYm8IAAA=';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var iconButtonRecipe = _dc746((function(){var x={defaultClassName:'icon-button__v93z8s0',variantClassNames:{loading:{true:'icon-button_loading_true__v93z8s1'},size:{'1':'icon-button_size_1__v93z8s2','2':'icon-button_size_2__v93z8s3','3':'icon-button_size_3__v93z8s4'},variant:{ghost:'icon-button_variant_ghost__v93z8s5',outline:'icon-button_variant_outline__v93z8s6'},round:{true:'icon-button_round_true__v93z8s7'}},defaultVariants:{size:'1',variant:'ghost'},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));"],"mappings":"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","names":["_dc746","import_createRuntimeFn","_dc746","import_jsx_runtime"]}

package/dist/components/icon-button.mjs

@@ -1,9 +1,9 @@
 import {
   IconButton
-} from "../chunk-HNN7XTNY.mjs";
-import "../chunk-ZDBDV2HW.mjs";
-import "../chunk-VW4CTCZL.mjs";
-import "../chunk-URGU4MLN.mjs";
+} from "../chunk-VJMDG74N.mjs";
+import "../chunk-A5XHUJ2A.mjs";
+import "../chunk-VZW5PY4D.mjs";
+import "../chunk-WRIZ5KCE.mjs";
 import "../chunk-UPZYS6TE.mjs";
 import "../chunk-7EGQM3ZL.mjs";
 export {

package/dist/components/image.d.mts

@@ -1,11 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 
-declare const defaultElement = "img";
-type ImageProps = ComponentProps<typeof defaultElement>;
+type ImageProps = Omit<React.ComponentProps<"img">, "alt" | "src" | "loading"> & {
+    alt: string;
+    src: string;
+};
 /**
  * @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx
  */
-declare const Image: ({ asChild, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
+declare const Image: ({ alt, src, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
 
 export { Image, type ImageProps };

package/dist/components/image.d.ts

@@ -1,11 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 
-declare const defaultElement = "img";
-type ImageProps = ComponentProps<typeof defaultElement>;
+type ImageProps = Omit<React.ComponentProps<"img">, "alt" | "src" | "loading"> & {
+    alt: string;
+    src: string;
+};
 /**
  * @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx
  */
-declare const Image: ({ asChild, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
+declare const Image: ({ alt, src, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
 
 export { Image, type ImageProps };

package/dist/components/image.js

@@ -33,12 +33,19 @@ function mergeClasses(...classes) {
 }
 
 // src/components/image.tsx
-var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime = require("react/jsx-runtime");
-var defaultElement = "img";
-var Image = ({ asChild, ...props }) => {
-  const Comp = asChild ? import_react_slot.Slot : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(image, props.className), children: props.children });
+var Image = ({ alt, src, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "img",
+    {
+      alt,
+      src,
+      loading: "lazy",
+      ...props,
+      className: mergeClasses(image, props.className),
+      children: props.children
+    }
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/image.tsx","../../src/theme/styles/image.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { image } from \"@/theme/styles/image.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"img\";\n\nexport type ImageProps = ComponentProps<typeof defaultElement>;\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx\n */\nexport const Image = ({ asChild, ...props }: ImageProps) => {\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(image, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/styles/image.css.ts.vanilla.css?source=LmltYWdlX2ltYWdlX18xZThubXhkMCB7CiAgbWF4LXdpZHRoOiAxMDAlOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7Cn0=';\nexport var image = 'image_image__1e8nmxd0';","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCO,IAAI,QAAQ;;;ACDZ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFCA,wBAAqB;AAajB;AAXJ,IAAM,iBAAiB;AAOhB,IAAM,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,MAAkB;AAC1D,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,OAAO,MAAM,SAAS,GAC5D,gBAAM,UACT;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/image.tsx","../../src/theme/styles/image.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { image } from \"@/theme/styles/image.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\n\nexport type ImageProps = Omit<\n  React.ComponentProps<\"img\">,\n  \"alt\" | \"src\" | \"loading\"\n> & {\n  alt: string;\n  src: string;\n};\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx\n */\nexport const Image = ({ alt, src, ...props }: ImageProps) => {\n  return (\n    <img\n      alt={alt}\n      src={src}\n      loading=\"lazy\"\n      {...props}\n      className={mergeClasses(image, props.className)}\n    >\n      {props.children}\n    </img>\n  );\n};\n","import 'src/theme/styles/image.css.ts.vanilla.css?source=LmltYWdlX2ltYWdlX18xZThubXhkMCB7CiAgbWF4LXdpZHRoOiAxMDAlOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7Cn0=';\nexport var image = 'image_image__1e8nmxd0';","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCO,IAAI,QAAQ;;;ACDZ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFcI;AAFG,IAAM,QAAQ,CAAC,EAAE,KAAK,KAAK,GAAG,MAAM,MAAkB;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACP,GAAG;AAAA,MACJ,WAAW,aAAa,OAAO,MAAM,SAAS;AAAA,MAE7C,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}

package/dist/components/image.mjs

@@ -6,12 +6,19 @@ import {
 } from "../chunk-7EGQM3ZL.mjs";
 
 // src/components/image.tsx
-import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
-var defaultElement = "img";
-var Image = ({ asChild, ...props }) => {
-  const Comp = asChild ? Slot : defaultElement;
-  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(image, props.className), children: props.children });
+var Image = ({ alt, src, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      alt,
+      src,
+      loading: "lazy",
+      ...props,
+      className: mergeClasses(image, props.className),
+      children: props.children
+    }
+  );
 };
 export {
   Image

package/dist/components/image.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/image.tsx"],"sourcesContent":["import { image } from \"@/theme/styles/image.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"img\";\n\nexport type ImageProps = ComponentProps<typeof defaultElement>;\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx\n */\nexport const Image = ({ asChild, ...props }: ImageProps) => {\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(image, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;AAGA,SAAS,YAAY;AAajB;AAXJ,IAAM,iBAAiB;AAOhB,IAAM,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,MAAkB;AAC1D,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,OAAO,MAAM,SAAS,GAC5D,gBAAM,UACT;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/image.tsx"],"sourcesContent":["import { image } from \"@/theme/styles/image.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\n\nexport type ImageProps = Omit<\n  React.ComponentProps<\"img\">,\n  \"alt\" | \"src\" | \"loading\"\n> & {\n  alt: string;\n  src: string;\n};\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/storybook/src/components/Image.stories.tsx\n */\nexport const Image = ({ alt, src, ...props }: ImageProps) => {\n  return (\n    <img\n      alt={alt}\n      src={src}\n      loading=\"lazy\"\n      {...props}\n      className={mergeClasses(image, props.className)}\n    >\n      {props.children}\n    </img>\n  );\n};\n"],"mappings":";;;;;;;;AAgBI;AAFG,IAAM,QAAQ,CAAC,EAAE,KAAK,KAAK,GAAG,MAAM,MAAkB;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACP,GAAG;AAAA,MACJ,WAAW,aAAa,OAAO,MAAM,SAAS;AAAA,MAE7C,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}

package/dist/components/link.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { L as LinkVariants } from '../link.css-CgQxXknE.mjs';
+import { L as LinkVariants } from '../link.css-CiQJiLia.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import 'homemade-recipes';
 

package/dist/components/link.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { L as LinkVariants } from '../link.css-CgQxXknE.js';
+import { L as LinkVariants } from '../link.css-CiQJiLia.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import 'homemade-recipes';
 

package/dist/components/link.js

@@ -73,7 +73,7 @@ var Link = ({ asChild, ...props }) => {
   );
   const link = linkRecipe(variants);
   const Comp = asChild ? import_react_slot.Slot : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: mergeClasses(link, rest.className), children: rest.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { role: "link", ...rest, className: mergeClasses(link, rest.className), children: rest.children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/link.tsx","../../src/theme/recipes/link.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { LinkVariants, linkRecipe } from \"@/theme/recipes/link.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 = \"a\";\n\nexport type LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;\n\nexport const Link = ({ asChild, ...props }: LinkProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...linkRecipe.variants(),\n  );\n  const link = linkRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(link, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/link.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52RTW7CMBCF95zCS5BqFEJVFXfZI/QAkeNM4hHGDrbDTyvuXtkkIRQKpYqUWC/z3nwznirUyyxbv7hy/ZmQrxEhXGGlKXpYOUYEaA/2bURIxWtGNtyOKXU1F0BnWTZb6Bxei2QSCkoFO+qkRb1kJAmKabxCDYxooyEIHnaeFiCM5R6Nplf+NroAG3RqytKBZ2Re7655hVHGMoJagkUfKugW8iV66nlNJVZSYSV9V2ernI+Tp/hE3NhDQqg5S7nMFY11QaoNHpdxGE3P1sZKIxoXl9eO3MOnR/hOdn6vgBFnFBZDfYuFl331rTVd9JZmAzb2vm7rF3ryxhGz2uKK232XNIsZ7fTtPcOKa4/iPYiOtobuu+jvPxXryY0r+k/YOaoDYXQxgE3vwvaW02nQo4CHgf8QeA4N1hrbAc/vAsfy43uQC+nDoDeCfmy1yb2CjvD5LmGA+Gg9XWwpHub7NebwDcICpe2NBAAA';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var linkRecipe = _dc746((function(){var x={defaultClassName:'link__q6sfqz0',variantClassNames:{color:{primary:'link_color_primary__q6sfqz1',secondary:'link_color_secondary__q6sfqz2',error:'link_color_error__q6sfqz3',subtle:'link_color_subtle__q6sfqz4'}},defaultVariants:{},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));","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","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,kBAAQ,WAAU;AAAC,MAAI,IAAE,EAAC,kBAAiB,iBAAgB,mBAAkB,EAAC,OAAM,EAAC,SAAQ,+BAA8B,WAAU,iCAAgC,OAAM,6BAA4B,QAAO,6BAA4B,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,GAAE,6BAA4B,EAAC,SAAQ,OAAS,GAAE,gBAAe,CAAC,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,GAAE,CAAE;;;ACFxiB,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;;;ACjBO,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ALEA,wBAAqB;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,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,GACzD,eAAK,UACR;AAEJ;","names":["_dc746"]}
+{"version":3,"sources":["../../src/components/link.tsx","../../src/theme/recipes/link.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { LinkVariants, linkRecipe } from \"@/theme/recipes/link.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 = \"a\";\n\nexport type LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;\n\nexport const Link = ({ asChild, ...props }: LinkProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...linkRecipe.variants(),\n  );\n  const link = linkRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp role=\"link\" {...rest} className={mergeClasses(link, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/link.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52RTW7CMBCF95zCS5BqFEJVFXfZI/QAkeNM4hHGDrbDTyvuXtkkIRQKpYqUWC/z3nwznirUyyxbv7hy/ZmQrxEhXGGlKXpYOUYEaA/2bURIxWtGNtyOKXU1F0BnWTZb6Bxei2QSCkoFO+qkRb1kJAmKabxCDYxooyEIHnaeFiCM5R6Nplf+NroAG3RqytKBZ2Re7655hVHGMoJagkUfKugW8iV66nlNJVZSYSV9V2ernI+Tp/hE3NhDQqg5S7nMFY11QaoNHpdxGE3P1sZKIxoXl9eO3MOnR/hOdn6vgBFnFBZDfYuFl331rTVd9JZmAzb2vm7rF3ryxhGz2uKK232XNIsZ7fTtPcOKa4/iPYiOtobuu+jvPxXryY0r+k/YOaoDYXQxgE3vwvaW02nQo4CHgf8QeA4N1hrbAc/vAsfy43uQC+nDoDeCfmy1yb2CjvD5LmGA+Gg9XWwpHub7NebwDcICpe2NBAAA';\nimport { createRuntimeFn as _dc746 } from 'homemade-recipes/createRuntimeFn';\nexport var linkRecipe = _dc746((function(){var x={defaultClassName:'link__q6sfqz0',variantClassNames:{color:{primary:'link_color_primary__q6sfqz1',secondary:'link_color_secondary__q6sfqz2',error:'link_color_error__q6sfqz3',subtle:'link_color_subtle__q6sfqz4'}},defaultVariants:{},compoundVariants:[],responsiveVariantClassNames:{initial:undefined},conditionNames:[],conditions:{xs:'520px',sm:'768px',md:'1024px',lg:'1280px',xl:'1640px'},identifier:'homemade-recipe__lb053z0',cssCache:[]};x.responsiveVariantClassNames.initial=x.variantClassNames;return x;}()));","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","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,kBAAQ,WAAU;AAAC,MAAI,IAAE,EAAC,kBAAiB,iBAAgB,mBAAkB,EAAC,OAAM,EAAC,SAAQ,+BAA8B,WAAU,iCAAgC,OAAM,6BAA4B,QAAO,6BAA4B,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,GAAE,6BAA4B,EAAC,SAAQ,OAAS,GAAE,gBAAe,CAAC,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,GAAE,CAAE;;;ACFxiB,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;;;ACjBO,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ALEA,wBAAqB;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,yBAAO;AAE9B,SACE,4CAAC,QAAK,MAAK,QAAQ,GAAG,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,GACrE,eAAK,UACR;AAEJ;","names":["_dc746"]}

package/dist/components/link.mjs

@@ -19,7 +19,7 @@ var Link = ({ asChild, ...props }) => {
   );
   const link = linkRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
-  return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(link, rest.className), children: rest.children });
+  return /* @__PURE__ */ jsx(Comp, { role: "link", ...rest, className: mergeClasses(link, rest.className), children: rest.children });
 };
 export {
   Link

package/dist/components/link.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/link.tsx"],"sourcesContent":["import { LinkVariants, linkRecipe } from \"@/theme/recipes/link.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 = \"a\";\n\nexport type LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;\n\nexport const Link = ({ asChild, ...props }: LinkProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...linkRecipe.variants(),\n  );\n  const link = linkRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(link, 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":[]}
+{"version":3,"sources":["../../src/components/link.tsx"],"sourcesContent":["import { LinkVariants, linkRecipe } from \"@/theme/recipes/link.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 = \"a\";\n\nexport type LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;\n\nexport const Link = ({ asChild, ...props }: LinkProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...linkRecipe.variants(),\n  );\n  const link = linkRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp role=\"link\" {...rest} className={mergeClasses(link, 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,QAAK,MAAK,QAAQ,GAAG,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,GACrE,eAAK,UACR;AAEJ;","names":[]}

package/dist/components/select.css

@@ -63,51 +63,27 @@
   }
 }
 
-/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAA33P0W7CIBTG8fs+BZfbBUZqq6Ve7kEIFqwn6aAB3NTFd1/qJiMnObtp0uR/vl9YxRmcs0Ep0V5uw1Wu2VfFmHbwrhN417MlUI+PkmKsZbtmqy6yCZzVgYE7goNk9xVjBx+MDT0T84VFP4FhHzq8cD74yYfI46ST/fk2SgnpDrYz4jq9/t3yoA2cY/97uPwBD/7sTD6oR1ceJD+X4HAOwbr0toj76l6tns+LcLNK5FeKxytPFsZTempLErkopO4hfYJJp/8jDNUZqkmoLjYkBeEIQ5sMbUhoU2xoCsIRhpoMNSTUFBsHCsIRhtoMtSTUFhsDBeEIQ9sMbUloW2wYCsIRhnYZ2pHQrtiwFIQjDHUZ6kioKzaOFIQjDMkMSRKSxcZIQTi6fwMe8qCrjwQAAA== */
+/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=LnNwaW5uZXJfXzE1eHpjeTkwIHsKICBhbmltYXRpb246IHNwaW5fc3Bpbl9fOTFnMjk1MCAuOHMgbGluZWFyIGluZmluaXRlOwogIGJvcmRlcjogMnB4IHNvbGlkIHZhcigtLXNlbWFudGljQ29sb3JzLXByaW1hcnktcHJpbWFyeTlfXzE5bmJlOGQyY3EpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGlpLXJvdW5kX18xOW5iZThkMmduKTsKICBib3JkZXItdG9wOiAycHggc29saWQgdHJhbnNwYXJlbnQ7Cn0KLnNwaW5uZXJfc2l6ZV8xX18xNXh6Y3k5MSB7CiAgaGVpZ2h0OiB2YXIoLS1zaXplcy0zX18xOW5iZThkMmdhKTsKICB3aWR0aDogdmFyKC0tc2l6ZXMtM19fMTluYmU4ZDJnYSk7Cn0KLnNwaW5uZXJfc2l6ZV8yX18xNXh6Y3k5MiB7CiAgaGVpZ2h0OiB2YXIoLS1zaXplcy00X18xOW5iZThkMmdiKTsKICB3aWR0aDogdmFyKC0tc2l6ZXMtNF9fMTluYmU4ZDJnYik7Cn0KLnNwaW5uZXJfc2l6ZV8zX18xNXh6Y3k5MyB7CiAgaGVpZ2h0OiB2YXIoLS1zaXplcy01X18xOW5iZThkMmdjKTsKICB3aWR0aDogdmFyKC0tc2l6ZXMtNV9fMTluYmU4ZDJnYyk7Cn0= */
 .spinner__15xzcy90 {
   animation: spin_spin__91g2950 .8s linear infinite;
-  border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);
+  border: 2px solid var(--semanticColors-primary-primary9__19nbe8d2cq);
   border-radius: var(--radii-round__19nbe8d2gn);
-  border-top: 1px solid currentColor;
+  border-top: 2px solid transparent;
 }
 .spinner_size_1__15xzcy91 {
-  height: var(--sizes-1__19nbe8d2g8);
-  width: var(--sizes-1__19nbe8d2g8);
-}
-.spinner_size_2__15xzcy92 {
-  height: var(--sizes-2__19nbe8d2g9);
-  width: var(--sizes-2__19nbe8d2g9);
-}
-.spinner_size_3__15xzcy93 {
   height: var(--sizes-3__19nbe8d2ga);
   width: var(--sizes-3__19nbe8d2ga);
 }
-.spinner_size_4__15xzcy94 {
+.spinner_size_2__15xzcy92 {
   height: var(--sizes-4__19nbe8d2gb);
   width: var(--sizes-4__19nbe8d2gb);
 }
-.spinner_size_5__15xzcy95 {
+.spinner_size_3__15xzcy93 {
   height: var(--sizes-5__19nbe8d2gc);
   width: var(--sizes-5__19nbe8d2gc);
 }
-.spinner_size_6__15xzcy96 {
-  height: var(--sizes-6__19nbe8d2gd);
-  width: var(--sizes-6__19nbe8d2gd);
-}
-.spinner_size_7__15xzcy97 {
-  height: var(--sizes-7__19nbe8d2ge);
-  width: var(--sizes-7__19nbe8d2ge);
-}
-.spinner_size_8__15xzcy98 {
-  height: var(--sizes-8__19nbe8d2gf);
-  width: var(--sizes-8__19nbe8d2gf);
-}
-.spinner_size_9__15xzcy99 {
-  height: var(--sizes-9__19nbe8d2gg);
-  width: var(--sizes-9__19nbe8d2gg);
-}
 
-/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC951eohwIJUC5sJ5sP7aWLXva+hz0UhUFJlMSEIlWScuwU+e8FqS9KlkRSMQIDVszMzBvNI4fk+xJVUjK63+f49gQ3m+C/qyCAhIRBRQWS3/QvnFGAJSpEGMSISsTVcMSOQOA3TLMwiBhPEAcRO6r/VAJxIBBBsQwDyihSgwkWJYGnMMCUYIpASpA2Vk8gco7pSxhs1MhzJSROTyBmVCIqTUzwiqIXLIGEJchxlhOc5RLEjDAeBjyL4PXmD/250aEZlSCFBSanMDhAfg2AGhJAoqPc77dPNEKPyS7FvfUrUhFN6196RIACJbgqDC/Wex0gx5BKQKsCcRyHgYRRRSBXA0JZSQ6pwBIzGqriBtvNpv5HydphjgiU+IC+Xb1ffRmREoYRShlHmpy5uk+5wVQi7uuVs0PjFFdcqMqWDNcMTFgnWMCIoKRGgfFLxllFk5aUupD6hwCCQInq711Xye3p+aabTzlM2KuaIwLJYKM/2/I4EeV783jo47zVrFuAHw3gsnZo3pIyCSAh7BUlNTX6pQE6ICpFO5H7CqQVIb9wIvO95BVqC7LVdXhV46Gi+fdplxQS0fnsTJ9m2fVOhMEE02yAclvTU7+pnlwl5IjK4DdclIxLSAchBH5D+23rfNdMCD0JOExwJdpyqV8YbPtZnuW6RPlgWahwAnw1rGJtVcJEZQoISnvbEsYIGGwPLPkg7KSpXmAK0VyUP3UGfZ5P2lT3FZdUZyvzdwIl1PkDHDP6j67U8LU2Vnf9UhP+zcueB9i1Ab7amNkZL4Jnmbk3rBILM7e9rY2ZsekCM71pNMeMGvrR9FYj4fRwzk9fHwd+zIz7CbKxR7XQ5hz3to17fxk2HwwrZGHzrrO9tbE5Nl1gszeNl9fZONXZynjyOOwJlqgePM7FbfbzfclxAfmpBXhY3OMEKiCVOP6r3nIa3/bZ13AXk/N9atl5a3TkWDilauzi6xI2emZcuEHCWB1gPoBp9IGYTmIKFDOaGKiPPnCdd/+XwUuzi3gGMLlJMsek/dmZQDYYSqArsD9HE8gGT7rBnyOzSqou0eI+zQAaRxe3I+Aotxqj2zuQUy7+xTfS/KF8DcjUDdK/7Abmd+1sgE5PsyxnQraQ0KXithifUKkR4GfUCXHOeAsZ+WBpz/rb7BtHa98wHM1+ge4cEvQnwUAze8TJBcyfAAPN7Atv0x2pimMkRIsXezWi2rd9Ggwg+446ch6wML2jjlNd0bOHmAYXaHpHPYNc0a2HmAYjaLij6lCDS2ViO6+q66txwmM3E4JAXaAC8gxT64m8M/Q9Y3dXLqHh8jPVpj649uc7qNGaK/ay2dw1QS5Cjc/IM1BDs7mTbLUI1c+jZAlqaNZD1Y+fJaYUdQv/UB+VOzUKRoKRSmrlrrv3BkF/hW2pCwNYSabi/6kUMhiImCNEA0iT4LrAFDTZPdw/lscbjXKuhohiMBHrCT9SUYLgfc53IKakQ+dOxTS9W0llhJs1rhZdZRhLMyeKfkrmTRQvgcVVYvERWbxkFi+hxUNqsRVr8iY4obm4xRnf/abEl+lI3TLHdvrO7+2uOoyPEuOlxXipMd56jK1kTiQubQMu4a3c+gJ07fb5cpSfizU+co2XYOMl2XiINrZieZM9bjUu4b3IXgLojlbFWK94aVm/kJ7zMUXHOWvjGHopaccd2ziPXkrjmQU/Ey+IH66T2PNxuccj/zXUOeg+PhmsIdBBAJpNYSSEFLPIIyXoMlqQc1prmLFIHe7YazixqR6z6AO9hbrS4RTsM4s4Qv7UEg4UE+YHuqggrdeQHHNdw9CCmOSKuoadBVVpvt8N5ZPSs83Z5KWPCUzOWa/aJZaVJnfsVfvDsuQ0BK9lp9HF+1/7AXxCe1KB3/8HFfstHsAkAAA= */
+/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YS4+cOBC+z69gDytlpHXUj0lmhjlFe8k9hxxWq5axC3DG2Mg2/ZhV/vvK5mFDQwOzq6ilpnF/VV+5PlMu8zGpjJHicMjZ/oI3m+ifuyjCnMdRJTSYF3fHMoGYgULHEQFhQNnhRJ6RZm9MZHGUSEVBoUSe7T+VBoU0cCAmjoQUYAcp0yXHlzhigjMBKOXgwPaKdK6YeI2jjR35UWnD0gsiUhgQJuREJ0hemUEGlyhnWc5ZlhtEJJcqjlSW4A+bP9zn3rmWwqAUF4xf4uiI1QeE7JBGBs7mcNg+iwSe6C5lHn0C6zFEf3cjGhVAWVUEVtJbHbFiWBgkqgIUI3FkcFJxrOyAtiijsNDMMClim9xou9nUf5SyHVbAsWFHeLn7efdxIEocJ5BKBU6cqbyPmeHUgFprlctjY0QqpW1mS8lqBUbQlGmccKA1CyavmZKVoK0odSLdjUaaYwP1967L5Pby475bTzmm8mTXiAYTbdxnW55HvHxpLo/ez1ut+gzxU0Bc1gbNLIU0CHMuT0BradykERxBGN0uZJ+BtOL8O6MmPxhVQZuQrcvDyY7HVubfx01SzHVnswttmsfOG3GJKRNZj2Vfy1PP1C2uEisQJvqNFaVUBoueC83e4LBtjR+aBeEWgcKUVbpNl71jaOtXeZa7FOW9x8K60+hTgCIOVWJqI0UcUo8tMQEUqN1Dqp7bUah7wCxj+FB+cxH4OJ8d1NWVJaFOZuYvig128SNGpPjbZao/rc2suZvUiH0z2WsHu9bBpzlldsFE2KQynwMUnVFm77FzygyhN5Tx0GRKGTv0tamtQcDp8Vofn58F+oQR+wWymfc6I9tiv/vW7+f/R83HAAUzaj502P2cmkPoDTU9lNx+zoahTmZmpY79mjDjdYWOU36b/fxQKlZgdWkJHm/ucRoKLAwjf9ZbTmPbXn0Od4Rf71O3jbdBRSZ6UajBLv6+gIOaSYpllJjYBuY/cAZ1gIhRTg1EChqwPq2h66z9r0CXZhdZ6SDUhmYLg16vzghzoBDFS4nXazTCHOjkCvw1s6yMrRIt7/MEYdC6LGsBB7HVHN3eAYtiWZ/8IMyv1jagTJdRrk97wPnFGQek48ssy6U2LSVekvE5H78gUwPCX5EnUEqqljJZw+Us6++wbpxn60ZgGNYLeFgQ4HoRArawRlyWkK0XIGAL68LbeEWqCAGtWz6yqhDVtu01UADmd9SBcU+F8R11GOo7anafM9ACxnfUK8p3VOs+Z6AI9HdU56p3qKRz/ao9vgYdnrwfeSFQB1tglTEx25F3wLU9dnfkSh1dfvXWpm5cfX+HHVtzxL4NmzomZDephj3yBFUfNtXJ5jep/Dqit6j6ME9VX76VTAjoHnxWt8rd2yicaMkr497cdefeKPJH2Fa6OMKVkS93P/8FCgLQwkkUAAA= */
 .button__hi3ya00 {
   all: unset;
   align-items: center;
@@ -252,141 +228,26 @@
 .button_round_true__hi3ya0d {
   border-radius: var(--radii-full__19nbe8d2go);
 }
-.button__hi3ya0r {
+.button__hi3ya0e {
   margin-left: var(--space-1__19nbe8d0);
   margin-right: var(--space-1__19nbe8d0);
 }
-.button_size_1__hi3ya0s {
+.button_size_1__hi3ya0f {
   height: var(--fontSizes-2__19nbe8da);
   width: var(--fontSizes-2__19nbe8da);
 }
-.button_size_2__hi3ya0t {
+.button_size_2__hi3ya0g {
   height: var(--fontSizes-4__19nbe8dc);
   width: var(--fontSizes-4__19nbe8dc);
 }
-.button_size_3__hi3ya0u {
+.button_size_3__hi3ya0h {
   height: var(--fontSizes-5__19nbe8dd);
   width: var(--fontSizes-5__19nbe8dd);
 }
-.button_buttonSpinner__hi3ya0v {
+.button_buttonSpinner__hi3ya0i {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
 }
-@media screen and (min-width: 768px) {
-  .button_fullWidth_sm_true__hi3ya0e {
-    width: 100%;
-  }
-  .button_fullWidth_sm_false__hi3ya0f {
-    width: unset;
-  }
-  .button_loading_sm_true__hi3ya0g {
-    color: transparent !important;
-  }
-  .button_size_sm_1__hi3ya0h {
-    border-radius: var(--radii-1__19nbe8d2gh);
-    height: var(--sizes-5__19nbe8d2gc);
-    padding-left: var(--space-2__19nbe8d1);
-    padding-right: var(--space-2__19nbe8d1);
-    font-size: var(--fontSizes-1__19nbe8d9);
-    line-height: var(--sizes-5__19nbe8d2gc);
-  }
-  .button_size_sm_1__hi3ya0h[data-left-icon] {
-    padding-left: 0;
-  }
-  .button_size_sm_1__hi3ya0h[data-right-icon] {
-    padding-right: 0;
-  }
-  .button_size_sm_2__hi3ya0i {
-    border-radius: var(--radii-2__19nbe8d2gi);
-    height: var(--sizes-6__19nbe8d2gd);
-    padding-left: var(--space-3__19nbe8d2);
-    padding-right: var(--space-3__19nbe8d2);
-    font-size: var(--fontSizes-3__19nbe8db);
-    line-height: var(--lineHeights-6__19nbe8d2fv);
-  }
-  .button_size_sm_2__hi3ya0i[data-left-icon] {
-    padding-left: var(--space-1__19nbe8d0);
-  }
-  .button_size_sm_2__hi3ya0i[data-right-icon] {
-    padding-right: var(--space-1__19nbe8d0);
-  }
-  .button_size_sm_3__hi3ya0j {
-    border-radius: var(--radii-2__19nbe8d2gi);
-    height: var(--sizes-7__19nbe8d2ge);
-    padding-left: var(--space-4__19nbe8d3);
-    padding-right: var(--space-4__19nbe8d3);
-    font-size: var(--fontSizes-4__19nbe8dc);
-    line-height: var(--sizes-7__19nbe8d2ge);
-  }
-  .button_size_sm_3__hi3ya0j[data-left-icon] {
-    padding-left: var(--space-2__19nbe8d1);
-  }
-  .button_size_sm_3__hi3ya0j[data-right-icon] {
-    padding-right: var(--space-2__19nbe8d1);
-  }
-  .button_variant_sm_primary__hi3ya0k {
-    background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
-    color: var(--semanticColors-primary-primary11__19nbe8d2cs);
-  }
-  .button_variant_sm_primary__hi3ya0k:hover {
-    background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);
-  }
-  .button_variant_sm_primary__hi3ya0k:active {
-    background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);
-  }
-  .button_variant_sm_secondary__hi3ya0l {
-    background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);
-    color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);
-  }
-  .button_variant_sm_secondary__hi3ya0l:hover {
-    background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);
-  }
-  .button_variant_sm_secondary__hi3ya0l:active {
-    background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);
-  }
-  .button_variant_sm_outline__hi3ya0m {
-    background-color: transparent;
-    box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
-  }
-  .button_variant_sm_outline__hi3ya0m:hover {
-    background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
-  }
-  .button_variant_sm_outline__hi3ya0m:active {
-    background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
-  }
-  .button_variant_sm_ghost__hi3ya0n {
-    background-color: transparent;
-  }
-  .button_variant_sm_ghost__hi3ya0n:hover {
-    background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
-  }
-  .button_variant_sm_ghost__hi3ya0n:active {
-    background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
-  }
-  .button_variant_sm_error__hi3ya0o {
-    background-color: var(--semanticColors-error-error4__19nbe8d2dx);
-    color: var(--semanticColors-error-error11__19nbe8d2e4);
-  }
-  .button_variant_sm_error__hi3ya0o:hover {
-    background-color: var(--semanticColors-error-error5__19nbe8d2dy);
-  }
-  .button_variant_sm_error__hi3ya0o:active {
-    background-color: var(--semanticColors-error-error6__19nbe8d2dz);
-  }
-  .button_variant_sm_success__hi3ya0p {
-    background-color: var(--semanticColors-success-success4__19nbe8d2el);
-    color: var(--semanticColors-success-success11__19nbe8d2es);
-  }
-  .button_variant_sm_success__hi3ya0p:hover {
-    background-color: var(--semanticColors-success-success5__19nbe8d2em);
-  }
-  .button_variant_sm_success__hi3ya0p:active {
-    background-color: var(--semanticColors-success-success6__19nbe8d2en);
-  }
-  .button_round_sm_true__hi3ya0q {
-    border-radius: var(--radii-full__19nbe8d2go);
-  }
-}
 /*# sourceMappingURL=select.css.map */