@nayhoo/ui 0.7.0 → 0.8.0

package/dist/components/avatar.mjs

@@ -0,0 +1,111 @@
+import {
+  avatarFallbackRecipe,
+  avatarImageRecipe,
+  avatarRecipe
+} from "../chunk-7MD4JYZV.mjs";
+import {
+  Status
+} from "../chunk-OCXG5SMA.mjs";
+import "../chunk-EXKRRQYL.mjs";
+import {
+  theme
+} from "../chunk-OETJQIMJ.mjs";
+import {
+  Box
+} from "../chunk-XALDYHCC.mjs";
+import "../chunk-ZJDUO7Y6.mjs";
+import {
+  pick
+} from "../chunk-4N6P3Y54.mjs";
+import {
+  mergeClasses
+} from "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
+
+// src/components/avatar.tsx
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AvatarImage = ({ ...props }) => {
+  const variants = pick(props, ...avatarImageRecipe.variants());
+  const avatarImage = avatarImageRecipe(variants);
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      ...props,
+      className: mergeClasses(avatarImage, props.className),
+      children: props.children
+    }
+  );
+};
+var AvatarFallback = ({ ...props }) => {
+  const variants = pick(props, ...avatarFallbackRecipe.variants());
+  const avatarFallback = avatarFallbackRecipe(variants);
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      ...props,
+      className: mergeClasses(avatarFallback, props.className),
+      children: props.children
+    }
+  );
+};
+var Avatar2 = ({
+  alt,
+  fallback,
+  src,
+  status,
+  style,
+  ...props
+}) => {
+  const variants = pick(props, ...avatarRecipe.variants());
+  const avatar = avatarRecipe(variants);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      style: {
+        height: "fit-content",
+        position: "relative",
+        width: "fit-content",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          AvatarPrimitive.Avatar,
+          {
+            ...props,
+            className: mergeClasses(avatar, props.className),
+            children: [
+              /* @__PURE__ */ jsx(AvatarImage, { alt, src }),
+              /* @__PURE__ */ jsx(AvatarFallback, { size: variants.size, delayMs: 600, children: fallback })
+            ]
+          }
+        ),
+        status && /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              position: "absolute",
+              bottom: "0",
+              right: "0",
+              boxShadow: "0 0 0 3px rgba(0, 0, 0, 0.12)",
+              borderRadius: theme.radii.round,
+              marginRight: "-3px",
+              marginBottom: "-3px"
+            },
+            children: /* @__PURE__ */ jsx(
+              Status,
+              {
+                size: variants.size && Number(variants.size) > 2 ? "2" : "1",
+                variant: status
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Avatar2 as Avatar
+};
+//# sourceMappingURL=avatar.mjs.map

package/dist/components/avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/avatar.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport {\n  AvatarFallbackVariants,\n  AvatarImageVariants,\n  AvatarVariants,\n  avatarFallbackRecipe,\n  avatarImageRecipe,\n  avatarRecipe,\n} from \"@/theme/recipes/avatar.css\";\nimport { StatusVariants } from \"@/theme/recipes/status.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport React from \"react\";\nimport { Status } from \"./status\";\n\ntype AvatarImageProps = AvatarPrimitive.AvatarImageProps & AvatarImageVariants;\n\nconst AvatarImage = ({ ...props }: AvatarImageProps) => {\n  const variants = pick(props, ...avatarImageRecipe.variants());\n  const avatarImage = avatarImageRecipe(variants);\n\n  return (\n    <AvatarPrimitive.Image\n      {...props}\n      className={mergeClasses(avatarImage, props.className)}\n    >\n      {props.children}\n    </AvatarPrimitive.Image>\n  );\n};\n\ntype AvatarFallbackProps = AvatarPrimitive.AvatarFallbackProps &\n  AvatarFallbackVariants;\n\nconst AvatarFallback = ({ ...props }: AvatarFallbackProps) => {\n  const variants = pick(props, ...avatarFallbackRecipe.variants());\n  const avatarFallback = avatarFallbackRecipe(variants);\n\n  return (\n    <AvatarPrimitive.Fallback\n      {...props}\n      className={mergeClasses(avatarFallback, props.className)}\n    >\n      {props.children}\n    </AvatarPrimitive.Fallback>\n  );\n};\n\ntype AvatarProps = AvatarPrimitive.AvatarProps &\n  AvatarVariants & {\n    alt?: string;\n    fallback?: React.ReactNode;\n    src?: string;\n    status?: StatusVariants[\"variant\"];\n  };\n\nexport const Avatar = ({\n  alt,\n  fallback,\n  src,\n  status,\n  style,\n  ...props\n}: AvatarProps) => {\n  const variants = pick(props, ...avatarRecipe.variants());\n  const avatar = avatarRecipe(variants);\n\n  return (\n    <Box\n      style={{\n        height: \"fit-content\",\n        position: \"relative\",\n        width: \"fit-content\",\n        ...style,\n      }}\n    >\n      <AvatarPrimitive.Avatar\n        {...props}\n        className={mergeClasses(avatar, props.className)}\n      >\n        <AvatarImage alt={alt} src={src} />\n\n        {/* TODO: fallback wont render - https://github.com/radix-ui/primitives/issues/1767 */}\n        <AvatarFallback size={variants.size} delayMs={600}>\n          {fallback}\n        </AvatarFallback>\n      </AvatarPrimitive.Avatar>\n\n      {status && (\n        <Box\n          style={{\n            position: \"absolute\",\n            bottom: \"0\",\n            right: \"0\",\n            boxShadow: \"0 0 0 3px rgba(0, 0, 0, 0.12)\",\n            borderRadius: theme.radii.round,\n            marginRight: \"-3px\",\n            marginBottom: \"-3px\",\n          }}\n        >\n          <Status\n            size={variants.size && Number(variants.size) > 2 ? \"2\" : \"1\"}\n            variant={status}\n          />\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAaA,YAAY,qBAAqB;AAW7B,cAsDE,YAtDF;AALJ,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AACtD,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKA,IAAM,iBAAiB,CAAC,EAAE,GAAG,MAAM,MAA2B;AAC5D,QAAM,WAAW,KAAK,OAAO,GAAG,qBAAqB,SAAS,CAAC;AAC/D,QAAM,iBAAiB,qBAAqB,QAAQ;AAEpD,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,gBAAgB,MAAM,SAAS;AAAA,MAEtD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAUO,IAAMA,UAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAmB;AACjB,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,SAAS,aAAa,QAAQ;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,OAAO;AAAA,QACP,GAAG;AAAA,MACL;AAAA,MAEA;AAAA;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACE,GAAG;AAAA,YACJ,WAAW,aAAa,QAAQ,MAAM,SAAS;AAAA,YAE/C;AAAA,kCAAC,eAAY,KAAU,KAAU;AAAA,cAGjC,oBAAC,kBAAe,MAAM,SAAS,MAAM,SAAS,KAC3C,oBACH;AAAA;AAAA;AAAA,QACF;AAAA,QAEC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,OAAO;AAAA,cACP,WAAW;AAAA,cACX,cAAc,MAAM,MAAM;AAAA,cAC1B,aAAa;AAAA,cACb,cAAc;AAAA,YAChB;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM,SAAS,QAAQ,OAAO,SAAS,IAAI,IAAI,IAAI,MAAM;AAAA,gBACzD,SAAS;AAAA;AAAA,YACX;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":["Avatar"]}

