@nayhoo/ui 0.8.0 → 0.9.1

package/dist/components/dropdown-menu.mjs

@@ -1,12 +1,12 @@
 import {
-  menuItemRecipe,
-  menuLabelRecipe,
-  menuRecipe,
-  menuSeparatorRecipe
-} from "../chunk-3RLW7QB4.mjs";
+  menu,
+  menuItem,
+  menuLabel,
+  menuSeparator
+} from "../chunk-KL3725C5.mjs";
 import {
-  panelRecipe
-} from "../chunk-KQPNQST6.mjs";
+  panel
+} from "../chunk-67K3UKEB.mjs";
 import {
   Flex
 } from "../chunk-52RVZRC4.mjs";
@@ -16,12 +16,10 @@ import {
 } from "../chunk-OETJQIMJ.mjs";
 import {
   Box
-} from "../chunk-XALDYHCC.mjs";
-import "../chunk-ZJDUO7Y6.mjs";
-import "../chunk-JWHPBA5J.mjs";
-import {
-  pick
-} from "../chunk-4N6P3Y54.mjs";
+} from "../chunk-WPNBONR3.mjs";
+import "../chunk-OI24WXH6.mjs";
+import "../chunk-R6MZB2ED.mjs";
+import "../chunk-4N6P3Y54.mjs";
 import {
   mergeClasses
 } from "../chunk-7EGQM3ZL.mjs";
