@nayhoo/ui 0.6.1 → 0.8.0

package/dist/components/icon-button.css

@@ -0,0 +1,125 @@
+/* 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/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAACq2VwXKbMBCG73kK9dYclDG2kzjklPbSc1+AEdICm8gSIy22407fvSMBNnWCTTIZZgCtfu1+Wi3LDUpreN4QWZOF9x/x9TdIrCHLNg+L/crP2J8rxoTG0nAkWPuUSTAE7jGY6xqEE0ZCyow1EGy5dQoc36KiKmWz1rTjHvdoyrSfzu0uzCj0tRavKUOj0QAvNER7eHJfOTQvnY/CGuKFWKOO6goc0sHucQ8pS5Z1XPzceMLilUtrCAwNgWOQCrCsKGVJsNiGgvHIXwulImkMS7AjrkBaJwitOcoaD4570CDpaORbyF+QOImaV1hWOgTi0mrrUkZOGF8LByaCxyG2ToXWLJnN1j5MdHLZuCD9GUaPV3+vbiadVpqKgsDFQxtL+3RfORTWwdc4q+ym5xLypXS2MapPzUa475x7WAtDKOOWPR/k61dYm2XJg8lhpeZFcR0T1TgfVtcW2/OdzKLQi1yDOosjWwyvBUF7nx8Qktfn60NlV0LZbShKD8Rm8Urq3TtenrrH/dHPfnY9OPOxwKtB4Pq/vRtLXGhtt6Bi8bap4LABQ74vzEt50VaEks/INYckJTE3b0uXfcN1bR2JUMWXHIfvMkt6l/OukGLxOKGw8f2Wwwh5cjzisozb7D/VrkBwD57fDlR5VHW95pxoEum8J11cIp0P3FejpHcDlRwjPRVNIl30pMuvIb0fqNQY6aloEumyJ729RLoYuMdR0tVABWOkp6JLpBvhUBjKysp66oHvRrrDSR9/87/7XLBUSMINfLJBPsXFgw5ZfmDX3S+wR7k/9vuzne2EpnVxAPhI2k8BpuTivb66HLTJXYj/D550QoHiCAAA */
+.icon-button_iconButtonRecipe__v93z8s0 {
+  align-items: center;
+  appearance: none;
+  border-width: 0;
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-shrink: 0;
+  font-family: inherit;
+  font-size: 14px;
+  justify-content: center;
+  line-height: 1;
+  outline: none;
+  padding: 0;
+  text-decoration: none;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  transition: all 100ms;
+  color: currentColor;
+}
+.icon-button_iconButtonRecipe__v93z8s0::after {
+  box-sizing: border-box;
+}
+.icon-button_iconButtonRecipe__v93z8s0::before {
+  box-sizing: border-box;
+}
+.icon-button_iconButtonRecipe__v93z8s0:hover {
+  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
+  cursor: pointer;
+}
+.icon-button_iconButtonRecipe__v93z8s0: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;
+}
+.icon-button_iconButtonRecipe_loading_true__v93z8s1 {
+  color: transparent !important;
+}
+.icon-button_iconButtonRecipe_size_1__v93z8s2 {
+  border-radius: var(--radii-1__19nbe8d2gg);
+  height: var(--sizes-5__19nbe8d2gb);
+  width: var(--sizes-5__19nbe8d2gb);
+}
+.icon-button_iconButtonRecipe_size_2__v93z8s3 {
+  border-radius: var(--radii-2__19nbe8d2gh);
+  height: var(--sizes-6__19nbe8d2gc);
+  width: var(--sizes-6__19nbe8d2gc);
+}
+.icon-button_iconButtonRecipe_size_3__v93z8s4 {
+  border-radius: var(--radii-2__19nbe8d2gh);
+  height: var(--sizes-7__19nbe8d2gd);
+  width: var(--sizes-7__19nbe8d2gd);
+}
+.icon-button_iconButtonRecipe_size_4__v93z8s5 {
+  border-radius: var(--radii-3__19nbe8d2gi);
+  height: var(--sizes-8__19nbe8d2ge);
+  width: var(--sizes-8__19nbe8d2ge);
+}
+.icon-button_iconButtonRecipe_variant_ghost__v93z8s6 {
+  background-color: transparent;
+  border-width: 0;
+}
+.icon-button_iconButtonRecipe_variant_ghost__v93z8s6:active {
+  background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
+}
+.icon-button_iconButtonRecipe_variant_outline__v93z8s7 {
+  box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
+}
+.icon-button_iconButtonRecipe_variant_outline__v93z8s7:active {
+  background-color: var(--colors-slateA-slateA4__19nbe8d1yx);
+}
+/*# sourceMappingURL=icon-button.css.map */