package/dist/components/badge.css

@@ -0,0 +1,44 @@
+/* vanilla-extract-css-ns:src/theme/recipes/badge.css.ts.vanilla.css?source=#H4sIAAAAAAAACpWTTXLjIBCF9z4Fy/GClKUkVbGycs0NMgdQIWhJbSNQGhT/TOXuU2BLIpOJPdkAenoN3+PnrhKqgTK2LyCxh7LcnroDbVfs94IxobExHD10rmASjAd6DnLfgyBhJBTMWANBqywpIL5H5duCrc7SgTs8oWmK8XdlD+GPQtdrcSwYGo0GeK0h6qHnriU0u8sctTWe16JDHd0tEPqgbwfnsT5yaY0H41O6OGML2LS+YFlQ3oA8SqF5zFOwDpXSkdoOPtjnGL1QKgLH1T0cPFcgLQmP1sy2wQFxBxqk/7QFJBQOrmBvgn7w+IW8HrQuy2xtKnhSeWOWwb9v0QN3vTjv455E/7x4X9x9PhRptaWyJ+wEHccjyuIRVULuGrKDUTy6xnUddMJ4lD+D6PildjMN7mccuY84/1E+9uuk+HV5FdqBtEYl2Pl3sKfqTTJM0NXuJvpUN48SfAXX8YHI0oh+/x30WLm5dAkyPN1EjjXnNkGF/CtUhycos5HyIVKOD+CyAJ7A8YfkCoplct25hnr2hgvJs8m7+uCkD9P+0xrfbFhxtAXhVySYreurYfIxzOOXYR6TMNWNMPnkzW6F+dt6JcxsDZv5/gclirlsTQUAAA== */
+.badge_badgeRecipe__jzmxrj0 {
+  align-items: center;
+  appearance: none;
+  border-width: 0;
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-shrink: 0;
+  font-family: inherit;
+  justify-content: center;
+  line-height: 1;
+  vertical-align: middle;
+  outline: none;
+  padding: 0;
+  text-decoration: none;
+  user-select: none;
+  border-radius: var(--radii-full__19nbe8d2gn);
+  white-space: nowrap;
+}
+.badge_badgeRecipe_color_primary__jzmxrj1 {
+  background-color: var(--semanticColors-primaryA-primaryA3__19nbe8d2cw);
+  color: var(--semanticColors-primary-primary9__19nbe8d2cq);
+}
+.badge_badgeRecipe_color_secondary__jzmxrj2 {
+  background-color: var(--semanticColors-secondaryA-secondaryA3__19nbe8d2dk);
+  color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
+}
+.badge_badgeRecipe_color_error__jzmxrj3 {
+  background-color: var(--semanticColors-errorA-errorA3__19nbe8d2e8);
+  color: var(--semanticColors-error-error9__19nbe8d2e2);
+}
+.badge_badgeRecipe_size_1__jzmxrj4 {
+  height: var(--sizes-4__19nbe8d2ga);
+  padding-left: var(--space-1__19nbe8d0);
+  padding-right: var(--space-1__19nbe8d0);
+  font-size: var(--fontSizes-1__19nbe8d9);
+}
+.badge_badgeRecipe_size_2__jzmxrj5 {
+  height: var(--sizes-5__19nbe8d2gb);
+  padding-left: var(--space-2__19nbe8d1);
+  padding-right: var(--space-2__19nbe8d1);
+  font-size: var(--fontSizes-2__19nbe8da);
+}
+/*# sourceMappingURL=badge.css.map */