@@ -34,8 +32,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuContent = ({ ...props }) => {
-  const menu = menuRecipe(pick(props, ...menuRecipe.variants()));
-  const panel = panelRecipe(pick(props, ...panelRecipe.variants()));
   return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     {
@@ -45,8 +41,6 @@ var DropdownMenuContent = ({ ...props }) => {
   ) });
 };
 var DropdownMenuItem = ({ ...props }) => {
-  const variants = pick(props, ...menuItemRecipe.variants());
-  const menuItem = menuItemRecipe(variants);
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Item,
     {
@@ -58,8 +52,6 @@ var DropdownMenuItem = ({ ...props }) => {
 };
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuLabel = ({ ...props }) => {
-  const variants = pick(props, ...menuLabelRecipe.variants());
-  const menuLabel = menuLabelRecipe(variants);
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Label,
     {
@@ -72,8 +64,6 @@ var DropdownMenuLabel = ({ ...props }) => {
 var DropdownMenuSeparator = ({
   ...props
 }) => {
-  const variants = pick(props, ...menuSeparatorRecipe.variants());
-  const menuSeparator = menuSeparatorRecipe(variants);
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Separator,
     {
@@ -86,8 +76,6 @@ var DropdownMenuSeparator = ({
 var DropdownMenuCheckboxItem = ({
   ...props
 }) => {
-  const variants = pick(props, ...menuItemRecipe.variants());
-  const menuItem = menuItemRecipe(variants);
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.CheckboxItem,
     {
@@ -105,8 +93,6 @@ var DropdownMenuRadioItem = ({
   children,
   ...props
 }) => {
-  const variants = pick(props, ...menuItemRecipe.variants());
-  const menuItem = menuItemRecipe(variants);
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.RadioItem,
     {

package/dist/components/dropdown-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport {\n  MenuItemVariants,\n  MenuLabelVariants,\n  MenuSeparatorVariants,\n  MenuVariants,\n  menuItemRecipe,\n  menuLabelRecipe,\n  menuRecipe,\n  menuSeparatorRecipe,\n} from \"@/theme/recipes/menu.css\";\nimport { PanelVariants, panelRecipe } from \"@/theme/recipes/panel.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\ntype DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps &\n  MenuVariants &\n  PanelVariants;\n\nexport const DropdownMenuContent = ({ ...props }: DropdownMenuContentProps) => {\n  const menu = menuRecipe(pick(props, ...menuRecipe.variants()));\n  const panel = panelRecipe(pick(props, ...panelRecipe.variants()));\n\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        {...props}\n        className={mergeClasses(menu, panel, props.className)}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n};\n\ntype DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps &\n  MenuItemVariants;\n\nexport const DropdownMenuItem = ({ ...props }: DropdownMenuItemProps) => {\n  const variants = pick(props, ...menuItemRecipe.variants());\n  const menuItem = menuItemRecipe(variants);\n\n  return (\n    <DropdownMenuPrimitive.Item\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Item>\n  );\n};\n\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\ntype DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps &\n  MenuLabelVariants;\n\nexport const DropdownMenuLabel = ({ ...props }: DropdownMenuLabelProps) => {\n  const variants = pick(props, ...menuLabelRecipe.variants());\n  const menuLabel = menuLabelRecipe(variants);\n\n  return (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      className={mergeClasses(menuLabel, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Label>\n  );\n};\n\ntype DropdownMenuSeparatorProps =\n  DropdownMenuPrimitive.DropdownMenuSeparatorProps & MenuSeparatorVariants;\n\nexport const DropdownMenuSeparator = ({\n  ...props\n}: DropdownMenuSeparatorProps) => {\n  const variants = pick(props, ...menuSeparatorRecipe.variants());\n  const menuSeparator = menuSeparatorRecipe(variants);\n\n  return (\n    <DropdownMenuPrimitive.Separator\n      {...props}\n      className={mergeClasses(menuSeparator, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Separator>\n  );\n};\n\ntype DropdownMenuCheckboxItemProps =\n  DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & MenuItemVariants;\n\nexport const DropdownMenuCheckboxItem = ({\n  ...props\n}: DropdownMenuCheckboxItemProps) => {\n  const variants = pick(props, ...menuItemRecipe.variants());\n  const menuItem = menuItemRecipe(variants);\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n        <span>\n          <DropdownMenuPrimitive.ItemIndicator>\n            <CheckIcon />\n          </DropdownMenuPrimitive.ItemIndicator>\n        </span>\n      </Box>\n      {props.children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n};\n\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\ntype DropdownMenuRadioItemProps =\n  DropdownMenuPrimitive.DropdownMenuRadioItemProps & MenuItemVariants;\n\nexport const DropdownMenuRadioItem = ({\n  children,\n  ...props\n}: DropdownMenuRadioItemProps) => {\n  const variants = pick(props, ...menuItemRecipe.variants());\n  const menuItem = menuItemRecipe(variants);\n\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n        <span>\n          <DropdownMenuPrimitive.ItemIndicator>\n            <Flex\n              style={{\n                width: theme.sizes[3],\n                height: theme.sizes[3],\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              }}\n            >\n              <Box\n                style={{\n                  width: theme.sizes[1],\n                  height: theme.sizes[1],\n                  backgroundColor: \"currentColor\",\n                  borderRadius: theme.radii.round,\n                }}\n              />\n            </Flex>\n          </DropdownMenuPrimitive.ItemIndicator>\n        </span>\n      </Box>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,YAAY,2BAA2B;AACvC,SAAS,iBAAiB;AAgBpB,cAyEF,YAzEE;AAdC,IAAM,eAAqC;AAE3C,IAAM,sBAA4C;AAMlD,IAAM,sBAAsB,CAAC,EAAE,GAAG,MAAM,MAAgC;AAC7E,QAAM,OAAO,WAAW,KAAK,OAAO,GAAG,WAAW,SAAS,CAAC,CAAC;AAC7D,QAAM,QAAQ,YAAY,KAAK,OAAO,GAAG,YAAY,SAAS,CAAC,CAAC;AAEhE,SACE,oBAAuB,8BAAtB,EACC;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA,EACtD,GACF;AAEJ;AAKO,IAAM,mBAAmB,CAAC,EAAE,GAAG,MAAM,MAA6B;AACvE,QAAM,WAAW,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC;AACzD,QAAM,WAAW,eAAe,QAAQ;AAExC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEhD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,oBAA0C;AAKhD,IAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAA8B;AACzE,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAE1C,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,wBAAwB,CAAC;AAAA,EACpC,GAAG;AACL,MAAkC;AAChC,QAAM,WAAW,KAAK,OAAO,GAAG,oBAAoB,SAAS,CAAC;AAC9D,QAAM,gBAAgB,oBAAoB,QAAQ;AAElD,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,eAAe,MAAM,SAAS;AAAA,MAErD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,2BAA2B,CAAC;AAAA,EACvC,GAAG;AACL,MAAqC;AACnC,QAAM,WAAW,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC;AACzD,QAAM,WAAW,eAAe,QAAQ;AAExC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAuB,qCAAtB,EACC,8BAAC,aAAU,GACb,GACF,GACF;AAAA,QACC,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,yBAA+C;AAKrD,IAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA,GAAG;AACL,MAAkC;AAChC,QAAM,WAAW,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC;AACzD,QAAM,WAAW,eAAe,QAAQ;AAExC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAuB,qCAAtB,EACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,MAAM,MAAM,CAAC;AAAA,cACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,cACrB,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAClB;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,OAAO,MAAM,MAAM,CAAC;AAAA,kBACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,kBACrB,iBAAiB;AAAA,kBACjB,cAAc,MAAM,MAAM;AAAA,gBAC5B;AAAA;AAAA,YACF;AAAA;AAAA,QACF,GACF,GACF,GACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport {\n  menu,\n  menuItem,\n  menuLabel,\n  menuSeparator,\n} from \"@/theme/styles/menu.css\";\nimport { panel } from \"@/theme/styles/panel.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\n\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\ntype DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps;\n\nexport const DropdownMenuContent = ({ ...props }: DropdownMenuContentProps) => {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        {...props}\n        className={mergeClasses(menu, panel, props.className)}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n};\n\ntype DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps;\n\nexport const DropdownMenuItem = ({ ...props }: DropdownMenuItemProps) => {\n  return (\n    <DropdownMenuPrimitive.Item\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Item>\n  );\n};\n\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\ntype DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps;\n\nexport const DropdownMenuLabel = ({ ...props }: DropdownMenuLabelProps) => {\n  return (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      className={mergeClasses(menuLabel, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Label>\n  );\n};\n\ntype DropdownMenuSeparatorProps =\n  DropdownMenuPrimitive.DropdownMenuSeparatorProps;\n\nexport const DropdownMenuSeparator = ({\n  ...props\n}: DropdownMenuSeparatorProps) => {\n  return (\n    <DropdownMenuPrimitive.Separator\n      {...props}\n      className={mergeClasses(menuSeparator, props.className)}\n    >\n      {props.children}\n    </DropdownMenuPrimitive.Separator>\n  );\n};\n\ntype DropdownMenuCheckboxItemProps =\n  DropdownMenuPrimitive.DropdownMenuCheckboxItemProps;\n\nexport const DropdownMenuCheckboxItem = ({\n  ...props\n}: DropdownMenuCheckboxItemProps) => {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n        <span>\n          <DropdownMenuPrimitive.ItemIndicator>\n            <CheckIcon />\n          </DropdownMenuPrimitive.ItemIndicator>\n        </span>\n      </Box>\n      {props.children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n};\n\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\ntype DropdownMenuRadioItemProps =\n  DropdownMenuPrimitive.DropdownMenuRadioItemProps;\n\nexport const DropdownMenuRadioItem = ({\n  children,\n  ...props\n}: DropdownMenuRadioItemProps) => {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...props}\n      className={mergeClasses(menuItem, props.className)}\n    >\n      <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n        <span>\n          <DropdownMenuPrimitive.ItemIndicator>\n            <Flex\n              style={{\n                width: theme.sizes[3],\n                height: theme.sizes[3],\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              }}\n            >\n              <Box\n                style={{\n                  width: theme.sizes[1],\n                  height: theme.sizes[1],\n                  backgroundColor: \"currentColor\",\n                  borderRadius: theme.radii.round,\n                }}\n              />\n            </Flex>\n          </DropdownMenuPrimitive.ItemIndicator>\n        </span>\n      </Box>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAY,2BAA2B;AACvC,SAAS,iBAAiB;AAWpB,cA2DF,YA3DE;AATC,IAAM,eAAqC;AAE3C,IAAM,sBAA4C;AAIlD,IAAM,sBAAsB,CAAC,EAAE,GAAG,MAAM,MAAgC;AAC7E,SACE,oBAAuB,8BAAtB,EACC;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA,EACtD,GACF;AAEJ;AAIO,IAAM,mBAAmB,CAAC,EAAE,GAAG,MAAM,MAA6B;AACvE,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEhD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,oBAA0C;AAIhD,IAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAA8B;AACzE,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,wBAAwB,CAAC;AAAA,EACpC,GAAG;AACL,MAAkC;AAChC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,eAAe,MAAM,SAAS;AAAA,MAErD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAKO,IAAM,2BAA2B,CAAC;AAAA,EACvC,GAAG;AACL,MAAqC;AACnC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAuB,qCAAtB,EACC,8BAAC,aAAU,GACb,GACF,GACF;AAAA,QACC,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,yBAA+C;AAKrD,IAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA,GAAG;AACL,MAAkC;AAChC,SACE;AAAA,IAAuB;AAAA,IAAtB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAuB,qCAAtB,EACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,MAAM,MAAM,CAAC;AAAA,cACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,cACrB,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAClB;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,OAAO,MAAM,MAAM,CAAC;AAAA,kBACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,kBACrB,iBAAiB;AAAA,kBACjB,cAAc,MAAM,MAAM;AAAA,gBAC5B;AAAA;AAAA,YACF;AAAA;AAAA,QACF,GACF,GACF,GACF;AAAA,QACC;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/flex.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { F as FlexVariants } from '../flex.css-CMy65zXP.mjs';
-import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
+import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 
 declare const defaultElement = "div";

package/dist/components/flex.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { F as FlexVariants } from '../flex.css-CMy65zXP.js';
-import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
+import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 
 declare const defaultElement = "div";

package/dist/components/form.css

@@ -1,19 +1,21 @@
-/* vanilla-extract-css-ns:src/theme/recipes/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybUZpZWxkUmVjaXBlX194OHkxM3IwIHsKICBkaXNwbGF5OiBncmlkOwogIG1hcmdpbi1ib3R0b206IHZhcigtLXNwYWNlLTJfXzE5bmJlOGQxKTsKfQouZm9ybV9mb3JtTGFiZWxSZWNpcGVfX3g4eTEzcjEgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy10ZXh0U3VidGxlX18xOW5iZThkMmZjKTsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0zX18xOW5iZThkYik7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnRXZWlnaHRzLW1lZGl1bV9fMTluYmU4ZDJmbik7CiAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmVIZWlnaHRzLTZfXzE5bmJlOGQyZnUpOwp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX194OHkxM3IyIHsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0yX18xOW5iZThkYSk7CiAgb3BhY2l0eTogMC44Owp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX2Vycm9yX3RydWVfX3g4eTEzcjMgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1lcnJvci1lcnJvcjlfXzE5bmJlOGQyZTIpOwp9 */
-.form_formFieldRecipe__x8y13r0 {
+/* vanilla-extract-css-ns:src/theme/recipes/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybU1lc3NhZ2VSZWNpcGVfX3g4eTEzcjAgewogIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemVzLTJfXzE5bmJlOGRhKTsKICBvcGFjaXR5OiAwLjg7Cn0KLmZvcm1fZm9ybU1lc3NhZ2VSZWNpcGVfZXJyb3JfdHJ1ZV9feDh5MTNyMSB7CiAgY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLWVycm9yLWVycm9yOV9fMTluYmU4ZDJlMik7Cn0= */
+.form_formMessageRecipe__x8y13r0 {
+  font-size: var(--fontSizes-2__19nbe8da);
+  opacity: 0.8;
+}
+.form_formMessageRecipe_error_true__x8y13r1 {
+  color: var(--semanticColors-error-error9__19nbe8d2e2);
+}
+
+/* vanilla-extract-css-ns:src/theme/styles/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybUZpZWxkX18xOWduY2swMCB7CiAgZGlzcGxheTogZ3JpZDsKICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zcGFjZS0yX18xOW5iZThkMSk7Cn0KLmZvcm1fZm9ybUxhYmVsX18xOWduY2swMSB7CiAgY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLXRleHRTdWJ0bGVfXzE5bmJlOGQyZmMpOwogIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemVzLTNfXzE5bmJlOGRiKTsKICBmb250LXdlaWdodDogdmFyKC0tZm9udFdlaWdodHMtbWVkaXVtX18xOW5iZThkMmZuKTsKICBsaW5lLWhlaWdodDogdmFyKC0tbGluZUhlaWdodHMtNl9fMTluYmU4ZDJmdSk7Cn0= */
+.form_formField__19gnck00 {
   display: grid;
   margin-bottom: var(--space-2__19nbe8d1);
 }
-.form_formLabelRecipe__x8y13r1 {
+.form_formLabel__19gnck01 {
   color: var(--semanticColors-textSubtle__19nbe8d2fc);
   font-size: var(--fontSizes-3__19nbe8db);
   font-weight: var(--fontWeights-medium__19nbe8d2fn);
   line-height: var(--lineHeights-6__19nbe8d2fu);
 }
-.form_formMessageRecipe__x8y13r2 {
-  font-size: var(--fontSizes-2__19nbe8da);
-  opacity: 0.8;
-}
-.form_formMessageRecipe_error_true__x8y13r3 {
-  color: var(--semanticColors-error-error9__19nbe8d2e2);
-}
 /*# sourceMappingURL=form.css.map */

package/dist/components/form.css.map

@@ -1 +1 @@
-{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybUZpZWxkUmVjaXBlX194OHkxM3IwIHsKICBkaXNwbGF5OiBncmlkOwogIG1hcmdpbi1ib3R0b206IHZhcigtLXNwYWNlLTJfXzE5bmJlOGQxKTsKfQouZm9ybV9mb3JtTGFiZWxSZWNpcGVfX3g4eTEzcjEgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy10ZXh0U3VidGxlX18xOW5iZThkMmZjKTsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0zX18xOW5iZThkYik7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnRXZWlnaHRzLW1lZGl1bV9fMTluYmU4ZDJmbik7CiAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmVIZWlnaHRzLTZfXzE5bmJlOGQyZnUpOwp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX194OHkxM3IyIHsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0yX18xOW5iZThkYSk7CiAgb3BhY2l0eTogMC44Owp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX2Vycm9yX3RydWVfX3g4eTEzcjMgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1lcnJvci1lcnJvcjlfXzE5bmJlOGQyZTIpOwp9"],"sourcesContent":[".form_formFieldRecipe__x8y13r0 {\n  display: grid;\n  margin-bottom: var(--space-2__19nbe8d1);\n}\n.form_formLabelRecipe__x8y13r1 {\n  color: var(--semanticColors-textSubtle__19nbe8d2fc);\n  font-size: var(--fontSizes-3__19nbe8db);\n  font-weight: var(--fontWeights-medium__19nbe8d2fn);\n  line-height: var(--lineHeights-6__19nbe8d2fu);\n}\n.form_formMessageRecipe__x8y13r2 {\n  font-size: var(--fontSizes-2__19nbe8da);\n  opacity: 0.8;\n}\n.form_formMessageRecipe_error_true__x8y13r3 {\n  color: var(--semanticColors-error-error9__19nbe8d2e2);\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO,IAAI;AACX,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AACA,CAAC;AACC,aAAW,IAAI;AACf,WAAS;AACX;AACA,CAAC;AACC,SAAO,IAAI;AACb;","names":[]}
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybU1lc3NhZ2VSZWNpcGVfX3g4eTEzcjAgewogIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemVzLTJfXzE5bmJlOGRhKTsKICBvcGFjaXR5OiAwLjg7Cn0KLmZvcm1fZm9ybU1lc3NhZ2VSZWNpcGVfZXJyb3JfdHJ1ZV9feDh5MTNyMSB7CiAgY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLWVycm9yLWVycm9yOV9fMTluYmU4ZDJlMik7Cn0=","vanilla-extract-css-ns:src/theme/styles/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybUZpZWxkX18xOWduY2swMCB7CiAgZGlzcGxheTogZ3JpZDsKICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zcGFjZS0yX18xOW5iZThkMSk7Cn0KLmZvcm1fZm9ybUxhYmVsX18xOWduY2swMSB7CiAgY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLXRleHRTdWJ0bGVfXzE5bmJlOGQyZmMpOwogIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemVzLTNfXzE5bmJlOGRiKTsKICBmb250LXdlaWdodDogdmFyKC0tZm9udFdlaWdodHMtbWVkaXVtX18xOW5iZThkMmZuKTsKICBsaW5lLWhlaWdodDogdmFyKC0tbGluZUhlaWdodHMtNl9fMTluYmU4ZDJmdSk7Cn0="],"sourcesContent":[".form_formMessageRecipe__x8y13r0 {\n  font-size: var(--fontSizes-2__19nbe8da);\n  opacity: 0.8;\n}\n.form_formMessageRecipe_error_true__x8y13r1 {\n  color: var(--semanticColors-error-error9__19nbe8d2e2);\n}",".form_formField__19gnck00 {\n  display: grid;\n  margin-bottom: var(--space-2__19nbe8d1);\n}\n.form_formLabel__19gnck01 {\n  color: var(--semanticColors-textSubtle__19nbe8d2fc);\n  font-size: var(--fontSizes-3__19nbe8db);\n  font-weight: var(--fontWeights-medium__19nbe8d2fn);\n  line-height: var(--lineHeights-6__19nbe8d2fu);\n}"],"mappings":";AAAA,CAAC;AACC,aAAW,IAAI;AACf,WAAS;AACX;AACA,CAAC;AACC,SAAO,IAAI;AACb;;;ACNA,CAAC;AACC,WAAS;AACT,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO,IAAI;AACX,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;","names":[]}

package/dist/components/form.d.mts

@@ -1,14 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { F as FormFieldVariants, a as FormLabelVariants, b as FormMessageVariants } from '../form.css-DJxDoc1T.mjs';
+import { F as FormMessageVariants } from '../form.css-QulER1wj.mjs';
 import * as FormPrimitive from '@radix-ui/react-form';
 import '@vanilla-extract/recipes';
 
 declare const Form: react.ForwardRefExoticComponent<FormPrimitive.FormProps & react.RefAttributes<HTMLFormElement>>;
 declare const FormControl: react.ForwardRefExoticComponent<FormPrimitive.FormControlProps & react.RefAttributes<HTMLInputElement>>;
-type FormFieldProps = FormPrimitive.FormFieldProps & FormFieldVariants;
+type FormFieldProps = FormPrimitive.FormFieldProps;
 declare const FormField: ({ ...props }: FormFieldProps) => react_jsx_runtime.JSX.Element;
-type FormLabelProps = FormPrimitive.FormLabelProps & FormLabelVariants;
+type FormLabelProps = FormPrimitive.FormLabelProps;
 declare const FormLabel: ({ ...props }: FormLabelProps) => react_jsx_runtime.JSX.Element;
 type FormMessageProps = FormPrimitive.FormMessageProps & FormMessageVariants;
 declare const FormMessage: ({ ...props }: FormMessageProps) => react_jsx_runtime.JSX.Element;

package/dist/components/form.d.ts

@@ -1,14 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { F as FormFieldVariants, a as FormLabelVariants, b as FormMessageVariants } from '../form.css-DJxDoc1T.js';
+import { F as FormMessageVariants } from '../form.css-QulER1wj.js';
 import * as FormPrimitive from '@radix-ui/react-form';
 import '@vanilla-extract/recipes';
 
 declare const Form: react.ForwardRefExoticComponent<FormPrimitive.FormProps & react.RefAttributes<HTMLFormElement>>;
 declare const FormControl: react.ForwardRefExoticComponent<FormPrimitive.FormControlProps & react.RefAttributes<HTMLInputElement>>;
-type FormFieldProps = FormPrimitive.FormFieldProps & FormFieldVariants;
+type FormFieldProps = FormPrimitive.FormFieldProps;
 declare const FormField: ({ ...props }: FormFieldProps) => react_jsx_runtime.JSX.Element;
-type FormLabelProps = FormPrimitive.FormLabelProps & FormLabelVariants;
+type FormLabelProps = FormPrimitive.FormLabelProps;
 declare const FormLabel: ({ ...props }: FormLabelProps) => react_jsx_runtime.JSX.Element;
 type FormMessageProps = FormPrimitive.FormMessageProps & FormMessageVariants;
 declare const FormMessage: ({ ...props }: FormMessageProps) => react_jsx_runtime.JSX.Element;

package/dist/components/form.js

@@ -41,9 +41,11 @@ module.exports = __toCommonJS(form_exports);
 
 // src/theme/recipes/form.css.ts
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var formFieldRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "form_formFieldRecipe__x8y13r0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var formLabelRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "form_formLabelRecipe__x8y13r1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var formMessageRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "form_formMessageRecipe__x8y13r2", variantClassNames: { error: { true: "form_formMessageRecipe_error_true__x8y13r3" } }, defaultVariants: {}, compoundVariants: [] });
+var formMessageRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "form_formMessageRecipe__x8y13r0", variantClassNames: { error: { true: "form_formMessageRecipe_error_true__x8y13r1" } }, defaultVariants: {}, compoundVariants: [] });
+
+// src/theme/styles/form.css.ts
+var formField = "form_formField__19gnck00";
+var formLabel = "form_formLabel__19gnck01";
 
 // src/utils/merge-classes.ts
 function mergeClasses(...classes) {
@@ -65,8 +67,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var Form = FormPrimitive.Root;
 var FormControl = FormPrimitive.Control;
 var FormField = ({ ...props }) => {
-  const variants = pick(props, ...formFieldRecipe.variants());
-  const formField = formFieldRecipe(variants);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     FormPrimitive.Field,
     {
@@ -77,8 +77,6 @@ var FormField = ({ ...props }) => {
   );
 };
 var FormLabel = ({ ...props }) => {
-  const variants = pick(props, ...formLabelRecipe.variants());
-  const formLabel = formLabelRecipe(variants);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     FormPrimitive.Label,
     {

package/dist/components/form.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/form.tsx","../../src/theme/recipes/form.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n  FormFieldVariants,\n  FormLabelVariants,\n  FormMessageVariants,\n  formFieldRecipe,\n  formLabelRecipe,\n  formMessageRecipe,\n} from \"@/theme/recipes/form.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as FormPrimitive from \"@radix-ui/react-form\";\n\nexport const Form = FormPrimitive.Root;\n\nexport const FormControl = FormPrimitive.Control;\n\ntype FormFieldProps = FormPrimitive.FormFieldProps & FormFieldVariants;\n\nexport const FormField = ({ ...props }: FormFieldProps) => {\n  const variants = pick(props, ...formFieldRecipe.variants());\n  const formField = formFieldRecipe(variants);\n\n  return (\n    <FormPrimitive.Field\n      {...props}\n      className={mergeClasses(formField, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Field>\n  );\n};\n\ntype FormLabelProps = FormPrimitive.FormLabelProps & FormLabelVariants;\n\nexport const FormLabel = ({ ...props }: FormLabelProps) => {\n  const variants = pick(props, ...formLabelRecipe.variants());\n  const formLabel = formLabelRecipe(variants);\n\n  return (\n    <FormPrimitive.Label\n      {...props}\n      className={mergeClasses(formLabel, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Label>\n  );\n};\n\ntype FormMessageProps = FormPrimitive.FormMessageProps & FormMessageVariants;\n\nexport const FormMessage = ({ ...props }: FormMessageProps) => {\n  const variants = pick(props, ...formMessageRecipe.variants());\n  const formMessage = formMessageRecipe(variants);\n\n  return (\n    <FormPrimitive.Message\n      {...props}\n      className={mergeClasses(formMessage, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Message>\n  );\n};\n\nexport const FormSubmit = FormPrimitive.Submit;\n","import 'src/theme/recipes/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybUZpZWxkUmVjaXBlX194OHkxM3IwIHsKICBkaXNwbGF5OiBncmlkOwogIG1hcmdpbi1ib3R0b206IHZhcigtLXNwYWNlLTJfXzE5bmJlOGQxKTsKfQouZm9ybV9mb3JtTGFiZWxSZWNpcGVfX3g4eTEzcjEgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy10ZXh0U3VidGxlX18xOW5iZThkMmZjKTsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0zX18xOW5iZThkYik7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnRXZWlnaHRzLW1lZGl1bV9fMTluYmU4ZDJmbik7CiAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmVIZWlnaHRzLTZfXzE5bmJlOGQyZnUpOwp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX194OHkxM3IyIHsKICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplcy0yX18xOW5iZThkYSk7CiAgb3BhY2l0eTogMC44Owp9Ci5mb3JtX2Zvcm1NZXNzYWdlUmVjaXBlX2Vycm9yX3RydWVfX3g4eTEzcjMgewogIGNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1lcnJvci1lcnJvcjlfXzE5bmJlOGQyZTIpOwp9';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formFieldRecipe = _7a468({defaultClassName:'form_formFieldRecipe__x8y13r0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});\nexport var formLabelRecipe = _7a468({defaultClassName:'form_formLabelRecipe__x8y13r1',variantClassNames:{},defaultVariants:{},compoundVariants:[]});\nexport var formMessageRecipe = _7a468({defaultClassName:'form_formMessageRecipe__x8y13r2',variantClassNames:{error:{true:'form_formMessageRecipe_error_true__x8y13r3'}},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;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,CAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3I,IAAI,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,CAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3I,IAAI,wBAAoB,uBAAAA,iBAAO,EAAC,kBAAiB,mCAAkC,mBAAkB,EAAC,OAAM,EAAC,MAAK,6CAA4C,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACJxM,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;;;AHDA,oBAA+B;AAa3B;AAXG,IAAM,OAAqB;AAE3B,IAAM,cAA4B;AAIlC,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAE1C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAE1C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,aAA2B;","names":["_7a468"]}
+{"version":3,"sources":["../../src/components/form.tsx","../../src/theme/recipes/form.css.ts","../../src/theme/styles/form.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n  FormMessageVariants,\n  formMessageRecipe,\n} from \"@/theme/recipes/form.css\";\nimport { formField, formLabel } from \"@/theme/styles/form.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as FormPrimitive from \"@radix-ui/react-form\";\n\nexport const Form = FormPrimitive.Root;\n\nexport const FormControl = FormPrimitive.Control;\n\ntype FormFieldProps = FormPrimitive.FormFieldProps;\n\nexport const FormField = ({ ...props }: FormFieldProps) => {\n  return (\n    <FormPrimitive.Field\n      {...props}\n      className={mergeClasses(formField, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Field>\n  );\n};\n\ntype FormLabelProps = FormPrimitive.FormLabelProps;\n\nexport const FormLabel = ({ ...props }: FormLabelProps) => {\n  return (\n    <FormPrimitive.Label\n      {...props}\n      className={mergeClasses(formLabel, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Label>\n  );\n};\n\ntype FormMessageProps = FormPrimitive.FormMessageProps & FormMessageVariants;\n\nexport const FormMessage = ({ ...props }: FormMessageProps) => {\n  const variants = pick(props, ...formMessageRecipe.variants());\n  const formMessage = formMessageRecipe(variants);\n\n  return (\n    <FormPrimitive.Message\n      {...props}\n      className={mergeClasses(formMessage, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Message>\n  );\n};\n\nexport const FormSubmit = FormPrimitive.Submit;\n","import 'src/theme/recipes/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybU1lc3NhZ2VSZWNpcGVfX3g4eTEzcjAgewogIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemVzLTJfXzE5bmJlOGRhKTsKICBvcGFjaXR5OiAwLjg7Cn0KLmZvcm1fZm9ybU1lc3NhZ2VSZWNpcGVfZXJyb3JfdHJ1ZV9feDh5MTNyMSB7CiAgY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLWVycm9yLWVycm9yOV9fMTluYmU4ZDJlMik7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var formMessageRecipe = _7a468({defaultClassName:'form_formMessageRecipe__x8y13r0',variantClassNames:{error:{true:'form_formMessageRecipe_error_true__x8y13r1'}},defaultVariants:{},compoundVariants:[]});","import 'src/theme/styles/form.css.ts.vanilla.css?source=LmZvcm1fZm9ybUZpZWxkX18xOWduY2swMCB7CiAgZGlzcGxheTogZ3JpZDsKICBtYXJnaW4tYm90dG9tOiB2YXIoLS1zcGFjZS0yX18xOW5iZThkMSk7Cn0KLmZvcm1fZm9ybUxhYmVsX18xOWduY2swMSB7CiAgY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLXRleHRTdWJ0bGVfXzE5bmJlOGQyZmMpOwogIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemVzLTNfXzE5bmJlOGRiKTsKICBmb250LXdlaWdodDogdmFyKC0tZm9udFdlaWdodHMtbWVkaXVtX18xOW5iZThkMmZuKTsKICBsaW5lLWhlaWdodDogdmFyKC0tbGluZUhlaWdodHMtNl9fMTluYmU4ZDJmdSk7Cn0=';\nexport var formField = 'form_formField__19gnck00';\nexport var formLabel = 'form_formLabel__19gnck01';","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;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,wBAAoB,uBAAAA,iBAAO,EAAC,kBAAiB,mCAAkC,mBAAkB,EAAC,OAAM,EAAC,MAAK,6CAA4C,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACDxM,IAAI,YAAY;AAChB,IAAI,YAAY;;;ACFhB,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;;;AJJA,oBAA+B;AAU3B;AARG,IAAM,OAAqB;AAE3B,IAAM,cAA4B;AAIlC,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,aAA2B;","names":["_7a468"]}

package/dist/components/form.mjs

@@ -1,8 +1,8 @@
 import {
-  formFieldRecipe,
-  formLabelRecipe,
+  formField,
+  formLabel,
   formMessageRecipe
-} from "../chunk-PHULHA6N.mjs";
+} from "../chunk-LKYTRD4P.mjs";
 import {
   pick
 } from "../chunk-4N6P3Y54.mjs";
@@ -17,8 +17,6 @@ import { jsx } from "react/jsx-runtime";
 var Form = FormPrimitive.Root;
 var FormControl = FormPrimitive.Control;
 var FormField = ({ ...props }) => {
-  const variants = pick(props, ...formFieldRecipe.variants());
-  const formField = formFieldRecipe(variants);
   return /* @__PURE__ */ jsx(
     FormPrimitive.Field,
     {
@@ -29,8 +27,6 @@ var FormField = ({ ...props }) => {
   );
 };
 var FormLabel = ({ ...props }) => {
-  const variants = pick(props, ...formLabelRecipe.variants());
-  const formLabel = formLabelRecipe(variants);
   return /* @__PURE__ */ jsx(
     FormPrimitive.Label,
     {

package/dist/components/form.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/form.tsx"],"sourcesContent":["import {\n  FormFieldVariants,\n  FormLabelVariants,\n  FormMessageVariants,\n  formFieldRecipe,\n  formLabelRecipe,\n  formMessageRecipe,\n} from \"@/theme/recipes/form.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as FormPrimitive from \"@radix-ui/react-form\";\n\nexport const Form = FormPrimitive.Root;\n\nexport const FormControl = FormPrimitive.Control;\n\ntype FormFieldProps = FormPrimitive.FormFieldProps & FormFieldVariants;\n\nexport const FormField = ({ ...props }: FormFieldProps) => {\n  const variants = pick(props, ...formFieldRecipe.variants());\n  const formField = formFieldRecipe(variants);\n\n  return (\n    <FormPrimitive.Field\n      {...props}\n      className={mergeClasses(formField, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Field>\n  );\n};\n\ntype FormLabelProps = FormPrimitive.FormLabelProps & FormLabelVariants;\n\nexport const FormLabel = ({ ...props }: FormLabelProps) => {\n  const variants = pick(props, ...formLabelRecipe.variants());\n  const formLabel = formLabelRecipe(variants);\n\n  return (\n    <FormPrimitive.Label\n      {...props}\n      className={mergeClasses(formLabel, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Label>\n  );\n};\n\ntype FormMessageProps = FormPrimitive.FormMessageProps & FormMessageVariants;\n\nexport const FormMessage = ({ ...props }: FormMessageProps) => {\n  const variants = pick(props, ...formMessageRecipe.variants());\n  const formMessage = formMessageRecipe(variants);\n\n  return (\n    <FormPrimitive.Message\n      {...props}\n      className={mergeClasses(formMessage, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Message>\n  );\n};\n\nexport const FormSubmit = FormPrimitive.Submit;\n"],"mappings":";;;;;;;;;;;;;;AAUA,YAAY,mBAAmB;AAa3B;AAXG,IAAM,OAAqB;AAE3B,IAAM,cAA4B;AAIlC,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAE1C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAE1C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,aAA2B;","names":[]}
+{"version":3,"sources":["../../src/components/form.tsx"],"sourcesContent":["import {\n  FormMessageVariants,\n  formMessageRecipe,\n} from \"@/theme/recipes/form.css\";\nimport { formField, formLabel } from \"@/theme/styles/form.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as FormPrimitive from \"@radix-ui/react-form\";\n\nexport const Form = FormPrimitive.Root;\n\nexport const FormControl = FormPrimitive.Control;\n\ntype FormFieldProps = FormPrimitive.FormFieldProps;\n\nexport const FormField = ({ ...props }: FormFieldProps) => {\n  return (\n    <FormPrimitive.Field\n      {...props}\n      className={mergeClasses(formField, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Field>\n  );\n};\n\ntype FormLabelProps = FormPrimitive.FormLabelProps;\n\nexport const FormLabel = ({ ...props }: FormLabelProps) => {\n  return (\n    <FormPrimitive.Label\n      {...props}\n      className={mergeClasses(formLabel, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Label>\n  );\n};\n\ntype FormMessageProps = FormPrimitive.FormMessageProps & FormMessageVariants;\n\nexport const FormMessage = ({ ...props }: FormMessageProps) => {\n  const variants = pick(props, ...formMessageRecipe.variants());\n  const formMessage = formMessageRecipe(variants);\n\n  return (\n    <FormPrimitive.Message\n      {...props}\n      className={mergeClasses(formMessage, props.className)}\n    >\n      {props.children}\n    </FormPrimitive.Message>\n  );\n};\n\nexport const FormSubmit = FormPrimitive.Submit;\n"],"mappings":";;;;;;;;;;;;;;AAOA,YAAY,mBAAmB;AAU3B;AARG,IAAM,OAAqB;AAE3B,IAAM,cAA4B;AAIlC,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,aAA2B;","names":[]}

package/dist/components/grid.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { G as GridVariants } from '../grid.css-BvgQR1FB.mjs';
-import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
+import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 
 declare const defaultElement = "div";

package/dist/components/grid.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { G as GridVariants } from '../grid.css-BvgQR1FB.js';
-import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
+import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 
 declare const defaultElement = "div";

package/dist/components/heading.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { T as TextVariants } from '../text.css-onESqiq6.mjs';
-import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
+import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 
 type HeadingLevelVariants = "1" | "2" | "3" | "4" | "5" | "6";

package/dist/components/heading.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { T as TextVariants } from '../text.css-onESqiq6.js';
-import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
+import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 
 type HeadingLevelVariants = "1" | "2" | "3" | "4" | "5" | "6";

package/dist/components/heading.mjs

@@ -1,42 +1,9 @@
 import {
-  textRecipe
-} from "../chunk-IPBDMBQP.mjs";
-import {
-  mergeClasses
-} from "../chunk-7EGQM3ZL.mjs";
+  Heading
+} from "../chunk-NU7XYEVP.mjs";
+import "../chunk-IPBDMBQP.mjs";
+import "../chunk-7EGQM3ZL.mjs";
 import "../chunk-LZOMFHX3.mjs";
-
-// src/components/heading.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-var textAs = {
-  1: "h1",
-  2: "h2",
-  3: "h3",
-  4: "h4",
-  5: "h5",
-  6: "h6"
-};
-var textSize = {
-  1: "8",
-  2: "7",
-  3: "6",
-  4: "5",
-  5: "4",
-  6: "3"
-};
-var Heading = ({
-  asChild,
-  color,
-  level = "1",
-  weight = "medium",
-  // overrides defaultVariant
-  ...props
-}) => {
-  const text = textRecipe({ color, size: textSize[level], weight });
-  const Comp = asChild ? Slot : textAs[level];
-  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
-};
 export {
   Heading
 };

package/dist/components/heading.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/heading.tsx"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport React from \"react\";\n\ntype HeadingLevelVariants = \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\";\n\nexport type HeadingProps = ComponentProps<\n  \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\",\n  Omit<TextVariants, \"size\">\n> & {\n  level?: HeadingLevelVariants;\n};\n\nconst textAs: Record<HeadingLevelVariants, React.ElementType> = {\n  1: \"h1\",\n  2: \"h2\",\n  3: \"h3\",\n  4: \"h4\",\n  5: \"h5\",\n  6: \"h6\",\n};\n\nconst textSize: Record<HeadingLevelVariants, TextVariants[\"size\"]> = {\n  1: \"8\",\n  2: \"7\",\n  3: \"6\",\n  4: \"5\",\n  5: \"4\",\n  6: \"3\",\n};\n\nexport const Heading = ({\n  asChild,\n  color,\n  level = \"1\",\n  weight = \"medium\", // overrides defaultVariant\n  ...props\n}: HeadingProps) => {\n  const text = textRecipe({ color, size: textSize[level], weight });\n  const Comp = asChild ? Slot : textAs[level];\n\n  return (\n    <Comp {...props} className={mergeClasses(text, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;AAGA,SAAS,YAAY;AAyCjB;AA7BJ,IAAM,SAA0D;AAAA,EAC9D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,IAAM,WAA+D;AAAA,EACnE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA;AAAA,EACT,GAAG;AACL,MAAoB;AAClB,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,KAAK,GAAG,OAAO,CAAC;AAChE,QAAM,OAAO,UAAU,OAAO,OAAO,KAAK;AAE1C,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -1,6 +1,6 @@
 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 { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 
 declare const defaultElement = "button";

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

@@ -1,6 +1,6 @@
 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 { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 
 declare const defaultElement = "button";

package/dist/components/icon-button.mjs

@@ -1,39 +1,12 @@
 import {
-  iconButtonRecipe
-} from "../chunk-IRWT2CO3.mjs";
-import {
-  Spinner
-} from "../chunk-A2I7UNX6.mjs";
+  IconButton
+} from "../chunk-GI2XNLAW.mjs";
+import "../chunk-IRWT2CO3.mjs";
+import "../chunk-A2I7UNX6.mjs";
 import "../chunk-S3GY7GCD.mjs";
-import {
-  pick
-} from "../chunk-4N6P3Y54.mjs";
-import {
-  mergeClasses
-} from "../chunk-7EGQM3ZL.mjs";
+import "../chunk-4N6P3Y54.mjs";
+import "../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
 };

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

@@ -1 +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":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/label.css

@@ -1,10 +1,3 @@
-/* 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;
@@ -62,4 +55,11 @@
 .text_textRecipe_weight_bold__1y7s4vxg {
   font-weight: var(--fontWeights-bold__19nbe8d2fo);
 }
+
+/* vanilla-extract-css-ns:src/theme/styles/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsX19yMW5rZ3EwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0= */
+.label_label__r1nkgq0 {
+  display: inline-block;
+  vertical-align: middle;
+  cursor: default;
+}
 /*# sourceMappingURL=label.css.map */

package/dist/components/label.css.map

@@ -1 +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":[]}
+{"version":3,"sources":["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=","vanilla-extract-css-ns:src/theme/styles/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsX19yMW5rZ3EwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0="],"sourcesContent":[".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}",".label_label__r1nkgq0 {\n  display: inline-block;\n  vertical-align: middle;\n  cursor: default;\n}"],"mappings":";AAAA,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;;;ACvDA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,UAAQ;AACV;","names":[]}

package/dist/components/label.js

@@ -34,28 +34,18 @@ __export(label_exports, {
 });
 module.exports = __toCommonJS(label_exports);
 
-// src/theme/recipes/label.css.ts
+// src/theme/recipes/text.css.ts
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var labelRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "label_labelRecipe__1ati2ow0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var textRecipe = (0, import_createRuntimeFn.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/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/theme/styles/label.css.ts
+var label = "label_label__r1nkgq0";
 
 // 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");
@@ -64,9 +54,7 @@ var textSize = {
   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,
     {

package/dist/components/label.js.map

@@ -1 +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"]}
+{"version":3,"sources":["../../src/components/label.tsx","../../src/theme/recipes/text.css.ts","../../src/theme/styles/label.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { label } from \"@/theme/styles/label.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\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  const text = textRecipe({ color, size: textSize[size], weight });\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/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:[]});","import 'src/theme/styles/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsX19yMW5rZ3EwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0=';\nexport var label = 'label_label__r1nkgq0';","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,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;;;ACDv1B,IAAI,QAAQ;;;ACDZ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AHCA,qBAAgC;AAkB5B;AATJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAE/D,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"]}