package/dist/components/icon-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/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAACq2VwXKbMBCG73kK9dYclDG2kzjklPbSc1+AEdICm8gSIy22407fvSMBNnWCTTIZZgCtfu1+Wi3LDUpreN4QWZOF9x/x9TdIrCHLNg+L/crP2J8rxoTG0nAkWPuUSTAE7jGY6xqEE0ZCyow1EGy5dQoc36KiKmWz1rTjHvdoyrSfzu0uzCj0tRavKUOj0QAvNER7eHJfOTQvnY/CGuKFWKOO6goc0sHucQ8pS5Z1XPzceMLilUtrCAwNgWOQCrCsKGVJsNiGgvHIXwulImkMS7AjrkBaJwitOcoaD4570CDpaORbyF+QOImaV1hWOgTi0mrrUkZOGF8LByaCxyG2ToXWLJnN1j5MdHLZuCD9GUaPV3+vbiadVpqKgsDFQxtL+3RfORTWwdc4q+ym5xLypXS2MapPzUa475x7WAtDKOOWPR/k61dYm2XJg8lhpeZFcR0T1TgfVtcW2/OdzKLQi1yDOosjWwyvBUF7nx8Qktfn60NlV0LZbShKD8Rm8Urq3TtenrrH/dHPfnY9OPOxwKtB4Pq/vRtLXGhtt6Bi8bap4LABQ74vzEt50VaEks/INYckJTE3b0uXfcN1bR2JUMWXHIfvMkt6l/OukGLxOKGw8f2Wwwh5cjzisozb7D/VrkBwD57fDlR5VHW95pxoEum8J11cIp0P3FejpHcDlRwjPRVNIl30pMuvIb0fqNQY6aloEumyJ729RLoYuMdR0tVABWOkp6JLpBvhUBjKysp66oHvRrrDSR9/87/7XLBUSMINfLJBPsXFgw5ZfmDX3S+wR7k/9vuzne2EpnVxAPhI2k8BpuTivb66HLTJXYj/D550QoHiCAAA"],"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}",".icon-button_iconButtonRecipe__v93z8s0 {\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  font-size: 14px;\n  justify-content: center;\n  line-height: 1;\n  outline: none;\n  padding: 0;\n  text-decoration: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  transition: all 100ms;\n  color: currentColor;\n}\n.icon-button_iconButtonRecipe__v93z8s0::after {\n  box-sizing: border-box;\n}\n.icon-button_iconButtonRecipe__v93z8s0::before {\n  box-sizing: border-box;\n}\n.icon-button_iconButtonRecipe__v93z8s0:hover {\n  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n  cursor: pointer;\n}\n.icon-button_iconButtonRecipe__v93z8s0: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.icon-button_iconButtonRecipe_loading_true__v93z8s1 {\n  color: transparent !important;\n}\n.icon-button_iconButtonRecipe_size_1__v93z8s2 {\n  border-radius: var(--radii-1__19nbe8d2gg);\n  height: var(--sizes-5__19nbe8d2gb);\n  width: var(--sizes-5__19nbe8d2gb);\n}\n.icon-button_iconButtonRecipe_size_2__v93z8s3 {\n  border-radius: var(--radii-2__19nbe8d2gh);\n  height: var(--sizes-6__19nbe8d2gc);\n  width: var(--sizes-6__19nbe8d2gc);\n}\n.icon-button_iconButtonRecipe_size_3__v93z8s4 {\n  border-radius: var(--radii-2__19nbe8d2gh);\n  height: var(--sizes-7__19nbe8d2gd);\n  width: var(--sizes-7__19nbe8d2gd);\n}\n.icon-button_iconButtonRecipe_size_4__v93z8s5 {\n  border-radius: var(--radii-3__19nbe8d2gi);\n  height: var(--sizes-8__19nbe8d2ge);\n  width: var(--sizes-8__19nbe8d2ge);\n}\n.icon-button_iconButtonRecipe_variant_ghost__v93z8s6 {\n  background-color: transparent;\n  border-width: 0;\n}\n.icon-button_iconButtonRecipe_variant_ghost__v93z8s6:active {\n  background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.icon-button_iconButtonRecipe_variant_outline__v93z8s7 {\n  box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n}\n.icon-button_iconButtonRecipe_variant_outline__v93z8s7:active {\n  background-color: var(--colors-slateA-slateA4__19nbe8d1yx);\n}"],"mappings":";AAAA,WAAW;AACT;AACE,eAAW,OAAO;AACpB;AACF;;;ACJA,CAAC;AACC,aAAW,mBAAmB,IAAI,OAAO;AACzC,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI,MAAM;AACxB;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;;;ACzCA,CAAC;AACC,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,cAAY;AACZ,WAAS;AACT,eAAa;AACb,eAAa;AACb,aAAW;AACX,mBAAiB;AACjB,eAAa;AACb,WAAS;AACT,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,+BAA6B;AAC7B,cAAY,IAAI;AAChB,SAAO;AACT;AACA,CAnBC,qCAmBqC;AACpC,cAAY;AACd;AACA,CAtBC,qCAsBqC;AACpC,cAAY;AACd;AACA,CAzBC,qCAyBqC;AACpC,oBAAkB,IAAI;AACtB,UAAQ;AACV;AACA,CA7BC,qCA6BqC;AACpC,oBAAkB,IAAI;AACtB,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAChC,SAAO,IAAI;AACX,UAAQ;AACR,kBAAgB;AAClB;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,oBAAkB;AAClB,gBAAc;AAChB;AACA,CAJC,mDAImD;AAClD,oBAAkB,IAAI;AACxB;AACA,CAAC;AACC,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAClC;AACA,CAHC,qDAGqD;AACpD,oBAAkB,IAAI;AACxB;","names":[]}

package/dist/components/icon-button.d.mts

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

package/dist/components/icon-button.d.ts

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

package/dist/components/icon-button.js

@@ -0,0 +1,85 @@
+"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/icon-button.tsx
+var icon_button_exports = {};
+__export(icon_button_exports, {
+  IconButton: () => IconButton
+});
+module.exports = __toCommonJS(icon_button_exports);
+
+// src/theme/recipes/spinner.css.ts
+var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var spinnerRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "spinner_spinnerRecipe__15xzcy90", variantClassNames: { size: { "1": "spinner_spinnerRecipe_size_1__15xzcy91", "2": "spinner_spinnerRecipe_size_2__15xzcy92", "3": "spinner_spinnerRecipe_size_3__15xzcy93", "4": "spinner_spinnerRecipe_size_4__15xzcy94", "5": "spinner_spinnerRecipe_size_5__15xzcy95", "6": "spinner_spinnerRecipe_size_6__15xzcy96", "7": "spinner_spinnerRecipe_size_7__15xzcy97", "8": "spinner_spinnerRecipe_size_8__15xzcy98", "9": "spinner_spinnerRecipe_size_9__15xzcy99" } }, defaultVariants: { size: "3" }, 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/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 }) => {
+  const variants = pick(props, ...spinnerRecipe.variants());
+  const spinner = spinnerRecipe(variants);
+  const Comp = asChild ? import_react_slot.Slot : defaultElement;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(spinner, props.className), children: props.children });
+};
+
+// src/theme/recipes/icon-button.css.ts
+var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
+var iconButtonRecipe = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "icon-button_iconButtonRecipe__v93z8s0", variantClassNames: { loading: { true: "icon-button_iconButtonRecipe_loading_true__v93z8s1" }, size: { "1": "icon-button_iconButtonRecipe_size_1__v93z8s2", "2": "icon-button_iconButtonRecipe_size_2__v93z8s3", "3": "icon-button_iconButtonRecipe_size_3__v93z8s4", "4": "icon-button_iconButtonRecipe_size_4__v93z8s5" }, variant: { ghost: "icon-button_iconButtonRecipe_variant_ghost__v93z8s6", outline: "icon-button_iconButtonRecipe_variant_outline__v93z8s7" } }, defaultVariants: { size: "1", variant: "ghost" }, compoundVariants: [] });
+
+// 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 = pick(props, ...iconButtonRecipe.variants());
+  const iconButton = iconButtonRecipe(variants);
+  const Comp = asChild ? import_react_slot2.Slot : defaultElement2;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    Comp,
+    {
+      ...props,
+      className: mergeClasses(iconButton, props.className),
+      disabled: props.disabled || Boolean(variants.loading),
+      children: [
+        props.children,
+        variants.loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, { style: { position: "absolute" } })
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IconButton
+});
+//# sourceMappingURL=icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/icon-button.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.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 { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"button\";\n\ntype IconButtonProps = ComponentProps<\n  typeof defaultElement,\n  IconButtonVariants\n>;\n\nexport const IconButton = ({ asChild, ...props }: IconButtonProps) => {\n  const variants = pick(props, ...iconButtonRecipe.variants());\n  const iconButton = iconButtonRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp\n      {...props}\n      className={mergeClasses(iconButton, props.className)}\n      disabled={props.disabled || Boolean(variants.loading)}\n    >\n      {props.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=#H4sIAAAAAAAACn3P327CIBTH8fs+BZfbRY30jy16uTfYCxBaUE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VyPMinPaXm7jla3JV0GI0HASHozekiV7tJwzeqhYuyar3pEJtBKWgN6DBq92BSGDsVLZLaHzhTgzgSQfwr6U5WgmY13pJuHVz2/DOWV6UL2k1+n177a0QsLZbZ+Hyz8orTlrGQ6qwyk+8GaOwfFsrdL+bRF3xb1Y/f9YBzfFaXgzfbz5qOBw9L/2kriSRm73cD9B+mM+yrNVYCuUraLFHmPTKM/Wga1Rto4WGcamUZ5tAtugbBMtCoxNozzbBrZF2TZaHDA2jfLsJrAblN1EiyPGplGe7QLboWwXLUqMTaM82we2R9k+WlQYm0Z5lgWWoSyLFvcYm0b3bxP0OzcbBQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var spinnerRecipe = _7a468({defaultClassName:'spinner_spinnerRecipe__15xzcy90',variantClassNames:{size:{'1':'spinner_spinnerRecipe_size_1__15xzcy91','2':'spinner_spinnerRecipe_size_2__15xzcy92','3':'spinner_spinnerRecipe_size_3__15xzcy93','4':'spinner_spinnerRecipe_size_4__15xzcy94','5':'spinner_spinnerRecipe_size_5__15xzcy95','6':'spinner_spinnerRecipe_size_6__15xzcy96','7':'spinner_spinnerRecipe_size_7__15xzcy97','8':'spinner_spinnerRecipe_size_8__15xzcy98','9':'spinner_spinnerRecipe_size_9__15xzcy99'}},defaultVariants:{size:'3'},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","import { SpinnerVariants, spinnerRecipe } from \"@/theme/recipes/spinner.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 SpinnerProps = ComponentProps<typeof defaultElement, SpinnerVariants>;\n\nexport const Spinner = ({ asChild, ...props }: SpinnerProps) => {\n  const variants = pick(props, ...spinnerRecipe.variants());\n  const spinner = spinnerRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(spinner, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAACq2VwXKbMBCG73kK9dYclDG2kzjklPbSc1+AEdICm8gSIy22407fvSMBNnWCTTIZZgCtfu1+Wi3LDUpreN4QWZOF9x/x9TdIrCHLNg+L/crP2J8rxoTG0nAkWPuUSTAE7jGY6xqEE0ZCyow1EGy5dQoc36KiKmWz1rTjHvdoyrSfzu0uzCj0tRavKUOj0QAvNER7eHJfOTQvnY/CGuKFWKOO6goc0sHucQ8pS5Z1XPzceMLilUtrCAwNgWOQCrCsKGVJsNiGgvHIXwulImkMS7AjrkBaJwitOcoaD4570CDpaORbyF+QOImaV1hWOgTi0mrrUkZOGF8LByaCxyG2ToXWLJnN1j5MdHLZuCD9GUaPV3+vbiadVpqKgsDFQxtL+3RfORTWwdc4q+ym5xLypXS2MapPzUa475x7WAtDKOOWPR/k61dYm2XJg8lhpeZFcR0T1TgfVtcW2/OdzKLQi1yDOosjWwyvBUF7nx8Qktfn60NlV0LZbShKD8Rm8Urq3TtenrrH/dHPfnY9OPOxwKtB4Pq/vRtLXGhtt6Bi8bap4LABQ74vzEt50VaEks/INYckJTE3b0uXfcN1bR2JUMWXHIfvMkt6l/OukGLxOKGw8f2Wwwh5cjzisozb7D/VrkBwD57fDlR5VHW95pxoEum8J11cIp0P3FejpHcDlRwjPRVNIl30pMuvIb0fqNQY6aloEumyJ729RLoYuMdR0tVABWOkp6JLpBvhUBjKysp66oHvRrrDSR9/87/7XLBUSMINfLJBPsXFgw5ZfmDX3S+wR7k/9vuzne2EpnVxAPhI2k8BpuTivb66HLTJXYj/D550QoHiCAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconButtonRecipe = _7a468({defaultClassName:'icon-button_iconButtonRecipe__v93z8s0',variantClassNames:{loading:{true:'icon-button_iconButtonRecipe_loading_true__v93z8s1'},size:{'1':'icon-button_iconButtonRecipe_size_1__v93z8s2','2':'icon-button_iconButtonRecipe_size_2__v93z8s3','3':'icon-button_iconButtonRecipe_size_3__v93z8s4','4':'icon-button_iconButtonRecipe_size_4__v93z8s5'},variant:{ghost:'icon-button_iconButtonRecipe_variant_ghost__v93z8s6',outline:'icon-button_iconButtonRecipe_variant_outline__v93z8s7'}},defaultVariants:{size:'1',variant:'ghost'},compoundVariants:[]});"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,6BAA0C;AACnC,IAAI,oBAAgB,uBAAAA,iBAAO,EAAC,kBAAiB,mCAAkC,mBAAkB,EAAC,MAAK,EAAC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,yCAAwC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACH9iB,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;;;ACPA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,MAAoB;AAC9D,QAAM,WAAW,KAAK,OAAO,GAAG,cAAc,SAAS,CAAC;AACxD,QAAM,UAAU,cAAc,QAAQ;AACtC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,SAAS,MAAM,SAAS,GAC9D,gBAAM,UACT;AAEJ;;;ACnBA,IAAAC,0BAA0C;AACnC,IAAI,uBAAmB,wBAAAC,iBAAO,EAAC,kBAAiB,yCAAwC,mBAAkB,EAAC,SAAQ,EAAC,MAAK,qDAAoD,GAAE,MAAK,EAAC,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,+CAA8C,GAAE,SAAQ,EAAC,OAAM,uDAAsD,SAAQ,wDAAuD,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,QAAO,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ALM/kB,IAAAC,qBAAqB;AAejB,IAAAC,sBAAA;AAbJ,IAAMC,kBAAiB;AAOhB,IAAM,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,MAAuB;AACpE,QAAM,WAAW,KAAK,OAAO,GAAG,iBAAiB,SAAS,CAAC;AAC3D,QAAM,aAAa,iBAAiB,QAAQ;AAC5C,QAAM,OAAO,UAAU,0BAAOA;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,YAAY,MAAM,SAAS;AAAA,MACnD,UAAU,MAAM,YAAY,QAAQ,SAAS,OAAO;AAAA,MAEnD;AAAA,cAAM;AAAA,QACN,SAAS,WAAW,6CAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":["_7a468","import_createRuntimeFn","_7a468","import_react_slot","import_jsx_runtime","defaultElement"]}