package/dist/components/badge.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/badge.css.ts.vanilla.css?source=#H4sIAAAAAAAACpWTTXLjIBCF9z4Fy/GClKUkVbGycs0NMgdQIWhJbSNQGhT/TOXuU2BLIpOJPdkAenoN3+PnrhKqgTK2LyCxh7LcnroDbVfs94IxobExHD10rmASjAd6DnLfgyBhJBTMWANBqywpIL5H5duCrc7SgTs8oWmK8XdlD+GPQtdrcSwYGo0GeK0h6qHnriU0u8sctTWe16JDHd0tEPqgbwfnsT5yaY0H41O6OGML2LS+YFlQ3oA8SqF5zFOwDpXSkdoOPtjnGL1QKgLH1T0cPFcgLQmP1sy2wQFxBxqk/7QFJBQOrmBvgn7w+IW8HrQuy2xtKnhSeWOWwb9v0QN3vTjv455E/7x4X9x9PhRptaWyJ+wEHccjyuIRVULuGrKDUTy6xnUddMJ4lD+D6PildjMN7mccuY84/1E+9uuk+HV5FdqBtEYl2Pl3sKfqTTJM0NXuJvpUN48SfAXX8YHI0oh+/x30WLm5dAkyPN1EjjXnNkGF/CtUhycos5HyIVKOD+CyAJ7A8YfkCoplct25hnr2hgvJs8m7+uCkD9P+0xrfbFhxtAXhVySYreurYfIxzOOXYR6TMNWNMPnkzW6F+dt6JcxsDZv5/gclirlsTQUAAA=="],"sourcesContent":[".badge_badgeRecipe__jzmxrj0 {\n  align-items: center;\n  appearance: none;\n  border-width: 0;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-shrink: 0;\n  font-family: inherit;\n  justify-content: center;\n  line-height: 1;\n  vertical-align: middle;\n  outline: none;\n  padding: 0;\n  text-decoration: none;\n  user-select: none;\n  border-radius: var(--radii-full__19nbe8d2gn);\n  white-space: nowrap;\n}\n.badge_badgeRecipe_color_primary__jzmxrj1 {\n  background-color: var(--semanticColors-primaryA-primaryA3__19nbe8d2cw);\n  color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.badge_badgeRecipe_color_secondary__jzmxrj2 {\n  background-color: var(--semanticColors-secondaryA-secondaryA3__19nbe8d2dk);\n  color: var(--semanticColors-secondary-secondary9__19nbe8d2de);\n}\n.badge_badgeRecipe_color_error__jzmxrj3 {\n  background-color: var(--semanticColors-errorA-errorA3__19nbe8d2e8);\n  color: var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.badge_badgeRecipe_size_1__jzmxrj4 {\n  height: var(--sizes-4__19nbe8d2ga);\n  padding-left: var(--space-1__19nbe8d0);\n  padding-right: var(--space-1__19nbe8d0);\n  font-size: var(--fontSizes-1__19nbe8d9);\n}\n.badge_badgeRecipe_size_2__jzmxrj5 {\n  height: var(--sizes-5__19nbe8d2gb);\n  padding-left: var(--space-2__19nbe8d1);\n  padding-right: var(--space-2__19nbe8d1);\n  font-size: var(--fontSizes-2__19nbe8da);\n}"],"mappings":";AAAA,CAAC;AACC,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,cAAY;AACZ,WAAS;AACT,eAAa;AACb,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,kBAAgB;AAChB,WAAS;AACT,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,iBAAe,IAAI;AACnB,eAAa;AACf;AACA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACb;AACA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACb;AACA,CAAC;AACC,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACnB,aAAW,IAAI;AACjB;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACnB,aAAW,IAAI;AACjB;","names":[]}

package/dist/components/badge.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as BadgeVariants } from '../badge.css-ToNvOJof.mjs';
+import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "span";
+type BadgeProps = ComponentProps<typeof defaultElement, BadgeVariants & {
+    label: string;
+}>;
+declare const Badge: ({ asChild, label, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+export { Badge };

package/dist/components/badge.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as BadgeVariants } from '../badge.css-ToNvOJof.js';
+import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "span";
+type BadgeProps = ComponentProps<typeof defaultElement, BadgeVariants & {
+    label: string;
+}>;
+declare const Badge: ({ asChild, label, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+export { Badge };

package/dist/components/badge.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/badge.tsx
+var badge_exports = {};
+__export(badge_exports, {
+  Badge: () => Badge
+});
+module.exports = __toCommonJS(badge_exports);
+
+// src/theme/recipes/badge.css.ts
+var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var badgeRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "badge_badgeRecipe__jzmxrj0", variantClassNames: { color: { primary: "badge_badgeRecipe_color_primary__jzmxrj1", secondary: "badge_badgeRecipe_color_secondary__jzmxrj2", error: "badge_badgeRecipe_color_error__jzmxrj3" }, size: { "1": "badge_badgeRecipe_size_1__jzmxrj4", "2": "badge_badgeRecipe_size_2__jzmxrj5" } }, defaultVariants: { color: "primary", size: "1" }, compoundVariants: [] });
+
+// src/utils/merge-classes.ts
+function mergeClasses(...classes) {
+  return classes.filter((cls) => Boolean(cls)).join(" ");
+}
+
+// src/utils/pick.ts
+function pick(obj, ...keys) {
+  const ret = {};
+  keys.forEach((key) => {
+    ret[key] = obj[key];
+  });
+  return ret;
+}
+
+// src/components/badge.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultElement = "span";
+var Badge = ({ asChild, label, ...props }) => {
+  const variants = pick(props, ...badgeRecipe.variants());
+  const badge = badgeRecipe(variants);
+  const Comp = asChild ? import_react_slot.Slot : defaultElement;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(badge, props.className), children: label });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Badge
+});
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/badge.tsx","../../src/theme/recipes/badge.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { badgeRecipe, BadgeVariants } from \"@/theme/recipes/badge.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"span\";\n\ntype BadgeProps = ComponentProps<\n  typeof defaultElement,\n  BadgeVariants & { label: string }\n>;\n\nexport const Badge = ({ asChild, label, ...props }: BadgeProps) => {\n  const variants = pick(props, ...badgeRecipe.variants());\n  const badge = badgeRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(badge, props.className)}>\n      {label}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/badge.css.ts.vanilla.css?source=#H4sIAAAAAAAACpWTTXLjIBCF9z4Fy/GClKUkVbGycs0NMgdQIWhJbSNQGhT/TOXuU2BLIpOJPdkAenoN3+PnrhKqgTK2LyCxh7LcnroDbVfs94IxobExHD10rmASjAd6DnLfgyBhJBTMWANBqywpIL5H5duCrc7SgTs8oWmK8XdlD+GPQtdrcSwYGo0GeK0h6qHnriU0u8sctTWe16JDHd0tEPqgbwfnsT5yaY0H41O6OGML2LS+YFlQ3oA8SqF5zFOwDpXSkdoOPtjnGL1QKgLH1T0cPFcgLQmP1sy2wQFxBxqk/7QFJBQOrmBvgn7w+IW8HrQuy2xtKnhSeWOWwb9v0QN3vTjv455E/7x4X9x9PhRptaWyJ+wEHccjyuIRVULuGrKDUTy6xnUddMJ4lD+D6PildjMN7mccuY84/1E+9uuk+HV5FdqBtEYl2Pl3sKfqTTJM0NXuJvpUN48SfAXX8YHI0oh+/x30WLm5dAkyPN1EjjXnNkGF/CtUhycos5HyIVKOD+CyAJ7A8YfkCoplct25hnr2hgvJs8m7+uCkD9P+0xrfbFhxtAXhVySYreurYfIxzOOXYR6TMNWNMPnkzW6F+dt6JcxsDZv5/gclirlsTQUAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var badgeRecipe = _7a468({defaultClassName:'badge_badgeRecipe__jzmxrj0',variantClassNames:{color:{primary:'badge_badgeRecipe_color_primary__jzmxrj1',secondary:'badge_badgeRecipe_color_secondary__jzmxrj2',error:'badge_badgeRecipe_color_error__jzmxrj3'},size:{'1':'badge_badgeRecipe_size_1__jzmxrj4','2':'badge_badgeRecipe_size_2__jzmxrj5'}},defaultVariants:{color:'primary',size:'1'},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,kBAAc,uBAAAA,iBAAO,EAAC,kBAAiB,8BAA6B,mBAAkB,EAAC,OAAM,EAAC,SAAQ,4CAA2C,WAAU,8CAA6C,OAAM,yCAAwC,GAAE,MAAK,EAAC,KAAI,qCAAoC,KAAI,oCAAmC,EAAC,GAAE,iBAAgB,EAAC,OAAM,WAAU,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFnZ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,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;;;AHPA,wBAAqB;AAejB;AAbJ,IAAM,iBAAiB;AAOhB,IAAM,QAAQ,CAAC,EAAE,SAAS,OAAO,GAAG,MAAM,MAAkB;AACjE,QAAM,WAAW,KAAK,OAAO,GAAG,YAAY,SAAS,CAAC;AACtD,QAAM,QAAQ,YAAY,QAAQ;AAClC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,OAAO,MAAM,SAAS,GAC5D,iBACH;AAEJ;","names":["_7a468"]}

