@nayhoo/ui 0.5.0 → 0.6.0

package/dist/index.mjs

@@ -2,7 +2,7 @@ import {
   darkTheme,
   lightTheme,
   theme
-} from "./chunk-2IKFUUSU.mjs";
+} from "./chunk-U35ES76Q.mjs";
 
 // src/animations/hide.css.ts
 var hide = "hide_hide__1cfeb4j0";
@@ -220,57 +220,81 @@ var Card = ({ asChild, ...props }) => {
   return /* @__PURE__ */ jsx7(Comp, { ...props, className: mergeClasses(card, props.className), children: props.children });
 };
 
-// src/recipes/container.css.ts
+// src/recipes/checkbox.css.ts
 import { createRuntimeFn as _7a4688 } from "@vanilla-extract/recipes/createRuntimeFn";
-var containerRecipe = _7a4688({ defaultClassName: "container_containerRecipe__p5smko0", variantClassNames: { size: { "1": "container_containerRecipe_size_1__p5smko1", "2": "container_containerRecipe_size_2__p5smko2", "3": "container_containerRecipe_size_3__p5smko3", "4": "container_containerRecipe_size_4__p5smko4" } }, defaultVariants: { size: "4" }, compoundVariants: [] });
+var checkboxIndicatorRecipe = _7a4688({ defaultClassName: "checkbox_checkboxIndicatorRecipe__1nifxxb3", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var checkboxRecipe = _7a4688({ defaultClassName: "checkbox_checkboxRecipe__1nifxxb0", variantClassNames: { size: { "1": "checkbox_checkboxRecipe_size_1__1nifxxb1", "2": "checkbox_checkboxRecipe_size_2__1nifxxb2" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
+
+// src/components/checkbox.tsx
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon } from "@radix-ui/react-icons";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Checkbox = ({ ...props }) => {
+  const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));
+  const checkboxIndicator = checkboxIndicatorRecipe(
+    pick(props, ...checkboxIndicatorRecipe.variants())
+  );
+  return /* @__PURE__ */ jsx8(
+    CheckboxPrimitive.Root,
+    {
+      ...props,
+      className: mergeClasses(checkbox, props.className),
+      children: /* @__PURE__ */ jsx8(CheckboxPrimitive.CheckboxIndicator, { className: checkboxIndicator, children: /* @__PURE__ */ jsx8(CheckIcon, {}) })
+    }
+  );
+};
+
+// src/recipes/container.css.ts
+import { createRuntimeFn as _7a4689 } from "@vanilla-extract/recipes/createRuntimeFn";
+var containerRecipe = _7a4689({ defaultClassName: "container_containerRecipe__p5smko0", variantClassNames: { size: { "1": "container_containerRecipe_size_1__p5smko1", "2": "container_containerRecipe_size_2__p5smko2", "3": "container_containerRecipe_size_3__p5smko3", "4": "container_containerRecipe_size_4__p5smko4" } }, defaultVariants: { size: "4" }, compoundVariants: [] });
 
 // src/components/container.tsx
 import { Slot as Slot7 } from "@radix-ui/react-slot";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var defaultElement7 = "div";
 var Container = ({ asChild, ...props }) => {
   const variants = pick(props, ...containerRecipe.variants());
   const container = containerRecipe(variants);
   const Comp = asChild ? Slot7 : defaultElement7;
-  return /* @__PURE__ */ jsx8(Comp, { ...props, className: mergeClasses(container, props.className), children: props.children });
+  return /* @__PURE__ */ jsx9(Comp, { ...props, className: mergeClasses(container, props.className), children: props.children });
 };
 
 // src/recipes/flex.css.ts
-import { createRuntimeFn as _7a4689 } from "@vanilla-extract/recipes/createRuntimeFn";
-var flexRecipe = _7a4689({ defaultClassName: "flex_flexRecipe__ygbrx50", variantClassNames: { align: { start: "flex_flexRecipe_align_start__ygbrx51", center: "flex_flexRecipe_align_center__ygbrx52", end: "flex_flexRecipe_align_end__ygbrx53", stretch: "flex_flexRecipe_align_stretch__ygbrx54", baseline: "flex_flexRecipe_align_baseline__ygbrx55" }, direction: { row: "flex_flexRecipe_direction_row__ygbrx56", column: "flex_flexRecipe_direction_column__ygbrx57", rowReverse: "flex_flexRecipe_direction_rowReverse__ygbrx58", columnReverse: "flex_flexRecipe_direction_columnReverse__ygbrx59" }, gap: { "1": "flex_flexRecipe_gap_1__ygbrx5a", "2": "flex_flexRecipe_gap_2__ygbrx5b", "3": "flex_flexRecipe_gap_3__ygbrx5c", "4": "flex_flexRecipe_gap_4__ygbrx5d", "5": "flex_flexRecipe_gap_5__ygbrx5e", "6": "flex_flexRecipe_gap_6__ygbrx5f", "7": "flex_flexRecipe_gap_7__ygbrx5g", "8": "flex_flexRecipe_gap_8__ygbrx5h", "9": "flex_flexRecipe_gap_9__ygbrx5i" }, justify: { start: "flex_flexRecipe_justify_start__ygbrx5j", center: "flex_flexRecipe_justify_center__ygbrx5k", end: "flex_flexRecipe_justify_end__ygbrx5l", between: "flex_flexRecipe_justify_between__ygbrx5m" }, wrap: { noWrap: "flex_flexRecipe_wrap_noWrap__ygbrx5n", wrap: "flex_flexRecipe_wrap_wrap__ygbrx5o", wrapReverse: "flex_flexRecipe_wrap_wrapReverse__ygbrx5p" } }, defaultVariants: { align: "stretch", direction: "row", justify: "start", wrap: "noWrap" }, compoundVariants: [] });
+import { createRuntimeFn as _7a46810 } from "@vanilla-extract/recipes/createRuntimeFn";
+var flexRecipe = _7a46810({ defaultClassName: "flex_flexRecipe__ygbrx50", variantClassNames: { align: { start: "flex_flexRecipe_align_start__ygbrx51", center: "flex_flexRecipe_align_center__ygbrx52", end: "flex_flexRecipe_align_end__ygbrx53", stretch: "flex_flexRecipe_align_stretch__ygbrx54", baseline: "flex_flexRecipe_align_baseline__ygbrx55" }, direction: { row: "flex_flexRecipe_direction_row__ygbrx56", column: "flex_flexRecipe_direction_column__ygbrx57", rowReverse: "flex_flexRecipe_direction_rowReverse__ygbrx58", columnReverse: "flex_flexRecipe_direction_columnReverse__ygbrx59" }, gap: { "1": "flex_flexRecipe_gap_1__ygbrx5a", "2": "flex_flexRecipe_gap_2__ygbrx5b", "3": "flex_flexRecipe_gap_3__ygbrx5c", "4": "flex_flexRecipe_gap_4__ygbrx5d", "5": "flex_flexRecipe_gap_5__ygbrx5e", "6": "flex_flexRecipe_gap_6__ygbrx5f", "7": "flex_flexRecipe_gap_7__ygbrx5g", "8": "flex_flexRecipe_gap_8__ygbrx5h", "9": "flex_flexRecipe_gap_9__ygbrx5i" }, justify: { start: "flex_flexRecipe_justify_start__ygbrx5j", center: "flex_flexRecipe_justify_center__ygbrx5k", end: "flex_flexRecipe_justify_end__ygbrx5l", between: "flex_flexRecipe_justify_between__ygbrx5m" }, wrap: { noWrap: "flex_flexRecipe_wrap_noWrap__ygbrx5n", wrap: "flex_flexRecipe_wrap_wrap__ygbrx5o", wrapReverse: "flex_flexRecipe_wrap_wrapReverse__ygbrx5p" } }, defaultVariants: { align: "stretch", direction: "row", justify: "start", wrap: "noWrap" }, compoundVariants: [] });
 
 // src/components/flex.tsx
 import { Slot as Slot8 } from "@radix-ui/react-slot";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var defaultElement8 = "div";
 var Flex = ({ asChild, ...props }) => {
   const variants = pick(props, ...flexRecipe.variants());
   const flex = flexRecipe(variants);
   const Comp = asChild ? Slot8 : defaultElement8;
-  return /* @__PURE__ */ jsx9(Comp, { ...props, className: mergeClasses(flex, props.className), children: props.children });
+  return /* @__PURE__ */ jsx10(Comp, { ...props, className: mergeClasses(flex, props.className), children: props.children });
 };
 
 // src/recipes/menu.css.ts
-import { createRuntimeFn as _7a46810 } from "@vanilla-extract/recipes/createRuntimeFn";
-var menuItemRecipe = _7a46810({ defaultClassName: "menu_menuItemRecipe__v16w0m1 menu_baseMenuItemRecipe__v16w0m0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var menuLabelRecipe = _7a46810({ defaultClassName: "menu_menuLabelRecipe__v16w0m2 menu_baseMenuItemRecipe__v16w0m0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var menuRecipe = _7a46810({ defaultClassName: "menu_menuRecipe__v16w0m3", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var menuSeparatorRecipe = _7a46810({ defaultClassName: "menu_menuSeparatorRecipe__v16w0m4", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+import { createRuntimeFn as _7a46811 } from "@vanilla-extract/recipes/createRuntimeFn";
+var menuItemRecipe = _7a46811({ defaultClassName: "menu_menuItemRecipe__v16w0m1 menu_baseMenuItemRecipe__v16w0m0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var menuLabelRecipe = _7a46811({ defaultClassName: "menu_menuLabelRecipe__v16w0m2 menu_baseMenuItemRecipe__v16w0m0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var menuRecipe = _7a46811({ defaultClassName: "menu_menuRecipe__v16w0m3", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var menuSeparatorRecipe = _7a46811({ defaultClassName: "menu_menuSeparatorRecipe__v16w0m4", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 
 // src/recipes/panel.css.ts
-import { createRuntimeFn as _7a46811 } from "@vanilla-extract/recipes/createRuntimeFn";
-var panelRecipe = _7a46811({ defaultClassName: "panel_panelRecipe__1atgh2b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+import { createRuntimeFn as _7a46812 } from "@vanilla-extract/recipes/createRuntimeFn";
+var panelRecipe = _7a46812({ defaultClassName: "panel_panelRecipe__1atgh2b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { CheckIcon } from "@radix-ui/react-icons";
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { CheckIcon as CheckIcon2 } from "@radix-ui/react-icons";
+import { jsx as jsx11, jsxs as jsxs3 } 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__ */ jsx10(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Content,
     {
       ...props,
@@ -281,7 +305,7 @@ var DropdownMenuContent = ({ ...props }) => {
 var DropdownMenuItem = ({ ...props }) => {
   const variants = pick(props, ...menuItemRecipe.variants());
   const menuItem = menuItemRecipe(variants);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Item,
     {
       ...props,
@@ -294,7 +318,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuLabel = ({ ...props }) => {
   const variants = pick(props, ...menuLabelRecipe.variants());
   const menuLabel = menuLabelRecipe(variants);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Label,
     {
       ...props,
@@ -308,7 +332,7 @@ var DropdownMenuSeparator = ({
 }) => {
   const variants = pick(props, ...menuSeparatorRecipe.variants());
   const menuSeparator = menuSeparatorRecipe(variants);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Separator,
     {
       ...props,
@@ -328,7 +352,7 @@ var DropdownMenuCheckboxItem = ({
       ...props,
       className: mergeClasses(menuItem, props.className),
       children: [
-        /* @__PURE__ */ jsx10(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx10("span", { children: /* @__PURE__ */ jsx10(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx10(CheckIcon, {}) }) }) }),
+        /* @__PURE__ */ jsx11(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx11("span", { children: /* @__PURE__ */ jsx11(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(CheckIcon2, {}) }) }) }),
         props.children
       ]
     }
@@ -347,7 +371,7 @@ var DropdownMenuRadioItem = ({
       ...props,
       className: mergeClasses(menuItem, props.className),
       children: [
-        /* @__PURE__ */ jsx10(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx10("span", { children: /* @__PURE__ */ jsx10(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx11("span", { children: /* @__PURE__ */ jsx11(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(
           Flex,
           {
             style: {
@@ -356,7 +380,7 @@ var DropdownMenuRadioItem = ({
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ jsx10(
+            children: /* @__PURE__ */ jsx11(
               Box,
               {
                 style: {
@@ -376,20 +400,20 @@ var DropdownMenuRadioItem = ({
 };
 
 // src/recipes/form.css.ts
-import { createRuntimeFn as _7a46812 } from "@vanilla-extract/recipes/createRuntimeFn";
-var formFieldRecipe = _7a46812({ defaultClassName: "form_formFieldRecipe__ls2e8b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var formLabelRecipe = _7a46812({ defaultClassName: "form_formLabelRecipe__ls2e8b1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var formMessageRecipe = _7a46812({ defaultClassName: "form_formMessageRecipe__ls2e8b2", variantClassNames: { error: { true: "form_formMessageRecipe_error_true__ls2e8b3" } }, defaultVariants: {}, compoundVariants: [] });
+import { createRuntimeFn as _7a46813 } from "@vanilla-extract/recipes/createRuntimeFn";
+var formFieldRecipe = _7a46813({ defaultClassName: "form_formFieldRecipe__ls2e8b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var formLabelRecipe = _7a46813({ defaultClassName: "form_formLabelRecipe__ls2e8b1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var formMessageRecipe = _7a46813({ defaultClassName: "form_formMessageRecipe__ls2e8b2", variantClassNames: { error: { true: "form_formMessageRecipe_error_true__ls2e8b3" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/form.tsx
 import * as FormPrimitive from "@radix-ui/react-form";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } 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__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     FormPrimitive.Field,
     {
       ...props,
@@ -401,7 +425,7 @@ var FormField = ({ ...props }) => {
 var FormLabel = ({ ...props }) => {
   const variants = pick(props, ...formLabelRecipe.variants());
   const formLabel = formLabelRecipe(variants);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     FormPrimitive.Label,
     {
       ...props,
@@ -413,7 +437,7 @@ var FormLabel = ({ ...props }) => {
 var FormMessage = ({ ...props }) => {
   const variants = pick(props, ...formMessageRecipe.variants());
   const formMessage = formMessageRecipe(variants);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     FormPrimitive.Message,
     {
       ...props,
@@ -425,27 +449,27 @@ var FormMessage = ({ ...props }) => {
 var FormSubmit = FormPrimitive.Submit;
 
 // src/recipes/grid.css.ts
-import { createRuntimeFn as _7a46813 } from "@vanilla-extract/recipes/createRuntimeFn";
-var gridRecipe = _7a46813({ defaultClassName: "grid_gridRecipe__1ab943t0", variantClassNames: { align: { start: "grid_gridRecipe_align_start__1ab943t1", center: "grid_gridRecipe_align_center__1ab943t2", end: "grid_gridRecipe_align_end__1ab943t3", stretch: "grid_gridRecipe_align_stretch__1ab943t4", baseline: "grid_gridRecipe_align_baseline__1ab943t5" }, columns: { "1": "grid_gridRecipe_columns_1__1ab943t6", "2": "grid_gridRecipe_columns_2__1ab943t7", "3": "grid_gridRecipe_columns_3__1ab943t8", "4": "grid_gridRecipe_columns_4__1ab943t9", "5": "grid_gridRecipe_columns_5__1ab943ta", "6": "grid_gridRecipe_columns_6__1ab943tb", "7": "grid_gridRecipe_columns_7__1ab943tc", "8": "grid_gridRecipe_columns_8__1ab943td", "9": "grid_gridRecipe_columns_9__1ab943te", "10": "grid_gridRecipe_columns_10__1ab943tf" }, flow: { row: "grid_gridRecipe_flow_row__1ab943tg", column: "grid_gridRecipe_flow_column__1ab943th", dense: "grid_gridRecipe_flow_dense__1ab943ti", rowDense: "grid_gridRecipe_flow_rowDense__1ab943tj", columnDense: "grid_gridRecipe_flow_columnDense__1ab943tk" }, gap: { "1": "grid_gridRecipe_gap_1__1ab943tl", "2": "grid_gridRecipe_gap_2__1ab943tm", "3": "grid_gridRecipe_gap_3__1ab943tn", "4": "grid_gridRecipe_gap_4__1ab943to", "5": "grid_gridRecipe_gap_5__1ab943tp", "6": "grid_gridRecipe_gap_6__1ab943tq", "7": "grid_gridRecipe_gap_7__1ab943tr", "8": "grid_gridRecipe_gap_8__1ab943ts", "9": "grid_gridRecipe_gap_9__1ab943tt" }, gapX: { "1": "grid_gridRecipe_gapX_1__1ab943tu", "2": "grid_gridRecipe_gapX_2__1ab943tv", "3": "grid_gridRecipe_gapX_3__1ab943tw", "4": "grid_gridRecipe_gapX_4__1ab943tx", "5": "grid_gridRecipe_gapX_5__1ab943ty", "6": "grid_gridRecipe_gapX_6__1ab943tz", "7": "grid_gridRecipe_gapX_7__1ab943t10", "8": "grid_gridRecipe_gapX_8__1ab943t11", "9": "grid_gridRecipe_gapX_9__1ab943t12" }, gapY: { "1": "grid_gridRecipe_gapY_1__1ab943t13", "2": "grid_gridRecipe_gapY_2__1ab943t14", "3": "grid_gridRecipe_gapY_3__1ab943t15", "4": "grid_gridRecipe_gapY_4__1ab943t16", "5": "grid_gridRecipe_gapY_5__1ab943t17", "6": "grid_gridRecipe_gapY_6__1ab943t18", "7": "grid_gridRecipe_gapY_7__1ab943t19", "8": "grid_gridRecipe_gapY_8__1ab943t1a", "9": "grid_gridRecipe_gapY_9__1ab943t1b" }, justify: { start: "grid_gridRecipe_justify_start__1ab943t1c", center: "grid_gridRecipe_justify_center__1ab943t1d", end: "grid_gridRecipe_justify_end__1ab943t1e", between: "grid_gridRecipe_justify_between__1ab943t1f" }, rows: { "1": "grid_gridRecipe_rows_1__1ab943t1g", "2": "grid_gridRecipe_rows_2__1ab943t1h", "3": "grid_gridRecipe_rows_3__1ab943t1i", "4": "grid_gridRecipe_rows_4__1ab943t1j", "5": "grid_gridRecipe_rows_5__1ab943t1k", "6": "grid_gridRecipe_rows_6__1ab943t1l", "7": "grid_gridRecipe_rows_7__1ab943t1m", "8": "grid_gridRecipe_rows_8__1ab943t1n", "9": "grid_gridRecipe_rows_9__1ab943t1o", "10": "grid_gridRecipe_rows_10__1ab943t1p" } }, defaultVariants: {}, compoundVariants: [] });
+import { createRuntimeFn as _7a46814 } from "@vanilla-extract/recipes/createRuntimeFn";
+var gridRecipe = _7a46814({ defaultClassName: "grid_gridRecipe__1ab943t0", variantClassNames: { align: { start: "grid_gridRecipe_align_start__1ab943t1", center: "grid_gridRecipe_align_center__1ab943t2", end: "grid_gridRecipe_align_end__1ab943t3", stretch: "grid_gridRecipe_align_stretch__1ab943t4", baseline: "grid_gridRecipe_align_baseline__1ab943t5" }, columns: { "1": "grid_gridRecipe_columns_1__1ab943t6", "2": "grid_gridRecipe_columns_2__1ab943t7", "3": "grid_gridRecipe_columns_3__1ab943t8", "4": "grid_gridRecipe_columns_4__1ab943t9", "5": "grid_gridRecipe_columns_5__1ab943ta", "6": "grid_gridRecipe_columns_6__1ab943tb", "7": "grid_gridRecipe_columns_7__1ab943tc", "8": "grid_gridRecipe_columns_8__1ab943td", "9": "grid_gridRecipe_columns_9__1ab943te", "10": "grid_gridRecipe_columns_10__1ab943tf" }, flow: { row: "grid_gridRecipe_flow_row__1ab943tg", column: "grid_gridRecipe_flow_column__1ab943th", dense: "grid_gridRecipe_flow_dense__1ab943ti", rowDense: "grid_gridRecipe_flow_rowDense__1ab943tj", columnDense: "grid_gridRecipe_flow_columnDense__1ab943tk" }, gap: { "1": "grid_gridRecipe_gap_1__1ab943tl", "2": "grid_gridRecipe_gap_2__1ab943tm", "3": "grid_gridRecipe_gap_3__1ab943tn", "4": "grid_gridRecipe_gap_4__1ab943to", "5": "grid_gridRecipe_gap_5__1ab943tp", "6": "grid_gridRecipe_gap_6__1ab943tq", "7": "grid_gridRecipe_gap_7__1ab943tr", "8": "grid_gridRecipe_gap_8__1ab943ts", "9": "grid_gridRecipe_gap_9__1ab943tt" }, gapX: { "1": "grid_gridRecipe_gapX_1__1ab943tu", "2": "grid_gridRecipe_gapX_2__1ab943tv", "3": "grid_gridRecipe_gapX_3__1ab943tw", "4": "grid_gridRecipe_gapX_4__1ab943tx", "5": "grid_gridRecipe_gapX_5__1ab943ty", "6": "grid_gridRecipe_gapX_6__1ab943tz", "7": "grid_gridRecipe_gapX_7__1ab943t10", "8": "grid_gridRecipe_gapX_8__1ab943t11", "9": "grid_gridRecipe_gapX_9__1ab943t12" }, gapY: { "1": "grid_gridRecipe_gapY_1__1ab943t13", "2": "grid_gridRecipe_gapY_2__1ab943t14", "3": "grid_gridRecipe_gapY_3__1ab943t15", "4": "grid_gridRecipe_gapY_4__1ab943t16", "5": "grid_gridRecipe_gapY_5__1ab943t17", "6": "grid_gridRecipe_gapY_6__1ab943t18", "7": "grid_gridRecipe_gapY_7__1ab943t19", "8": "grid_gridRecipe_gapY_8__1ab943t1a", "9": "grid_gridRecipe_gapY_9__1ab943t1b" }, justify: { start: "grid_gridRecipe_justify_start__1ab943t1c", center: "grid_gridRecipe_justify_center__1ab943t1d", end: "grid_gridRecipe_justify_end__1ab943t1e", between: "grid_gridRecipe_justify_between__1ab943t1f" }, rows: { "1": "grid_gridRecipe_rows_1__1ab943t1g", "2": "grid_gridRecipe_rows_2__1ab943t1h", "3": "grid_gridRecipe_rows_3__1ab943t1i", "4": "grid_gridRecipe_rows_4__1ab943t1j", "5": "grid_gridRecipe_rows_5__1ab943t1k", "6": "grid_gridRecipe_rows_6__1ab943t1l", "7": "grid_gridRecipe_rows_7__1ab943t1m", "8": "grid_gridRecipe_rows_8__1ab943t1n", "9": "grid_gridRecipe_rows_9__1ab943t1o", "10": "grid_gridRecipe_rows_10__1ab943t1p" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/grid.tsx
 import { Slot as Slot9 } from "@radix-ui/react-slot";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var defaultElement9 = "div";
 var Grid = ({ asChild, ...props }) => {
   const variants = pick(props, ...gridRecipe.variants());
   const grid = gridRecipe(variants);
   const Comp = asChild ? Slot9 : defaultElement9;
-  return /* @__PURE__ */ jsx12(Comp, { ...props, className: mergeClasses(grid, props.className), children: props.children });
+  return /* @__PURE__ */ jsx13(Comp, { ...props, className: mergeClasses(grid, props.className), children: props.children });
 };
 
 // src/recipes/text.css.ts
-import { createRuntimeFn as _7a46814 } from "@vanilla-extract/recipes/createRuntimeFn";
-var textRecipe = _7a46814({ defaultClassName: "text_textRecipe__1loikgr0", variantClassNames: { color: { primary: "text_textRecipe_color_primary__1loikgr1", secondary: "text_textRecipe_color_secondary__1loikgr2", error: "text_textRecipe_color_error__1loikgr3", subtle: "text_textRecipe_color_subtle__1loikgr4" }, size: { "1": "text_textRecipe_size_1__1loikgr5", "2": "text_textRecipe_size_2__1loikgr6", "3": "text_textRecipe_size_3__1loikgr7", "4": "text_textRecipe_size_4__1loikgr8", "5": "text_textRecipe_size_5__1loikgr9", "6": "text_textRecipe_size_6__1loikgra", "7": "text_textRecipe_size_7__1loikgrb", "8": "text_textRecipe_size_8__1loikgrc", "9": "text_textRecipe_size_9__1loikgrd" }, weight: { regular: "text_textRecipe_weight_regular__1loikgre", medium: "text_textRecipe_weight_medium__1loikgrf", bold: "text_textRecipe_weight_bold__1loikgrg" } }, defaultVariants: { size: "3" }, compoundVariants: [] });
+import { createRuntimeFn as _7a46815 } from "@vanilla-extract/recipes/createRuntimeFn";
+var textRecipe = _7a46815({ defaultClassName: "text_textRecipe__1loikgr0", variantClassNames: { color: { primary: "text_textRecipe_color_primary__1loikgr1", secondary: "text_textRecipe_color_secondary__1loikgr2", error: "text_textRecipe_color_error__1loikgr3", subtle: "text_textRecipe_color_subtle__1loikgr4" }, size: { "1": "text_textRecipe_size_1__1loikgr5", "2": "text_textRecipe_size_2__1loikgr6", "3": "text_textRecipe_size_3__1loikgr7", "4": "text_textRecipe_size_4__1loikgr8", "5": "text_textRecipe_size_5__1loikgr9", "6": "text_textRecipe_size_6__1loikgra", "7": "text_textRecipe_size_7__1loikgrb", "8": "text_textRecipe_size_8__1loikgrc", "9": "text_textRecipe_size_9__1loikgrd" }, weight: { regular: "text_textRecipe_weight_regular__1loikgre", medium: "text_textRecipe_weight_medium__1loikgrf", bold: "text_textRecipe_weight_bold__1loikgrg" } }, defaultVariants: { size: "3" }, compoundVariants: [] });
 
 // src/components/heading.tsx
 import { Slot as Slot10 } from "@radix-ui/react-slot";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var textAs = {
   1: "h1",
   2: "h2",
@@ -472,16 +496,16 @@ var Heading = ({
 }) => {
   const text = textRecipe({ color, size: textSize[level], weight });
   const Comp = asChild ? Slot10 : textAs[level];
-  return /* @__PURE__ */ jsx13(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ jsx14(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
 };
 
 // src/recipes/icon-button.css.ts
-import { createRuntimeFn as _7a46815 } from "@vanilla-extract/recipes/createRuntimeFn";
-var iconButtonRecipe = _7a46815({ defaultClassName: "icon-button_iconButtonRecipe__1dx7i1t0", variantClassNames: { loading: { true: "icon-button_iconButtonRecipe_loading_true__1dx7i1t1" }, size: { "1": "icon-button_iconButtonRecipe_size_1__1dx7i1t2", "2": "icon-button_iconButtonRecipe_size_2__1dx7i1t3", "3": "icon-button_iconButtonRecipe_size_3__1dx7i1t4", "4": "icon-button_iconButtonRecipe_size_4__1dx7i1t5" }, variant: { ghost: "icon-button_iconButtonRecipe_variant_ghost__1dx7i1t6", outline: "icon-button_iconButtonRecipe_variant_outline__1dx7i1t7" } }, defaultVariants: { size: "1", variant: "ghost" }, compoundVariants: [] });
+import { createRuntimeFn as _7a46816 } from "@vanilla-extract/recipes/createRuntimeFn";
+var iconButtonRecipe = _7a46816({ defaultClassName: "icon-button_iconButtonRecipe__1dx7i1t0", variantClassNames: { loading: { true: "icon-button_iconButtonRecipe_loading_true__1dx7i1t1" }, size: { "1": "icon-button_iconButtonRecipe_size_1__1dx7i1t2", "2": "icon-button_iconButtonRecipe_size_2__1dx7i1t3", "3": "icon-button_iconButtonRecipe_size_3__1dx7i1t4", "4": "icon-button_iconButtonRecipe_size_4__1dx7i1t5" }, variant: { ghost: "icon-button_iconButtonRecipe_variant_ghost__1dx7i1t6", outline: "icon-button_iconButtonRecipe_variant_outline__1dx7i1t7" } }, defaultVariants: { size: "1", variant: "ghost" }, compoundVariants: [] });
 
 // src/components/icon-button.tsx
 import { Slot as Slot11 } from "@radix-ui/react-slot";
-import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
 var defaultElement10 = "button";
 var IconButton = ({ asChild, ...props }) => {
   const variants = pick(props, ...iconButtonRecipe.variants());
@@ -495,40 +519,65 @@ var IconButton = ({ asChild, ...props }) => {
       disabled: props.disabled || Boolean(variants.loading),
       children: [
         props.children,
-        variants.loading && /* @__PURE__ */ jsx14(Spinner, { style: { position: "absolute" } })
+        variants.loading && /* @__PURE__ */ jsx15(Spinner, { style: { position: "absolute" } })
       ]
     }
   );
 };
 
+// src/recipes/label.css.ts
+import { createRuntimeFn as _7a46817 } from "@vanilla-extract/recipes/createRuntimeFn";
+var labelRecipe = _7a46817({ defaultClassName: "label_labelRecipe__7n5rtz0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+
+// src/components/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var textSize2 = {
+  1: "3",
+  2: "4"
+};
+var Label3 = ({ color, size = "1", weight, ...props }) => {
+  console.log(textSize2, textSize2[size], size);
+  const text = textRecipe({ color, size: textSize2[size], weight });
+  const label = labelRecipe(pick(props, ...labelRecipe.variants()));
+  return /* @__PURE__ */ jsx16(
+    LabelPrimitive.Root,
+    {
+      ...props,
+      className: mergeClasses(text, label, props.className),
+      children: props.children
+    }
+  );
+};
+
 // src/recipes/link.css.ts
-import { createRuntimeFn as _7a46816 } from "@vanilla-extract/recipes/createRuntimeFn";
-var linkRecipe = _7a46816({ defaultClassName: "link_linkRecipe__kd87m50", variantClassNames: { color: { primary: "link_linkRecipe_color_primary__kd87m51", secondary: "link_linkRecipe_color_secondary__kd87m52", error: "link_linkRecipe_color_error__kd87m53", subtle: "link_linkRecipe_color_subtle__kd87m54" } }, defaultVariants: {}, compoundVariants: [] });
+import { createRuntimeFn as _7a46818 } from "@vanilla-extract/recipes/createRuntimeFn";
+var linkRecipe = _7a46818({ defaultClassName: "link_linkRecipe__kd87m50", variantClassNames: { color: { primary: "link_linkRecipe_color_primary__kd87m51", secondary: "link_linkRecipe_color_secondary__kd87m52", error: "link_linkRecipe_color_error__kd87m53", subtle: "link_linkRecipe_color_subtle__kd87m54" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/link.tsx
 import { Slot as Slot12 } from "@radix-ui/react-slot";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var defaultElement11 = "a";
 var Link = ({ asChild, ...props }) => {
   const variants = pick(props, ...linkRecipe.variants());
   const link = linkRecipe(variants);
   const Comp = asChild ? Slot12 : defaultElement11;
-  return /* @__PURE__ */ jsx15(Comp, { ...props, className: mergeClasses(link, props.className), children: props.children });
+  return /* @__PURE__ */ jsx17(Comp, { ...props, className: mergeClasses(link, props.className), children: props.children });
 };
 
 // src/components/menu.tsx
-import { CheckIcon as CheckIcon2 } from "@radix-ui/react-icons";
+import { CheckIcon as CheckIcon3 } from "@radix-ui/react-icons";
 import * as MenuPrimitive from "@radix-ui/react-menu";
-import { jsx as jsx16, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
 var Menu = ({ ...props }) => {
   const variants = pick(props, ...menuRecipe.variants());
   const menu = menuRecipe(variants);
-  return /* @__PURE__ */ jsx16(MenuPrimitive.Root, { ...props, children: /* @__PURE__ */ jsx16("div", { className: mergeClasses(menu, props.className), children: props.children }) });
+  return /* @__PURE__ */ jsx18(MenuPrimitive.Root, { ...props, children: /* @__PURE__ */ jsx18("div", { className: mergeClasses(menu, props.className), children: props.children }) });
 };
 var MenuContent = ({ ...props }) => {
   const variants = pick(props, ...panelRecipe.variants());
   const panel = panelRecipe(variants);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     MenuPrimitive.Content,
     {
       ...props,
@@ -540,7 +589,7 @@ var MenuContent = ({ ...props }) => {
 var MenuSeparator = ({ ...props }) => {
   const variants = pick(props, ...menuSeparatorRecipe.variants());
   const menuSeparator = menuSeparatorRecipe(variants);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     MenuPrimitive.Separator,
     {
       ...props,
@@ -552,7 +601,7 @@ var MenuSeparator = ({ ...props }) => {
 var MenuItem2 = ({ ...props }) => {
   const variants = pick(props, ...menuItemRecipe.variants());
   const menuItem = menuItemRecipe(variants);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     MenuPrimitive.MenuItem,
     {
       ...props,
@@ -570,7 +619,7 @@ var MenuRadioItem = ({ ...props }) => {
       ...props,
       className: mergeClasses(menuItem, props.className),
       children: [
-        /* @__PURE__ */ jsx16(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx18(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx18("span", { children: /* @__PURE__ */ jsx18(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(
           Flex,
           {
             style: {
@@ -579,7 +628,7 @@ var MenuRadioItem = ({ ...props }) => {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx18(
               Box,
               {
                 style: {
@@ -606,7 +655,7 @@ var MenuCheckboxItem2 = ({ ...props }) => {
       ...props,
       className: mergeClasses(menuItem, props.className),
       children: [
-        /* @__PURE__ */ jsx16(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx16(CheckIcon2, {}) }) }) }),
+        /* @__PURE__ */ jsx18(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx18("span", { children: /* @__PURE__ */ jsx18(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(CheckIcon3, {}) }) }) }),
         props.children
       ]
     }
@@ -615,7 +664,7 @@ var MenuCheckboxItem2 = ({ ...props }) => {
 var MenuLabel2 = ({ ...props }) => {
   const variants = pick(props, ...menuLabelRecipe.variants());
   const menuLabel = menuLabelRecipe(variants);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx18(
     MenuPrimitive.MenuLabel,
     {
       ...props,
@@ -629,20 +678,20 @@ var MenuGroup = MenuPrimitive.Group;
 
 // src/components/panel.tsx
 import { Slot as Slot13 } from "@radix-ui/react-slot";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var defaultElement12 = "div";
 var Panel = ({ asChild, ...props }) => {
   const variants = pick(props, ...panelRecipe.variants());
   const panel = panelRecipe(variants);
   const Comp = asChild ? Slot13 : defaultElement12;
-  return /* @__PURE__ */ jsx17(Comp, { ...props, className: mergeClasses(panel, props.className), children: props.children });
+  return /* @__PURE__ */ jsx19(Comp, { ...props, className: mergeClasses(panel, props.className), children: props.children });
 };
 
 // src/components/paragraph.tsx
 import { Slot as Slot14 } from "@radix-ui/react-slot";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var defaultElement13 = "p";
-var textSize2 = {
+var textSize3 = {
   1: "3",
   2: "4"
 };
@@ -653,22 +702,22 @@ var Paragraph = ({
   weight,
   ...props
 }) => {
-  const text = textRecipe({ color, size: textSize2[size], weight });
+  const text = textRecipe({ color, size: textSize3[size], weight });
   const Comp = asChild ? Slot14 : defaultElement13;
-  return /* @__PURE__ */ jsx18(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ jsx20(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
 };
 
 // src/recipes/separator.css.ts
-import { createRuntimeFn as _7a46817 } from "@vanilla-extract/recipes/createRuntimeFn";
-var separatorRecipe = _7a46817({ defaultClassName: "separator_separatorRecipe__11isr9a0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+import { createRuntimeFn as _7a46819 } from "@vanilla-extract/recipes/createRuntimeFn";
+var separatorRecipe = _7a46819({ defaultClassName: "separator_separatorRecipe__11isr9a0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var Separator3 = ({ ...props }) => {
   const variants = pick(props, ...separatorRecipe.variants());
   const separator = separatorRecipe(variants);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     SeparatorPrimitive.Root,
     {
       ...props,
@@ -679,32 +728,32 @@ var Separator3 = ({ ...props }) => {
 };
 
 // src/recipes/skeleton.css.ts
-import { createRuntimeFn as _7a46818 } from "@vanilla-extract/recipes/createRuntimeFn";
-var skeletonRecipe = _7a46818({ defaultClassName: "skeleton_skeletonRecipe__vq97mz0", variantClassNames: { variant: { avatar1: "skeleton_skeletonRecipe_variant_avatar1__vq97mz1", avatar2: "skeleton_skeletonRecipe_variant_avatar2__vq97mz2", avatar3: "skeleton_skeletonRecipe_variant_avatar3__vq97mz3", avatar4: "skeleton_skeletonRecipe_variant_avatar4__vq97mz4", avatar5: "skeleton_skeletonRecipe_variant_avatar5__vq97mz5", avatar6: "skeleton_skeletonRecipe_variant_avatar6__vq97mz6", text: "skeleton_skeletonRecipe_variant_text__vq97mz7", title: "skeleton_skeletonRecipe_variant_title__vq97mz8", heading: "skeleton_skeletonRecipe_variant_heading__vq97mz9", button: "skeleton_skeletonRecipe_variant_button__vq97mza" } }, defaultVariants: { variant: "text" }, compoundVariants: [] });
+import { createRuntimeFn as _7a46820 } from "@vanilla-extract/recipes/createRuntimeFn";
+var skeletonRecipe = _7a46820({ defaultClassName: "skeleton_skeletonRecipe__vq97mz0", variantClassNames: { variant: { avatar1: "skeleton_skeletonRecipe_variant_avatar1__vq97mz1", avatar2: "skeleton_skeletonRecipe_variant_avatar2__vq97mz2", avatar3: "skeleton_skeletonRecipe_variant_avatar3__vq97mz3", avatar4: "skeleton_skeletonRecipe_variant_avatar4__vq97mz4", avatar5: "skeleton_skeletonRecipe_variant_avatar5__vq97mz5", avatar6: "skeleton_skeletonRecipe_variant_avatar6__vq97mz6", text: "skeleton_skeletonRecipe_variant_text__vq97mz7", title: "skeleton_skeletonRecipe_variant_title__vq97mz8", heading: "skeleton_skeletonRecipe_variant_heading__vq97mz9", button: "skeleton_skeletonRecipe_variant_button__vq97mza" } }, defaultVariants: { variant: "text" }, compoundVariants: [] });
 
 // src/components/skeleton.tsx
 import { Slot as Slot15 } from "@radix-ui/react-slot";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var defaultElement14 = "div";
 var Skeleton = ({ asChild, ...props }) => {
   const variants = pick(props, ...skeletonRecipe.variants());
   const skeleton = skeletonRecipe(variants);
   const Comp = asChild ? Slot15 : defaultElement14;
-  return /* @__PURE__ */ jsx20(Comp, { ...props, className: mergeClasses(skeleton, props.className), children: props.children });
+  return /* @__PURE__ */ jsx22(Comp, { ...props, className: mergeClasses(skeleton, props.className), children: props.children });
 };
 
 // src/recipes/switch.css.ts
-import { createRuntimeFn as _7a46819 } from "@vanilla-extract/recipes/createRuntimeFn";
-var switchRecipe = _7a46819({ defaultClassName: "switch_switchRecipe__6op4100", variantClassNames: { size: { "1": "switch_switchRecipe_size_1__6op4101", "2": "switch_switchRecipe_size_2__6op4102" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
-var switchThumbRecipe = _7a46819({ defaultClassName: "switch_switchThumbRecipe__6op4103", variantClassNames: { size: { "1": "switch_switchThumbRecipe_size_1__6op4104", "2": "switch_switchThumbRecipe_size_2__6op4105" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
+import { createRuntimeFn as _7a46821 } from "@vanilla-extract/recipes/createRuntimeFn";
+var switchRecipe = _7a46821({ defaultClassName: "switch_switchRecipe__6op4100", variantClassNames: { size: { "1": "switch_switchRecipe_size_1__6op4101", "2": "switch_switchRecipe_size_2__6op4102" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
+var switchThumbRecipe = _7a46821({ defaultClassName: "switch_switchThumbRecipe__6op4103", variantClassNames: { size: { "1": "switch_switchThumbRecipe_size_1__6op4104", "2": "switch_switchThumbRecipe_size_2__6op4105" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
 
 // src/components/switch.tsx
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var SwitchThumb = ({ ...props }) => {
   const variants = pick(props, ...switchThumbRecipe.variants());
   const switchThumb = switchThumbRecipe(variants);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     SwitchPrimitive.Thumb,
     {
       ...props,
@@ -715,40 +764,40 @@ var SwitchThumb = ({ ...props }) => {
 var Switch = ({ ...props }) => {
   const variants = pick(props, ...switchRecipe.variants());
   const _switch = switchRecipe(variants);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     SwitchPrimitive.Root,
     {
       ...props,
       className: mergeClasses(_switch, props.className),
-      children: /* @__PURE__ */ jsx21(SwitchThumb, { size: variants.size })
+      children: /* @__PURE__ */ jsx23(SwitchThumb, { size: variants.size })
     }
   );
 };
 
 // src/recipes/text-field.css.ts
-import { createRuntimeFn as _7a46820 } from "@vanilla-extract/recipes/createRuntimeFn";
-var textFieldRecipe = _7a46820({ defaultClassName: "text-field_textFieldRecipe__trfyte0", variantClassNames: { size: { "1": "text-field_textFieldRecipe_size_1__trfyte1", "2": "text-field_textFieldRecipe_size_2__trfyte2", "3": "text-field_textFieldRecipe_size_3__trfyte3" }, error: { true: "text-field_textFieldRecipe_error_true__trfyte4" }, cursor: { "default": "text-field_textFieldRecipe_cursor_default__trfyte5", text: "text-field_textFieldRecipe_cursor_text__trfyte6" }, variant: { outline: "text-field_textFieldRecipe_variant_outline__trfyte7", ghost: "text-field_textFieldRecipe_variant_ghost__trfyte8" } }, defaultVariants: { size: "2", variant: "outline" }, compoundVariants: [] });
+import { createRuntimeFn as _7a46822 } from "@vanilla-extract/recipes/createRuntimeFn";
+var textFieldRecipe = _7a46822({ defaultClassName: "text-field_textFieldRecipe__trfyte0", variantClassNames: { size: { "1": "text-field_textFieldRecipe_size_1__trfyte1", "2": "text-field_textFieldRecipe_size_2__trfyte2", "3": "text-field_textFieldRecipe_size_3__trfyte3" }, error: { true: "text-field_textFieldRecipe_error_true__trfyte4" }, cursor: { "default": "text-field_textFieldRecipe_cursor_default__trfyte5", text: "text-field_textFieldRecipe_cursor_text__trfyte6" }, variant: { outline: "text-field_textFieldRecipe_variant_outline__trfyte7", ghost: "text-field_textFieldRecipe_variant_ghost__trfyte8" } }, defaultVariants: { size: "2", variant: "outline" }, compoundVariants: [] });
 
 // src/components/text-field.tsx
 import { Slot as Slot16 } from "@radix-ui/react-slot";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var defaultElement15 = "input";
 var TextField = ({ asChild, ...props }) => {
   const variants = pick(props, ...textFieldRecipe.variants());
   const textField = textFieldRecipe(variants);
   const Comp = asChild ? Slot16 : defaultElement15;
-  return /* @__PURE__ */ jsx22(Comp, { ...props, className: mergeClasses(textField, props.className), children: props.children });
+  return /* @__PURE__ */ jsx24(Comp, { ...props, className: mergeClasses(textField, props.className), children: props.children });
 };
 
 // src/components/text.tsx
 import { Slot as Slot17 } from "@radix-ui/react-slot";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var defaultElement16 = "span";
 var Text = ({ asChild, ...props }) => {
   const variants = pick(props, ...textRecipe.variants());
   const text = textRecipe(variants);
   const Comp = asChild ? Slot17 : defaultElement16;
-  return /* @__PURE__ */ jsx23(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ jsx25(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
 };
 
 // src/sprinkles/sprinkles.css.ts
@@ -760,6 +809,7 @@ export {
   Box,
   Button,
   Card,
+  Checkbox,
   Container,
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -781,6 +831,7 @@ export {
   Grid,
   Heading,
   IconButton,
+  Label3 as Label,
   Link,
   Menu,
   MenuCheckboxItem2 as MenuCheckboxItem,