package/dist/components/icon-button.mjs

@@ -0,0 +1,40 @@
+import {
+  iconButtonRecipe
+} from "../chunk-IRWT2CO3.mjs";
+import {
+  Spinner
+} from "../chunk-A2I7UNX6.mjs";
+import "../chunk-S3GY7GCD.mjs";
+import {
+  pick
+} from "../chunk-4N6P3Y54.mjs";
+import {
+  mergeClasses
+} from "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
+
+// src/components/icon-button.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultElement = "button";
+var IconButton = ({ asChild, ...props }) => {
+  const variants = pick(props, ...iconButtonRecipe.variants());
+  const iconButton = iconButtonRecipe(variants);
+  const Comp = asChild ? Slot : defaultElement;
+  return /* @__PURE__ */ jsxs(
+    Comp,
+    {
+      ...props,
+      className: mergeClasses(iconButton, props.className),
+      disabled: props.disabled || Boolean(variants.loading),
+      children: [
+        props.children,
+        variants.loading && /* @__PURE__ */ jsx(Spinner, { style: { position: "absolute" } })
+      ]
+    }
+  );
+};
+export {
+  IconButton
+};
+//# sourceMappingURL=icon-button.mjs.map

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

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

package/dist/components/label.css

@@ -0,0 +1,65 @@
+/* vanilla-extract-css-ns:src/theme/recipes/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsUmVjaXBlX18xYXRpMm93MCB7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7CiAgY3Vyc29yOiBkZWZhdWx0Owp9 */
+.label_labelRecipe__1ati2ow0 {
+  display: inline-block;
+  vertical-align: middle;
+  cursor: default;
+}
+
+/* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA= */
+.text_textRecipe__1y7s4vx0 {
+  line-height: 1;
+  margin: 0;
+  font-weight: var(--fontWeights-regular__19nbe8d2fm);
+  font-variant-numeric: tabular-nums;
+  display: block;
+  font-family: var(--fonts-text__19nbe8d2fh);
+}
+.text_textRecipe_color_primary__1y7s4vx1 {
+  color: var(--semanticColors-primary-primary9__19nbe8d2cq);
+}
+.text_textRecipe_color_secondary__1y7s4vx2 {
+  color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
+}
+.text_textRecipe_color_error__1y7s4vx3 {
+  color: var(--semanticColors-error-error9__19nbe8d2e2);
+}
+.text_textRecipe_color_subtle__1y7s4vx4 {
+  color: var(--semanticColors-textSubtle__19nbe8d2fc);
+}
+.text_textRecipe_size_1__1y7s4vx5 {
+  font-size: var(--fontSizes-1__19nbe8d9);
+}
+.text_textRecipe_size_2__1y7s4vx6 {
+  font-size: var(--fontSizes-2__19nbe8da);
+}
+.text_textRecipe_size_3__1y7s4vx7 {
+  font-size: var(--fontSizes-3__19nbe8db);
+}
+.text_textRecipe_size_4__1y7s4vx8 {
+  font-size: var(--fontSizes-4__19nbe8dc);
+}
+.text_textRecipe_size_5__1y7s4vx9 {
+  font-size: var(--fontSizes-5__19nbe8dd);
+}
+.text_textRecipe_size_6__1y7s4vxa {
+  font-size: var(--fontSizes-6__19nbe8de);
+}
+.text_textRecipe_size_7__1y7s4vxb {
+  font-size: var(--fontSizes-7__19nbe8df);
+}
+.text_textRecipe_size_8__1y7s4vxc {
+  font-size: var(--fontSizes-8__19nbe8dg);
+}
+.text_textRecipe_size_9__1y7s4vxd {
+  font-size: var(--fontSizes-9__19nbe8dh);
+}
+.text_textRecipe_weight_regular__1y7s4vxe {
+  font-weight: var(--fontWeights-regular__19nbe8d2fm);
+}
+.text_textRecipe_weight_medium__1y7s4vxf {
+  font-weight: var(--fontWeights-medium__19nbe8d2fn);
+}
+.text_textRecipe_weight_bold__1y7s4vxg {
+  font-weight: var(--fontWeights-bold__19nbe8d2fo);
+}
+/*# sourceMappingURL=label.css.map */