package/dist/components/badge.mjs

@@ -0,0 +1,25 @@
+import {
+  badgeRecipe
+} from "../chunk-ICX6SDOZ.mjs";
+import {
+  pick
+} from "../chunk-4N6P3Y54.mjs";
+import {
+  mergeClasses
+} from "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
+
+// src/components/badge.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+var defaultElement = "span";
+var Badge = ({ asChild, label, ...props }) => {
+  const variants = pick(props, ...badgeRecipe.variants());
+  const badge = badgeRecipe(variants);
+  const Comp = asChild ? Slot : defaultElement;
+  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(badge, props.className), children: label });
+};
+export {
+  Badge
+};
+//# sourceMappingURL=badge.mjs.map

package/dist/components/badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/badge.tsx"],"sourcesContent":["import { badgeRecipe, BadgeVariants } from \"@/theme/recipes/badge.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"span\";\n\ntype BadgeProps = ComponentProps<\n  typeof defaultElement,\n  BadgeVariants & { label: string }\n>;\n\nexport const Badge = ({ asChild, label, ...props }: BadgeProps) => {\n  const variants = pick(props, ...badgeRecipe.variants());\n  const badge = badgeRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(badge, props.className)}>\n      {label}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAIA,SAAS,YAAY;AAejB;AAbJ,IAAM,iBAAiB;AAOhB,IAAM,QAAQ,CAAC,EAAE,SAAS,OAAO,GAAG,MAAM,MAAkB;AACjE,QAAM,WAAW,KAAK,OAAO,GAAG,YAAY,SAAS,CAAC;AACtD,QAAM,QAAQ,YAAY,QAAQ;AAClC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,OAAO,MAAM,SAAS,GAC5D,iBACH;AAEJ;","names":[]}

package/dist/components/box.css

@@ -0,0 +1,5 @@
+/* vanilla-extract-css-ns:src/theme/recipes/box.css.ts.vanilla.css?source=LmJveF9ib3hSZWNpcGVfXzFlNTQzNDMwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9 */
+.box_boxRecipe__1e543430 {
+  box-sizing: border-box;
+}
+/*# sourceMappingURL=box.css.map */

package/dist/components/box.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/box.css.ts.vanilla.css?source=LmJveF9ib3hSZWNpcGVfXzFlNTQzNDMwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9"],"sourcesContent":[".box_boxRecipe__1e543430 {\n  box-sizing: border-box;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY;AACd;","names":[]}

package/dist/components/box.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as BoxVariants } from '../box.css-ic5Toaj1.mjs';
+import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "div";
+type BoxProps = ComponentProps<typeof defaultElement, BoxVariants>;
+declare const Box: ({ asChild, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
+
+export { Box };

package/dist/components/box.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as BoxVariants } from '../box.css-ic5Toaj1.js';
+import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "div";
+type BoxProps = ComponentProps<typeof defaultElement, BoxVariants>;
+declare const Box: ({ asChild, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
+
+export { Box };

package/dist/components/box.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/box.tsx
+var box_exports = {};
+__export(box_exports, {
+  Box: () => Box
+});
+module.exports = __toCommonJS(box_exports);
+
+// src/theme/recipes/box.css.ts
+var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var boxRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "box_boxRecipe__1e543430", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+
+// src/utils/merge-classes.ts
+function mergeClasses(...classes) {
+  return classes.filter((cls) => Boolean(cls)).join(" ");
+}
+
+// src/utils/pick.ts
+function pick(obj, ...keys) {
+  const ret = {};
+  keys.forEach((key) => {
+    ret[key] = obj[key];
+  });
+  return ret;
+}
+
+// src/components/box.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultElement = "div";
+var Box = ({ asChild, ...props }) => {
+  const variants = pick(props, ...boxRecipe.variants());
+  const box = boxRecipe(variants);
+  const Comp = asChild ? import_react_slot.Slot : defaultElement;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(box, props.className), children: props.children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Box
+});
+//# sourceMappingURL=box.js.map

package/dist/components/box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/box.tsx","../../src/theme/recipes/box.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { boxRecipe, BoxVariants } from \"@/theme/recipes/box.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype BoxProps = ComponentProps<typeof defaultElement, BoxVariants>;\n\nexport const Box = ({ asChild, ...props }: BoxProps) => {\n  const variants = pick(props, ...boxRecipe.variants());\n  const box = boxRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(box, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/box.css.ts.vanilla.css?source=LmJveF9ib3hSZWNpcGVfXzFlNTQzNDMwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var boxRecipe = _7a468({defaultClassName:'box_boxRecipe__1e543430',variantClassNames:{},defaultVariants:{},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,gBAAY,uBAAAA,iBAAO,EAAC,kBAAiB,2BAA0B,mBAAkB,CAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACF/H,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,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;;;AHPA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,MAAgB;AACtD,QAAM,WAAW,KAAK,OAAO,GAAG,UAAU,SAAS,CAAC;AACpD,QAAM,MAAM,UAAU,QAAQ;AAC9B,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,KAAK,MAAM,SAAS,GAC1D,gBAAM,UACT;AAEJ;","names":["_7a468"]}

package/dist/components/box.mjs

@@ -0,0 +1,11 @@
+import {
+  Box
+} from "../chunk-XALDYHCC.mjs";
+import "../chunk-ZJDUO7Y6.mjs";
+import "../chunk-4N6P3Y54.mjs";
+import "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
+export {
+  Box
+};
+//# sourceMappingURL=box.mjs.map

package/dist/components/box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/button.css

@@ -0,0 +1,174 @@
+/* vanilla-extract-css-ns:src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9 */
+@keyframes spin_spin__91g2950 {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAACn3P327CIBTH8fs+BZfbRY30jy16uTfYCxBaUE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VyPMinPaXm7jla3JV0GI0HASHozekiV7tJwzeqhYuyar3pEJtBKWgN6DBq92BSGDsVLZLaHzhTgzgSQfwr6U5WgmY13pJuHVz2/DOWV6UL2k1+n177a0QsLZbZ+Hyz8orTlrGQ6qwyk+8GaOwfFsrdL+bRF3xb1Y/f9YBzfFaXgzfbz5qOBw9L/2kriSRm73cD9B+mM+yrNVYCuUraLFHmPTKM/Wga1Rto4WGcamUZ5tAtugbBMtCoxNozzbBrZF2TZaHDA2jfLsJrAblN1EiyPGplGe7QLboWwXLUqMTaM82we2R9k+WlQYm0Z5lgWWoSyLFvcYm0b3bxP0OzcbBQAA */
+.spinner_spinnerRecipe__15xzcy90 {
+  animation: spin_spin__91g2950 .8s linear infinite;
+  border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);
+  border-radius: var(--radii-round__19nbe8d2gm);
+  border-top: 1px solid currentColor;
+}
+.spinner_spinnerRecipe_size_1__15xzcy91 {
+  height: var(--sizes-1__19nbe8d2g7);
+  width: var(--sizes-1__19nbe8d2g7);
+}
+.spinner_spinnerRecipe_size_2__15xzcy92 {
+  height: var(--sizes-2__19nbe8d2g8);
+  width: var(--sizes-2__19nbe8d2g8);
+}
+.spinner_spinnerRecipe_size_3__15xzcy93 {
+  height: var(--sizes-3__19nbe8d2g9);
+  width: var(--sizes-3__19nbe8d2g9);
+}
+.spinner_spinnerRecipe_size_4__15xzcy94 {
+  height: var(--sizes-4__19nbe8d2ga);
+  width: var(--sizes-4__19nbe8d2ga);
+}
+.spinner_spinnerRecipe_size_5__15xzcy95 {
+  height: var(--sizes-5__19nbe8d2gb);
+  width: var(--sizes-5__19nbe8d2gb);
+}
+.spinner_spinnerRecipe_size_6__15xzcy96 {
+  height: var(--sizes-6__19nbe8d2gc);
+  width: var(--sizes-6__19nbe8d2gc);
+}
+.spinner_spinnerRecipe_size_7__15xzcy97 {
+  height: var(--sizes-7__19nbe8d2gd);
+  width: var(--sizes-7__19nbe8d2gd);
+}
+.spinner_spinnerRecipe_size_8__15xzcy98 {
+  height: var(--sizes-8__19nbe8d2ge);
+  width: var(--sizes-8__19nbe8d2ge);
+}
+.spinner_spinnerRecipe_size_9__15xzcy99 {
+  height: var(--sizes-9__19nbe8d2gf);
+  width: var(--sizes-9__19nbe8d2gf);
+}
+
+/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAACr1XTW+cMBC951fQQ6VEqqv9SJqEnqJeem4PPSJjD+DE2Mg2+5Gq/72ygWV2G2DZVtVKS/DOzHu8Nx6Tj2ntnFZJc/kGTFSQJIVY7+liEf28iiIqZRzVyoL7HO5ErohwUNo4YqAcGL+c6h2x4lWoPI5SbTgYkuqd/6W2YIgFCczFkdIK/CIXtpJ0H0dCSaGAZBJCsL8SWxihXuJo4Veea+tEtidMKwfKYUyyhfRFOOJoRQqRF1LkhSNMS23iyOQpvV58CJ+bUForRzJaCrmPow0114T4JUsc7FySLB9VCg98lRV99BZ8RRz9I6xYUgIXdYmyVJ+1oUZQ5YiqSzCCxZGjaS2p8QvWRzlDlRVOaBV7caPlYuF/+HX1ccyLOE4h0waCJ0NyT9agmQPzVyUKvWkrsNpYL3WlRWPJVCoXlqYSeINP2UtudK14Z1kjc7ixxErqoPleHXRe7p9vDt1WUK63voMsuGgRPstq90aVp/Zy39d5bXpiAvgBAVdNQvvISjtCpdRb4H65VYDABpSzXZsPyJHVUv4Q3BWJM/VBnWUQZevXY98R7wfzpaZcqPwoe9UY0jxO6K+KGlAueifKShtHlRusZ8UrJMuu0rptjtAQhnJR204gfyfIsu/6PA+iFEfbxJez5A5FpSGqotzTJhKyPraiDAjy9yjSHJV9MzRsOI+IN+n3wKDn+RhCw5w5h+qYTKtOptspmVaoajEo0ycUxSZkWvexUzKdho7I1IemQzL5pa/t4EOEs3pCrHUn1t2/EeseRfEJsW4PsespsU5DR8TqQ9l4T51SHZKpoBUklZCyk+p+Sio/PVBxNVy8PYeSyoiSmn2H8DA6fS2UVDnBvjTDsM3trv3zr5j8c4KOJy/R5GB2Pm908lzGHm10Vl6AT5kTG/gLAmjzsDOMs8C04ojC4xzsQ3b/F7KvHYozC2ALeX7JE8w38Q0ayEhOL2Ix38o3aCA7+cjB0dHQtfPzoiNB+7ew0TeZEx5NicMMhvm48y1ALxRffS7Czy7Any8+IvAUkhGDM9owL7R1HX46AIwwZhb834KeoP93OcEYbTp8Ngc4ZDbfeBbtJmcRSsQzCG7nsp3vFYLGc2c/G3m+Twgaz5rXM0ZezRhY24GP/8d1Ouma3O6KjILpM/8k+cisM878U94XHBfHBJBlcMaZ/wf+BQfFMQFkHIQz/zf37mV4cREAAA== */
+.button_buttonRecipe__hi3ya00 {
+  all: unset;
+  align-items: center;
+  box-sizing: border-box;
+  user-select: none;
+  display: inline-flex;
+  flex-shrink: 0;
+  justify-content: center;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  font-family: var(--fonts-text__19nbe8d2fh);
+  font-weight: var(--fontWeights-medium__19nbe8d2fn);
+  font-variant-numeric: tabular-nums;
+  transition: all 100ms;
+}
+.button_buttonRecipe__hi3ya00::before {
+  box-sizing: border-box;
+}
+.button_buttonRecipe__hi3ya00::after {
+  box-sizing: border-box;
+}
+.button_buttonRecipe__hi3ya00:hover {
+  cursor: pointer;
+}
+.button_buttonRecipe__hi3ya00:disabled {
+  background-color: var(--colors-slate-slate2__19nbe8d1yj);
+  box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);
+  color: var(--colors-slate-slate8__19nbe8d1yp);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.button_buttonRecipe_fullWidth_true__hi3ya01 {
+  width: 100%;
+}
+.button_buttonRecipe_loading_true__hi3ya02 {
+  color: transparent !important;
+}
+.button_buttonRecipe_size_1__hi3ya03 {
+  border-radius: var(--radii-1__19nbe8d2gg);
+  height: var(--sizes-5__19nbe8d2gb);
+  padding-left: var(--space-2__19nbe8d1);
+  padding-right: var(--space-2__19nbe8d1);
+  font-size: var(--fontSizes-1__19nbe8d9);
+  line-height: var(--sizes-5__19nbe8d2gb);
+}
+.button_buttonRecipe_size_2__hi3ya04 {
+  border-radius: var(--radii-2__19nbe8d2gh);
+  height: var(--sizes-6__19nbe8d2gc);
+  padding-left: var(--space-3__19nbe8d2);
+  padding-right: var(--space-3__19nbe8d2);
+  font-size: var(--fontSizes-3__19nbe8db);
+  line-height: var(--lineHeights-6__19nbe8d2fu);
+}
+.button_buttonRecipe_size_3__hi3ya05 {
+  border-radius: var(--radii-2__19nbe8d2gh);
+  height: var(--sizes-7__19nbe8d2gd);
+  padding-left: var(--space-4__19nbe8d3);
+  padding-right: var(--space-4__19nbe8d3);
+  font-size: var(--fontSizes-4__19nbe8dc);
+  line-height: var(--sizes-7__19nbe8d2gd);
+}
+.button_buttonRecipe_shape_pill__hi3ya07 {
+  border-radius: var(--radii-full__19nbe8d2gn);
+}
+.button_buttonRecipe_variant_primary__hi3ya08 {
+  background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
+  color: var(--semanticColors-primary-primary11__19nbe8d2cs);
+}
+.button_buttonRecipe_variant_primary__hi3ya08:hover {
+  background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);
+}
+.button_buttonRecipe_variant_primary__hi3ya08:active {
+  background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);
+}
+.button_buttonRecipe_variant_secondary__hi3ya09 {
+  background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);
+  color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);
+}
+.button_buttonRecipe_variant_secondary__hi3ya09:hover {
+  background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);
+}
+.button_buttonRecipe_variant_secondary__hi3ya09:active {
+  background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);
+}
+.button_buttonRecipe_variant_outline__hi3ya0a {
+  box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
+}
+.button_buttonRecipe_variant_outline__hi3ya0a:hover {
+  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
+}
+.button_buttonRecipe_variant_outline__hi3ya0a:active {
+  background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
+}
+.button_buttonRecipe_variant_ghost__hi3ya0b {
+  background-color: transparent;
+}
+.button_buttonRecipe_variant_ghost__hi3ya0b:hover {
+  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
+}
+.button_buttonRecipe_variant_ghost__hi3ya0b:active {
+  background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
+}
+.button_buttonRecipe_variant_error__hi3ya0c {
+  background-color: var(--semanticColors-error-error4__19nbe8d2dx);
+  color: var(--semanticColors-error-error11__19nbe8d2e4);
+}
+.button_buttonRecipe_variant_error__hi3ya0c:hover {
+  background-color: var(--semanticColors-error-error5__19nbe8d2dy);
+}
+.button_buttonRecipe_variant_error__hi3ya0c:active {
+  background-color: var(--semanticColors-error-error6__19nbe8d2dz);
+}
+.button_buttonRecipe_variant_success__hi3ya0d {
+  background-color: var(--semanticColors-success-success4__19nbe8d2el);
+  color: var(--semanticColors-success-success11__19nbe8d2es);
+}
+.button_buttonRecipe_variant_success__hi3ya0d:hover {
+  background-color: var(--semanticColors-success-success5__19nbe8d2em);
+}
+.button_buttonRecipe_variant_success__hi3ya0d:active {
+  background-color: var(--semanticColors-success-success6__19nbe8d2en);
+}
+/*# sourceMappingURL=button.css.map */