package/dist/components/label.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsUmVjaXBlX18xYXRpMm93MCB7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7CiAgY3Vyc29yOiBkZWZhdWx0Owp9","vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA="],"sourcesContent":[".label_labelRecipe__1ati2ow0 {\n  display: inline-block;\n  vertical-align: middle;\n  cursor: default;\n}",".text_textRecipe__1y7s4vx0 {\n  line-height: 1;\n  margin: 0;\n  font-weight: var(--fontWeights-regular__19nbe8d2fm);\n  font-variant-numeric: tabular-nums;\n  display: block;\n  font-family: var(--fonts-text__19nbe8d2fh);\n}\n.text_textRecipe_color_primary__1y7s4vx1 {\n  color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.text_textRecipe_color_secondary__1y7s4vx2 {\n  color: var(--semanticColors-secondary-secondary9__19nbe8d2de);\n}\n.text_textRecipe_color_error__1y7s4vx3 {\n  color: var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.text_textRecipe_color_subtle__1y7s4vx4 {\n  color: var(--semanticColors-textSubtle__19nbe8d2fc);\n}\n.text_textRecipe_size_1__1y7s4vx5 {\n  font-size: var(--fontSizes-1__19nbe8d9);\n}\n.text_textRecipe_size_2__1y7s4vx6 {\n  font-size: var(--fontSizes-2__19nbe8da);\n}\n.text_textRecipe_size_3__1y7s4vx7 {\n  font-size: var(--fontSizes-3__19nbe8db);\n}\n.text_textRecipe_size_4__1y7s4vx8 {\n  font-size: var(--fontSizes-4__19nbe8dc);\n}\n.text_textRecipe_size_5__1y7s4vx9 {\n  font-size: var(--fontSizes-5__19nbe8dd);\n}\n.text_textRecipe_size_6__1y7s4vxa {\n  font-size: var(--fontSizes-6__19nbe8de);\n}\n.text_textRecipe_size_7__1y7s4vxb {\n  font-size: var(--fontSizes-7__19nbe8df);\n}\n.text_textRecipe_size_8__1y7s4vxc {\n  font-size: var(--fontSizes-8__19nbe8dg);\n}\n.text_textRecipe_size_9__1y7s4vxd {\n  font-size: var(--fontSizes-9__19nbe8dh);\n}\n.text_textRecipe_weight_regular__1y7s4vxe {\n  font-weight: var(--fontWeights-regular__19nbe8d2fm);\n}\n.text_textRecipe_weight_medium__1y7s4vxf {\n  font-weight: var(--fontWeights-medium__19nbe8d2fn);\n}\n.text_textRecipe_weight_bold__1y7s4vxg {\n  font-weight: var(--fontWeights-bold__19nbe8d2fo);\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,UAAQ;AACV;;;ACJA,CAAC;AACC,eAAa;AACb,UAAQ;AACR,eAAa,IAAI;AACjB,wBAAsB;AACtB,WAAS;AACT,eAAa,IAAI;AACnB;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;","names":[]}

package/dist/components/label.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { T as TextVariants } from '../text.css-onESqiq6.mjs';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import '@vanilla-extract/recipes';
+
+type LabelSizeVariants = "1" | "2";
+type LabelProps = LabelPrimitive.LabelProps & Omit<TextVariants, "size"> & {
+    size?: LabelSizeVariants;
+};
+declare const Label: ({ color, size, weight, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+export { Label };

package/dist/components/label.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { T as TextVariants } from '../text.css-onESqiq6.js';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import '@vanilla-extract/recipes';
+
+type LabelSizeVariants = "1" | "2";
+type LabelProps = LabelPrimitive.LabelProps & Omit<TextVariants, "size"> & {
+    size?: LabelSizeVariants;
+};
+declare const Label: ({ color, size, weight, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+export { Label };

package/dist/components/label.js

@@ -0,0 +1,83 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/label.tsx
+var label_exports = {};
+__export(label_exports, {
+  Label: () => Label
+});
+module.exports = __toCommonJS(label_exports);
+
+// src/theme/recipes/label.css.ts
+var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var labelRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "label_labelRecipe__1ati2ow0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+
+// src/theme/recipes/text.css.ts
+var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
+var textRecipe = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "text_textRecipe__1y7s4vx0", variantClassNames: { color: { primary: "text_textRecipe_color_primary__1y7s4vx1", secondary: "text_textRecipe_color_secondary__1y7s4vx2", error: "text_textRecipe_color_error__1y7s4vx3", subtle: "text_textRecipe_color_subtle__1y7s4vx4" }, size: { "1": "text_textRecipe_size_1__1y7s4vx5", "2": "text_textRecipe_size_2__1y7s4vx6", "3": "text_textRecipe_size_3__1y7s4vx7", "4": "text_textRecipe_size_4__1y7s4vx8", "5": "text_textRecipe_size_5__1y7s4vx9", "6": "text_textRecipe_size_6__1y7s4vxa", "7": "text_textRecipe_size_7__1y7s4vxb", "8": "text_textRecipe_size_8__1y7s4vxc", "9": "text_textRecipe_size_9__1y7s4vxd" }, weight: { regular: "text_textRecipe_weight_regular__1y7s4vxe", medium: "text_textRecipe_weight_medium__1y7s4vxf", bold: "text_textRecipe_weight_bold__1y7s4vxg" } }, defaultVariants: { size: "3" }, 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/label.tsx
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var textSize = {
+  1: "3",
+  2: "4"
+};
+var Label = ({ color, size = "1", weight, ...props }) => {
+  console.log(textSize, textSize[size], size);
+  const text = textRecipe({ color, size: textSize[size], weight });
+  const label = labelRecipe(pick(props, ...labelRecipe.variants()));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    LabelPrimitive.Root,
+    {
+      ...props,
+      className: mergeClasses(text, label, props.className),
+      children: props.children
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Label
+});
+//# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/label.tsx","../../src/theme/recipes/label.css.ts","../../src/theme/recipes/text.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { labelRecipe } from \"@/theme/recipes/label.css\";\nimport { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\ntype LabelSizeVariants = \"1\" | \"2\";\n\ntype LabelProps = LabelPrimitive.LabelProps &\n  Omit<TextVariants, \"size\"> & {\n    size?: LabelSizeVariants;\n  };\n\nconst textSize: Record<LabelSizeVariants, TextVariants[\"size\"]> = {\n  1: \"3\",\n  2: \"4\",\n};\n\nexport const Label = ({ color, size = \"1\", weight, ...props }: LabelProps) => {\n  console.log(textSize, textSize[size], size);\n  const text = textRecipe({ color, size: textSize[size], weight });\n  const label = labelRecipe(pick(props, ...labelRecipe.variants()));\n\n  return (\n    <LabelPrimitive.Root\n      {...props}\n      className={mergeClasses(text, label, props.className)}\n    >\n      {props.children}\n    </LabelPrimitive.Root>\n  );\n};\n","import 'src/theme/recipes/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsUmVjaXBlX18xYXRpMm93MCB7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7CiAgY3Vyc29yOiBkZWZhdWx0Owp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var labelRecipe = _7a468({defaultClassName:'label_labelRecipe__1ati2ow0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});","import 'src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textRecipe = _7a468({defaultClassName:'text_textRecipe__1y7s4vx0',variantClassNames:{color:{primary:'text_textRecipe_color_primary__1y7s4vx1',secondary:'text_textRecipe_color_secondary__1y7s4vx2',error:'text_textRecipe_color_error__1y7s4vx3',subtle:'text_textRecipe_color_subtle__1y7s4vx4'},size:{'1':'text_textRecipe_size_1__1y7s4vx5','2':'text_textRecipe_size_2__1y7s4vx6','3':'text_textRecipe_size_3__1y7s4vx7','4':'text_textRecipe_size_4__1y7s4vx8','5':'text_textRecipe_size_5__1y7s4vx9','6':'text_textRecipe_size_6__1y7s4vxa','7':'text_textRecipe_size_7__1y7s4vxb','8':'text_textRecipe_size_8__1y7s4vxc','9':'text_textRecipe_size_9__1y7s4vxd'},weight:{regular:'text_textRecipe_weight_regular__1y7s4vxe',medium:'text_textRecipe_weight_medium__1y7s4vxf',bold:'text_textRecipe_weight_bold__1y7s4vxg'}},defaultVariants:{size:'3'},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,+BAA8B,mBAAkB,CAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACD5I,IAAAC,0BAA0C;AACnC,IAAI,iBAAa,wBAAAC,iBAAO,EAAC,kBAAiB,6BAA4B,mBAAkB,EAAC,OAAM,EAAC,SAAQ,2CAA0C,WAAU,6CAA4C,OAAM,yCAAwC,QAAO,yCAAwC,GAAE,MAAK,EAAC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,mCAAkC,GAAE,QAAO,EAAC,SAAQ,4CAA2C,QAAO,2CAA0C,MAAK,wCAAuC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFv1B,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;;;AJPA,qBAAgC;AAoB5B;AAXJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,UAAQ,IAAI,UAAU,SAAS,IAAI,GAAG,IAAI;AAC1C,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAC/D,QAAM,QAAQ,YAAY,KAAK,OAAO,GAAG,YAAY,SAAS,CAAC,CAAC;AAEhE,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":["_7a468","import_createRuntimeFn","_7a468"]}

package/dist/components/label.mjs

@@ -0,0 +1,38 @@
+import {
+  labelRecipe
+} from "../chunk-LWL4262W.mjs";
+import {
+  textRecipe
+} from "../chunk-IPBDMBQP.mjs";
+import {
+  pick
+} from "../chunk-4N6P3Y54.mjs";
+import {
+  mergeClasses
+} from "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
+
+// src/components/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx } from "react/jsx-runtime";
+var textSize = {
+  1: "3",
+  2: "4"
+};
+var Label = ({ color, size = "1", weight, ...props }) => {
+  console.log(textSize, textSize[size], size);
+  const text = textRecipe({ color, size: textSize[size], weight });
+  const label = labelRecipe(pick(props, ...labelRecipe.variants()));
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    {
+      ...props,
+      className: mergeClasses(text, label, props.className),
+      children: props.children
+    }
+  );
+};
+export {
+  Label
+};
+//# sourceMappingURL=label.mjs.map

package/dist/components/label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/label.tsx"],"sourcesContent":["import { labelRecipe } from \"@/theme/recipes/label.css\";\nimport { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\ntype LabelSizeVariants = \"1\" | \"2\";\n\ntype LabelProps = LabelPrimitive.LabelProps &\n  Omit<TextVariants, \"size\"> & {\n    size?: LabelSizeVariants;\n  };\n\nconst textSize: Record<LabelSizeVariants, TextVariants[\"size\"]> = {\n  1: \"3\",\n  2: \"4\",\n};\n\nexport const Label = ({ color, size = \"1\", weight, ...props }: LabelProps) => {\n  console.log(textSize, textSize[size], size);\n  const text = textRecipe({ color, size: textSize[size], weight });\n  const label = labelRecipe(pick(props, ...labelRecipe.variants()));\n\n  return (\n    <LabelPrimitive.Root\n      {...props}\n      className={mergeClasses(text, label, props.className)}\n    >\n      {props.children}\n    </LabelPrimitive.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAIA,YAAY,oBAAoB;AAoB5B;AAXJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,UAAQ,IAAI,UAAU,SAAS,IAAI,GAAG,IAAI;AAC1C,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAC/D,QAAM,QAAQ,YAAY,KAAK,OAAO,GAAG,YAAY,SAAS,CAAC,CAAC;AAEhE,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}

package/dist/components/link.css

@@ -0,0 +1,40 @@
+/* vanilla-extract-css-ns:src/theme/recipes/link.css.ts.vanilla.css?source=#H4sIAAAAAAAACp2STW6DMBCF9zmFl4lUR4RUVUOXvUF7AGTMgEdxbGKb/LTK3Ss7QKkKpKmQjPWYefP54aVEtU398gYcK0jT/ZMt9h8R+ZwRwiSWiqKDnU0IB+XAvMwIKVmVkAMzc0ptxTjQVZquNiqD5zxa+IJCwolaYVBtExJ5RddOooKEKK3ACw5OjubAtWEOtaIDX2uVg/E61UVhwSVkXZ2GermW2iQElQCDzlfQI2RbdNSxigoshcRSuLbOlBmbRw/hCbhhhgBf88Plty+vjfVSpfEaxmW2HEswKTSvbcixOX13jvh6jla27iwhIVZLzPv6EXMnuuqpxKYwhD6ACRjDDl3MgzYhg7QyuGPm3Jqugl0TT3MRYMeUQ/7qRUubhva96S5IzPeLiX/4H7NRagtcq7zHHd/k7lq+d71xOdzN/gfDUX4wRpuWfX2TPZRf194IiO9mnjAaz7rOnOxu3eNNWM/z3vS0Ewp+N+qozeUL5NB1ldoEAAA= */
+.link_linkRecipe__q6sfqz0 {
+  align-items: center;
+  gap: var(--space-1__19nbe8d0);
+  flex-shrink: 0;
+  outline: none;
+  text-decoration-line: none;
+  text-underline-offset: 3px;
+  text-decoration-color: inherit;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  line-height: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+.link_linkRecipe__q6sfqz0:focus {
+  outline-offset: 2px;
+  outline-style: solid;
+  outline-width: 2px;
+  text-decoration-line: none;
+}
+.link_linkRecipe__q6sfqz0:hover {
+  text-decoration-line: underline;
+}
+.link_linkRecipe_color_primary__q6sfqz1 {
+  color: var(--semanticColors-primary-primary9__19nbe8d2cq);
+  text-decoration-color: var(--semanticColors-primary-primary9__19nbe8d2cq);
+}
+.link_linkRecipe_color_secondary__q6sfqz2 {
+  color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
+  text-decoration-color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
+}
+.link_linkRecipe_color_error__q6sfqz3 {
+  color: var(--semanticColors-error-error9__19nbe8d2e2);
+  text-decoration-color: var(--semanticColors-error-error9__19nbe8d2e2);
+}
+.link_linkRecipe_color_subtle__q6sfqz4 {
+  color: var(--semanticColors-textSubtle__19nbe8d2fc);
+  text-decoration-color: var(--semanticColors-textSubtle__19nbe8d2fc);
+}
+/*# sourceMappingURL=link.css.map */

package/dist/components/link.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/link.css.ts.vanilla.css?source=#H4sIAAAAAAAACp2STW6DMBCF9zmFl4lUR4RUVUOXvUF7AGTMgEdxbGKb/LTK3Ss7QKkKpKmQjPWYefP54aVEtU398gYcK0jT/ZMt9h8R+ZwRwiSWiqKDnU0IB+XAvMwIKVmVkAMzc0ptxTjQVZquNiqD5zxa+IJCwolaYVBtExJ5RddOooKEKK3ACw5OjubAtWEOtaIDX2uVg/E61UVhwSVkXZ2GermW2iQElQCDzlfQI2RbdNSxigoshcRSuLbOlBmbRw/hCbhhhgBf88Plty+vjfVSpfEaxmW2HEswKTSvbcixOX13jvh6jla27iwhIVZLzPv6EXMnuuqpxKYwhD6ACRjDDl3MgzYhg7QyuGPm3Jqugl0TT3MRYMeUQ/7qRUubhva96S5IzPeLiX/4H7NRagtcq7zHHd/k7lq+d71xOdzN/gfDUX4wRpuWfX2TPZRf194IiO9mnjAaz7rOnOxu3eNNWM/z3vS0Ewp+N+qozeUL5NB1ldoEAAA="],"sourcesContent":[".link_linkRecipe__q6sfqz0 {\n  align-items: center;\n  gap: var(--space-1__19nbe8d0);\n  flex-shrink: 0;\n  outline: none;\n  text-decoration-line: none;\n  text-underline-offset: 3px;\n  text-decoration-color: inherit;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  line-height: inherit;\n  color: inherit;\n  cursor: pointer;\n}\n.link_linkRecipe__q6sfqz0:focus {\n  outline-offset: 2px;\n  outline-style: solid;\n  outline-width: 2px;\n  text-decoration-line: none;\n}\n.link_linkRecipe__q6sfqz0:hover {\n  text-decoration-line: underline;\n}\n.link_linkRecipe_color_primary__q6sfqz1 {\n  color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n  text-decoration-color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.link_linkRecipe_color_secondary__q6sfqz2 {\n  color: var(--semanticColors-secondary-secondary9__19nbe8d2de);\n  text-decoration-color: var(--semanticColors-secondary-secondary9__19nbe8d2de);\n}\n.link_linkRecipe_color_error__q6sfqz3 {\n  color: var(--semanticColors-error-error9__19nbe8d2e2);\n  text-decoration-color: var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.link_linkRecipe_color_subtle__q6sfqz4 {\n  color: var(--semanticColors-textSubtle__19nbe8d2fc);\n  text-decoration-color: var(--semanticColors-textSubtle__19nbe8d2fc);\n}"],"mappings":";AAAA,CAAC;AACC,eAAa;AACb,OAAK,IAAI;AACT,eAAa;AACb,WAAS;AACT,wBAAsB;AACtB,yBAAuB;AACvB,yBAAuB;AACvB,+BAA6B,KAAK,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC;AACxC,eAAa;AACb,SAAO;AACP,UAAQ;AACV;AACA,CAbC,wBAawB;AACvB,kBAAgB;AAChB,iBAAe;AACf,iBAAe;AACf,wBAAsB;AACxB;AACA,CAnBC,wBAmBwB;AACvB,wBAAsB;AACxB;AACA,CAAC;AACC,SAAO,IAAI;AACX,yBAAuB,IAAI;AAC7B;AACA,CAAC;AACC,SAAO,IAAI;AACX,yBAAuB,IAAI;AAC7B;AACA,CAAC;AACC,SAAO,IAAI;AACX,yBAAuB,IAAI;AAC7B;AACA,CAAC;AACC,SAAO,IAAI;AACX,yBAAuB,IAAI;AAC7B;","names":[]}

package/dist/components/link.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { L as LinkVariants } from '../link.css-J250gDi8.mjs';
+import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "a";
+type LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;
+declare const Link: ({ asChild, ...props }: LinkProps) => react_jsx_runtime.JSX.Element;
+
+export { Link };

package/dist/components/link.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { L as LinkVariants } from '../link.css-J250gDi8.js';
+import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "a";
+type LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;
+declare const Link: ({ asChild, ...props }: LinkProps) => react_jsx_runtime.JSX.Element;
+
+export { Link };