package/dist/components/button.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9","vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAACn3P327CIBTH8fs+BZfbRY30jy16uTfYCxBaUE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VyPMinPaXm7jla3JV0GI0HASHozekiV7tJwzeqhYuyar3pEJtBKWgN6DBq92BSGDsVLZLaHzhTgzgSQfwr6U5WgmY13pJuHVz2/DOWV6UL2k1+n177a0QsLZbZ+Hyz8orTlrGQ6qwyk+8GaOwfFsrdL+bRF3xb1Y/f9YBzfFaXgzfbz5qOBw9L/2kriSRm73cD9B+mM+yrNVYCuUraLFHmPTKM/Wga1Rto4WGcamUZ5tAtugbBMtCoxNozzbBrZF2TZaHDA2jfLsJrAblN1EiyPGplGe7QLboWwXLUqMTaM82we2R9k+WlQYm0Z5lgWWoSyLFvcYm0b3bxP0OzcbBQAA","vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAACr1XTW+cMBC951fQQ6VEqqv9SJqEnqJeem4PPSJjD+DE2Mg2+5Gq/72ygWV2G2DZVtVKS/DOzHu8Nx6Tj2ntnFZJc/kGTFSQJIVY7+liEf28iiIqZRzVyoL7HO5ErohwUNo4YqAcGL+c6h2x4lWoPI5SbTgYkuqd/6W2YIgFCczFkdIK/CIXtpJ0H0dCSaGAZBJCsL8SWxihXuJo4Veea+tEtidMKwfKYUyyhfRFOOJoRQqRF1LkhSNMS23iyOQpvV58CJ+bUForRzJaCrmPow0114T4JUsc7FySLB9VCg98lRV99BZ8RRz9I6xYUgIXdYmyVJ+1oUZQ5YiqSzCCxZGjaS2p8QvWRzlDlRVOaBV7caPlYuF/+HX1ccyLOE4h0waCJ0NyT9agmQPzVyUKvWkrsNpYL3WlRWPJVCoXlqYSeINP2UtudK14Z1kjc7ixxErqoPleHXRe7p9vDt1WUK63voMsuGgRPstq90aVp/Zy39d5bXpiAvgBAVdNQvvISjtCpdRb4H65VYDABpSzXZsPyJHVUv4Q3BWJM/VBnWUQZevXY98R7wfzpaZcqPwoe9UY0jxO6K+KGlAueifKShtHlRusZ8UrJMuu0rptjtAQhnJR204gfyfIsu/6PA+iFEfbxJez5A5FpSGqotzTJhKyPraiDAjy9yjSHJV9MzRsOI+IN+n3wKDn+RhCw5w5h+qYTKtOptspmVaoajEo0ycUxSZkWvexUzKdho7I1IemQzL5pa/t4EOEs3pCrHUn1t2/EeseRfEJsW4PsespsU5DR8TqQ9l4T51SHZKpoBUklZCyk+p+Sio/PVBxNVy8PYeSyoiSmn2H8DA6fS2UVDnBvjTDsM3trv3zr5j8c4KOJy/R5GB2Pm908lzGHm10Vl6AT5kTG/gLAmjzsDOMs8C04ojC4xzsQ3b/F7KvHYozC2ALeX7JE8w38Q0ayEhOL2Ix38o3aCA7+cjB0dHQtfPzoiNB+7ew0TeZEx5NicMMhvm48y1ALxRffS7Czy7Any8+IvAUkhGDM9owL7R1HX46AIwwZhb834KeoP93OcEYbTp8Ngc4ZDbfeBbtJmcRSsQzCG7nsp3vFYLGc2c/G3m+Twgaz5rXM0ZezRhY24GP/8d1Ouma3O6KjILpM/8k+cisM878U94XHBfHBJBlcMaZ/wf+BQfFMQFkHIQz/zf37mV4cREAAA=="],"sourcesContent":["@keyframes spin_spin__91g2950 {\n  to {\n    transform: rotate(360deg);\n  }\n}",".spinner_spinnerRecipe__15xzcy90 {\n  animation: spin_spin__91g2950 .8s linear infinite;\n  border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);\n  border-radius: var(--radii-round__19nbe8d2gm);\n  border-top: 1px solid currentColor;\n}\n.spinner_spinnerRecipe_size_1__15xzcy91 {\n  height: var(--sizes-1__19nbe8d2g7);\n  width: var(--sizes-1__19nbe8d2g7);\n}\n.spinner_spinnerRecipe_size_2__15xzcy92 {\n  height: var(--sizes-2__19nbe8d2g8);\n  width: var(--sizes-2__19nbe8d2g8);\n}\n.spinner_spinnerRecipe_size_3__15xzcy93 {\n  height: var(--sizes-3__19nbe8d2g9);\n  width: var(--sizes-3__19nbe8d2g9);\n}\n.spinner_spinnerRecipe_size_4__15xzcy94 {\n  height: var(--sizes-4__19nbe8d2ga);\n  width: var(--sizes-4__19nbe8d2ga);\n}\n.spinner_spinnerRecipe_size_5__15xzcy95 {\n  height: var(--sizes-5__19nbe8d2gb);\n  width: var(--sizes-5__19nbe8d2gb);\n}\n.spinner_spinnerRecipe_size_6__15xzcy96 {\n  height: var(--sizes-6__19nbe8d2gc);\n  width: var(--sizes-6__19nbe8d2gc);\n}\n.spinner_spinnerRecipe_size_7__15xzcy97 {\n  height: var(--sizes-7__19nbe8d2gd);\n  width: var(--sizes-7__19nbe8d2gd);\n}\n.spinner_spinnerRecipe_size_8__15xzcy98 {\n  height: var(--sizes-8__19nbe8d2ge);\n  width: var(--sizes-8__19nbe8d2ge);\n}\n.spinner_spinnerRecipe_size_9__15xzcy99 {\n  height: var(--sizes-9__19nbe8d2gf);\n  width: var(--sizes-9__19nbe8d2gf);\n}",".button_buttonRecipe__hi3ya00 {\n  all: unset;\n  align-items: center;\n  box-sizing: border-box;\n  user-select: none;\n  display: inline-flex;\n  flex-shrink: 0;\n  justify-content: center;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  font-family: var(--fonts-text__19nbe8d2fh);\n  font-weight: var(--fontWeights-medium__19nbe8d2fn);\n  font-variant-numeric: tabular-nums;\n  transition: all 100ms;\n}\n.button_buttonRecipe__hi3ya00::before {\n  box-sizing: border-box;\n}\n.button_buttonRecipe__hi3ya00::after {\n  box-sizing: border-box;\n}\n.button_buttonRecipe__hi3ya00:hover {\n  cursor: pointer;\n}\n.button_buttonRecipe__hi3ya00:disabled {\n  background-color: var(--colors-slate-slate2__19nbe8d1yj);\n  box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);\n  color: var(--colors-slate-slate8__19nbe8d1yp);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.button_buttonRecipe_fullWidth_true__hi3ya01 {\n  width: 100%;\n}\n.button_buttonRecipe_loading_true__hi3ya02 {\n  color: transparent !important;\n}\n.button_buttonRecipe_size_1__hi3ya03 {\n  border-radius: var(--radii-1__19nbe8d2gg);\n  height: var(--sizes-5__19nbe8d2gb);\n  padding-left: var(--space-2__19nbe8d1);\n  padding-right: var(--space-2__19nbe8d1);\n  font-size: var(--fontSizes-1__19nbe8d9);\n  line-height: var(--sizes-5__19nbe8d2gb);\n}\n.button_buttonRecipe_size_2__hi3ya04 {\n  border-radius: var(--radii-2__19nbe8d2gh);\n  height: var(--sizes-6__19nbe8d2gc);\n  padding-left: var(--space-3__19nbe8d2);\n  padding-right: var(--space-3__19nbe8d2);\n  font-size: var(--fontSizes-3__19nbe8db);\n  line-height: var(--lineHeights-6__19nbe8d2fu);\n}\n.button_buttonRecipe_size_3__hi3ya05 {\n  border-radius: var(--radii-2__19nbe8d2gh);\n  height: var(--sizes-7__19nbe8d2gd);\n  padding-left: var(--space-4__19nbe8d3);\n  padding-right: var(--space-4__19nbe8d3);\n  font-size: var(--fontSizes-4__19nbe8dc);\n  line-height: var(--sizes-7__19nbe8d2gd);\n}\n.button_buttonRecipe_shape_pill__hi3ya07 {\n  border-radius: var(--radii-full__19nbe8d2gn);\n}\n.button_buttonRecipe_variant_primary__hi3ya08 {\n  background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);\n  color: var(--semanticColors-primary-primary11__19nbe8d2cs);\n}\n.button_buttonRecipe_variant_primary__hi3ya08:hover {\n  background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);\n}\n.button_buttonRecipe_variant_primary__hi3ya08:active {\n  background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);\n}\n.button_buttonRecipe_variant_secondary__hi3ya09 {\n  background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);\n  color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);\n}\n.button_buttonRecipe_variant_secondary__hi3ya09:hover {\n  background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);\n}\n.button_buttonRecipe_variant_secondary__hi3ya09:active {\n  background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);\n}\n.button_buttonRecipe_variant_outline__hi3ya0a {\n  box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n}\n.button_buttonRecipe_variant_outline__hi3ya0a:hover {\n  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.button_buttonRecipe_variant_outline__hi3ya0a:active {\n  background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.button_buttonRecipe_variant_ghost__hi3ya0b {\n  background-color: transparent;\n}\n.button_buttonRecipe_variant_ghost__hi3ya0b:hover {\n  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.button_buttonRecipe_variant_ghost__hi3ya0b:active {\n  background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.button_buttonRecipe_variant_error__hi3ya0c {\n  background-color: var(--semanticColors-error-error4__19nbe8d2dx);\n  color: var(--semanticColors-error-error11__19nbe8d2e4);\n}\n.button_buttonRecipe_variant_error__hi3ya0c:hover {\n  background-color: var(--semanticColors-error-error5__19nbe8d2dy);\n}\n.button_buttonRecipe_variant_error__hi3ya0c:active {\n  background-color: var(--semanticColors-error-error6__19nbe8d2dz);\n}\n.button_buttonRecipe_variant_success__hi3ya0d {\n  background-color: var(--semanticColors-success-success4__19nbe8d2el);\n  color: var(--semanticColors-success-success11__19nbe8d2es);\n}\n.button_buttonRecipe_variant_success__hi3ya0d:hover {\n  background-color: var(--semanticColors-success-success5__19nbe8d2em);\n}\n.button_buttonRecipe_variant_success__hi3ya0d:active {\n  background-color: var(--semanticColors-success-success6__19nbe8d2en);\n}"],"mappings":"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","names":[]}

package/dist/components/button.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as ButtonVariants } from '../button.css-CU-ScpcU.mjs';
+import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "button";
+type ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants>;
+declare const Button: ({ asChild, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { Button };

package/dist/components/button.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { B as ButtonVariants } from '../button.css-CU-ScpcU.js';
+import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "button";
+type ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants>;
+declare const Button: ({ asChild, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { Button };