@nayhoo/ui 0.5.1 → 0.6.0

package/dist/index.js

@@ -35,6 +35,7 @@ __export(index_exports, {
   Box: () => Box,
   Button: () => Button,
   Card: () => Card,
+  Checkbox: () => Checkbox,
   Container: () => Container,
   DropdownMenu: () => DropdownMenu,
   DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
@@ -56,6 +57,7 @@ __export(index_exports, {
   Grid: () => Grid,
   Heading: () => Heading,
   IconButton: () => IconButton,
+  Label: () => Label3,
   Link: () => Link,
   Menu: () => Menu,
   MenuCheckboxItem: () => MenuCheckboxItem2,
@@ -306,57 +308,81 @@ var Card = ({ asChild, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ...props, className: mergeClasses(card, props.className), children: props.children });
 };
 
-// src/recipes/container.css.ts
+// src/recipes/checkbox.css.ts
 var import_createRuntimeFn8 = require("@vanilla-extract/recipes/createRuntimeFn");
-var containerRecipe = (0, import_createRuntimeFn8.createRuntimeFn)({ 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 = (0, import_createRuntimeFn8.createRuntimeFn)({ defaultClassName: "checkbox_checkboxIndicatorRecipe__1nifxxb3", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var checkboxRecipe = (0, import_createRuntimeFn8.createRuntimeFn)({ 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
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+var import_react_icons = require("@radix-ui/react-icons");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Checkbox = ({ ...props }) => {
+  const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));
+  const checkboxIndicator = checkboxIndicatorRecipe(
+    pick(props, ...checkboxIndicatorRecipe.variants())
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    CheckboxPrimitive.Root,
+    {
+      ...props,
+      className: mergeClasses(checkbox, props.className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckboxPrimitive.CheckboxIndicator, { className: checkboxIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_icons.CheckIcon, {}) })
+    }
+  );
+};
+
+// src/recipes/container.css.ts
+var import_createRuntimeFn9 = require("@vanilla-extract/recipes/createRuntimeFn");
+var containerRecipe = (0, import_createRuntimeFn9.createRuntimeFn)({ 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
 var import_react_slot7 = require("@radix-ui/react-slot");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var defaultElement7 = "div";
 var Container = ({ asChild, ...props }) => {
   const variants = pick(props, ...containerRecipe.variants());
   const container = containerRecipe(variants);
   const Comp = asChild ? import_react_slot7.Slot : defaultElement7;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Comp, { ...props, className: mergeClasses(container, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Comp, { ...props, className: mergeClasses(container, props.className), children: props.children });
 };
 
 // src/recipes/flex.css.ts
-var import_createRuntimeFn9 = require("@vanilla-extract/recipes/createRuntimeFn");
-var flexRecipe = (0, import_createRuntimeFn9.createRuntimeFn)({ 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: [] });
+var import_createRuntimeFn10 = require("@vanilla-extract/recipes/createRuntimeFn");
+var flexRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ 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
 var import_react_slot8 = require("@radix-ui/react-slot");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var defaultElement8 = "div";
 var Flex = ({ asChild, ...props }) => {
   const variants = pick(props, ...flexRecipe.variants());
   const flex = flexRecipe(variants);
   const Comp = asChild ? import_react_slot8.Slot : defaultElement8;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Comp, { ...props, className: mergeClasses(flex, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Comp, { ...props, className: mergeClasses(flex, props.className), children: props.children });
 };
 
 // src/recipes/menu.css.ts
-var import_createRuntimeFn10 = require("@vanilla-extract/recipes/createRuntimeFn");
-var menuItemRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "menu_menuItemRecipe__v16w0m1 menu_baseMenuItemRecipe__v16w0m0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var menuLabelRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "menu_menuLabelRecipe__v16w0m2 menu_baseMenuItemRecipe__v16w0m0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var menuRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "menu_menuRecipe__v16w0m3", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var menuSeparatorRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "menu_menuSeparatorRecipe__v16w0m4", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var import_createRuntimeFn11 = require("@vanilla-extract/recipes/createRuntimeFn");
+var menuItemRecipe = (0, import_createRuntimeFn11.createRuntimeFn)({ defaultClassName: "menu_menuItemRecipe__v16w0m1 menu_baseMenuItemRecipe__v16w0m0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var menuLabelRecipe = (0, import_createRuntimeFn11.createRuntimeFn)({ defaultClassName: "menu_menuLabelRecipe__v16w0m2 menu_baseMenuItemRecipe__v16w0m0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var menuRecipe = (0, import_createRuntimeFn11.createRuntimeFn)({ defaultClassName: "menu_menuRecipe__v16w0m3", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var menuSeparatorRecipe = (0, import_createRuntimeFn11.createRuntimeFn)({ defaultClassName: "menu_menuSeparatorRecipe__v16w0m4", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 
 // src/recipes/panel.css.ts
-var import_createRuntimeFn11 = require("@vanilla-extract/recipes/createRuntimeFn");
-var panelRecipe = (0, import_createRuntimeFn11.createRuntimeFn)({ defaultClassName: "panel_panelRecipe__1atgh2b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var import_createRuntimeFn12 = require("@vanilla-extract/recipes/createRuntimeFn");
+var panelRecipe = (0, import_createRuntimeFn12.createRuntimeFn)({ defaultClassName: "panel_panelRecipe__1atgh2b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/dropdown-menu.tsx
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_react_icons = require("@radix-ui/react-icons");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react_icons2 = require("@radix-ui/react-icons");
+var import_jsx_runtime11 = require("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__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     DropdownMenuPrimitive.Content,
     {
       ...props,
@@ -367,7 +393,7 @@ var DropdownMenuContent = ({ ...props }) => {
 var DropdownMenuItem = ({ ...props }) => {
   const variants = pick(props, ...menuItemRecipe.variants());
   const menuItem = menuItemRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     DropdownMenuPrimitive.Item,
     {
       ...props,
@@ -380,7 +406,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuLabel = ({ ...props }) => {
   const variants = pick(props, ...menuLabelRecipe.variants());
   const menuLabel = menuLabelRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     DropdownMenuPrimitive.Label,
     {
       ...props,
@@ -394,7 +420,7 @@ var DropdownMenuSeparator = ({
 }) => {
   const variants = pick(props, ...menuSeparatorRecipe.variants());
   const menuSeparator = menuSeparatorRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     DropdownMenuPrimitive.Separator,
     {
       ...props,
@@ -408,13 +434,13 @@ var DropdownMenuCheckboxItem = ({
 }) => {
   const variants = pick(props, ...menuItemRecipe.variants());
   const menuItem = menuItemRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     DropdownMenuPrimitive.CheckboxItem,
     {
       ...props,
       className: mergeClasses(menuItem, props.className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_icons.CheckIcon, {}) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_icons2.CheckIcon, {}) }) }) }),
         props.children
       ]
     }
@@ -427,13 +453,13 @@ var DropdownMenuRadioItem = ({
 }) => {
   const variants = pick(props, ...menuItemRecipe.variants());
   const menuItem = menuItemRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     DropdownMenuPrimitive.RadioItem,
     {
       ...props,
       className: mergeClasses(menuItem, props.className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           Flex,
           {
             style: {
@@ -442,7 +468,7 @@ var DropdownMenuRadioItem = ({
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               Box,
               {
                 style: {
@@ -462,20 +488,20 @@ var DropdownMenuRadioItem = ({
 };
 
 // src/recipes/form.css.ts
-var import_createRuntimeFn12 = require("@vanilla-extract/recipes/createRuntimeFn");
-var formFieldRecipe = (0, import_createRuntimeFn12.createRuntimeFn)({ defaultClassName: "form_formFieldRecipe__ls2e8b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var formLabelRecipe = (0, import_createRuntimeFn12.createRuntimeFn)({ defaultClassName: "form_formLabelRecipe__ls2e8b1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var formMessageRecipe = (0, import_createRuntimeFn12.createRuntimeFn)({ defaultClassName: "form_formMessageRecipe__ls2e8b2", variantClassNames: { error: { true: "form_formMessageRecipe_error_true__ls2e8b3" } }, defaultVariants: {}, compoundVariants: [] });
+var import_createRuntimeFn13 = require("@vanilla-extract/recipes/createRuntimeFn");
+var formFieldRecipe = (0, import_createRuntimeFn13.createRuntimeFn)({ defaultClassName: "form_formFieldRecipe__ls2e8b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var formLabelRecipe = (0, import_createRuntimeFn13.createRuntimeFn)({ defaultClassName: "form_formLabelRecipe__ls2e8b1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var formMessageRecipe = (0, import_createRuntimeFn13.createRuntimeFn)({ defaultClassName: "form_formMessageRecipe__ls2e8b2", variantClassNames: { error: { true: "form_formMessageRecipe_error_true__ls2e8b3" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/form.tsx
 var FormPrimitive = __toESM(require("@radix-ui/react-form"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = 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_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     FormPrimitive.Field,
     {
       ...props,
@@ -487,7 +513,7 @@ var FormField = ({ ...props }) => {
 var FormLabel = ({ ...props }) => {
   const variants = pick(props, ...formLabelRecipe.variants());
   const formLabel = formLabelRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     FormPrimitive.Label,
     {
       ...props,
@@ -499,7 +525,7 @@ var FormLabel = ({ ...props }) => {
 var FormMessage = ({ ...props }) => {
   const variants = pick(props, ...formMessageRecipe.variants());
   const formMessage = formMessageRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     FormPrimitive.Message,
     {
       ...props,
@@ -511,27 +537,27 @@ var FormMessage = ({ ...props }) => {
 var FormSubmit = FormPrimitive.Submit;
 
 // src/recipes/grid.css.ts
-var import_createRuntimeFn13 = require("@vanilla-extract/recipes/createRuntimeFn");
-var gridRecipe = (0, import_createRuntimeFn13.createRuntimeFn)({ 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: [] });
+var import_createRuntimeFn14 = require("@vanilla-extract/recipes/createRuntimeFn");
+var gridRecipe = (0, import_createRuntimeFn14.createRuntimeFn)({ 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
 var import_react_slot9 = require("@radix-ui/react-slot");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var defaultElement9 = "div";
 var Grid = ({ asChild, ...props }) => {
   const variants = pick(props, ...gridRecipe.variants());
   const grid = gridRecipe(variants);
   const Comp = asChild ? import_react_slot9.Slot : defaultElement9;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { ...props, className: mergeClasses(grid, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Comp, { ...props, className: mergeClasses(grid, props.className), children: props.children });
 };
 
 // src/recipes/text.css.ts
-var import_createRuntimeFn14 = require("@vanilla-extract/recipes/createRuntimeFn");
-var textRecipe = (0, import_createRuntimeFn14.createRuntimeFn)({ 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: [] });
+var import_createRuntimeFn15 = require("@vanilla-extract/recipes/createRuntimeFn");
+var textRecipe = (0, import_createRuntimeFn15.createRuntimeFn)({ 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
 var import_react_slot10 = require("@radix-ui/react-slot");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var textAs = {
   1: "h1",
   2: "h2",
@@ -558,22 +584,22 @@ var Heading = ({
 }) => {
   const text = textRecipe({ color, size: textSize[level], weight });
   const Comp = asChild ? import_react_slot10.Slot : textAs[level];
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
 };
 
 // src/recipes/icon-button.css.ts
-var import_createRuntimeFn15 = require("@vanilla-extract/recipes/createRuntimeFn");
-var iconButtonRecipe = (0, import_createRuntimeFn15.createRuntimeFn)({ 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: [] });
+var import_createRuntimeFn16 = require("@vanilla-extract/recipes/createRuntimeFn");
+var iconButtonRecipe = (0, import_createRuntimeFn16.createRuntimeFn)({ 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
 var import_react_slot11 = require("@radix-ui/react-slot");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var defaultElement10 = "button";
 var IconButton = ({ asChild, ...props }) => {
   const variants = pick(props, ...iconButtonRecipe.variants());
   const iconButton = iconButtonRecipe(variants);
   const Comp = asChild ? import_react_slot11.Slot : defaultElement10;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     Comp,
     {
       ...props,
@@ -581,40 +607,65 @@ var IconButton = ({ asChild, ...props }) => {
       disabled: props.disabled || Boolean(variants.loading),
       children: [
         props.children,
-        variants.loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Spinner, { style: { position: "absolute" } })
+        variants.loading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Spinner, { style: { position: "absolute" } })
       ]
     }
   );
 };
 
+// src/recipes/label.css.ts
+var import_createRuntimeFn17 = require("@vanilla-extract/recipes/createRuntimeFn");
+var labelRecipe = (0, import_createRuntimeFn17.createRuntimeFn)({ defaultClassName: "label_labelRecipe__7n5rtz0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+
+// src/components/label.tsx
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_jsx_runtime16 = require("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__ */ (0, import_jsx_runtime16.jsx)(
+    LabelPrimitive.Root,
+    {
+      ...props,
+      className: mergeClasses(text, label, props.className),
+      children: props.children
+    }
+  );
+};
+
 // src/recipes/link.css.ts
-var import_createRuntimeFn16 = require("@vanilla-extract/recipes/createRuntimeFn");
-var linkRecipe = (0, import_createRuntimeFn16.createRuntimeFn)({ 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: [] });
+var import_createRuntimeFn18 = require("@vanilla-extract/recipes/createRuntimeFn");
+var linkRecipe = (0, import_createRuntimeFn18.createRuntimeFn)({ 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
 var import_react_slot12 = require("@radix-ui/react-slot");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var defaultElement11 = "a";
 var Link = ({ asChild, ...props }) => {
   const variants = pick(props, ...linkRecipe.variants());
   const link = linkRecipe(variants);
   const Comp = asChild ? import_react_slot12.Slot : defaultElement11;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ...props, className: mergeClasses(link, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Comp, { ...props, className: mergeClasses(link, props.className), children: props.children });
 };
 
 // src/components/menu.tsx
-var import_react_icons2 = require("@radix-ui/react-icons");
+var import_react_icons3 = require("@radix-ui/react-icons");
 var MenuPrimitive = __toESM(require("@radix-ui/react-menu"));
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Menu = ({ ...props }) => {
   const variants = pick(props, ...menuRecipe.variants());
   const menu = menuRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MenuPrimitive.Root, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: mergeClasses(menu, props.className), children: props.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MenuPrimitive.Root, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: mergeClasses(menu, props.className), children: props.children }) });
 };
 var MenuContent = ({ ...props }) => {
   const variants = pick(props, ...panelRecipe.variants());
   const panel = panelRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     MenuPrimitive.Content,
     {
       ...props,
@@ -626,7 +677,7 @@ var MenuContent = ({ ...props }) => {
 var MenuSeparator = ({ ...props }) => {
   const variants = pick(props, ...menuSeparatorRecipe.variants());
   const menuSeparator = menuSeparatorRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     MenuPrimitive.Separator,
     {
       ...props,
@@ -638,7 +689,7 @@ var MenuSeparator = ({ ...props }) => {
 var MenuItem2 = ({ ...props }) => {
   const variants = pick(props, ...menuItemRecipe.variants());
   const menuItem = menuItemRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     MenuPrimitive.MenuItem,
     {
       ...props,
@@ -650,13 +701,13 @@ var MenuItem2 = ({ ...props }) => {
 var MenuRadioItem = ({ ...props }) => {
   const variants = pick(props, ...menuItemRecipe.variants());
   const menuItem = menuItemRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     MenuPrimitive.RadioItem,
     {
       ...props,
       className: mergeClasses(menuItem, props.className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Flex,
           {
             style: {
@@ -665,7 +716,7 @@ var MenuRadioItem = ({ ...props }) => {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               Box,
               {
                 style: {
@@ -686,13 +737,13 @@ var MenuRadioItem = ({ ...props }) => {
 var MenuCheckboxItem2 = ({ ...props }) => {
   const variants = pick(props, ...menuItemRecipe.variants());
   const menuItem = menuItemRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     MenuPrimitive.MenuCheckboxItem,
     {
       ...props,
       className: mergeClasses(menuItem, props.className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons2.CheckIcon, {}) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_icons3.CheckIcon, {}) }) }) }),
         props.children
       ]
     }
@@ -701,7 +752,7 @@ var MenuCheckboxItem2 = ({ ...props }) => {
 var MenuLabel2 = ({ ...props }) => {
   const variants = pick(props, ...menuLabelRecipe.variants());
   const menuLabel = menuLabelRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     MenuPrimitive.MenuLabel,
     {
       ...props,
@@ -715,20 +766,20 @@ var MenuGroup = MenuPrimitive.Group;
 
 // src/components/panel.tsx
 var import_react_slot13 = require("@radix-ui/react-slot");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var defaultElement12 = "div";
 var Panel = ({ asChild, ...props }) => {
   const variants = pick(props, ...panelRecipe.variants());
   const panel = panelRecipe(variants);
   const Comp = asChild ? import_react_slot13.Slot : defaultElement12;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Comp, { ...props, className: mergeClasses(panel, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Comp, { ...props, className: mergeClasses(panel, props.className), children: props.children });
 };
 
 // src/components/paragraph.tsx
 var import_react_slot14 = require("@radix-ui/react-slot");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var defaultElement13 = "p";
-var textSize2 = {
+var textSize3 = {
   1: "3",
   2: "4"
 };
@@ -739,22 +790,22 @@ var Paragraph = ({
   weight,
   ...props
 }) => {
-  const text = textRecipe({ color, size: textSize2[size], weight });
+  const text = textRecipe({ color, size: textSize3[size], weight });
   const Comp = asChild ? import_react_slot14.Slot : defaultElement13;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
 };
 
 // src/recipes/separator.css.ts
-var import_createRuntimeFn17 = require("@vanilla-extract/recipes/createRuntimeFn");
-var separatorRecipe = (0, import_createRuntimeFn17.createRuntimeFn)({ defaultClassName: "separator_separatorRecipe__11isr9a0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var import_createRuntimeFn19 = require("@vanilla-extract/recipes/createRuntimeFn");
+var separatorRecipe = (0, import_createRuntimeFn19.createRuntimeFn)({ defaultClassName: "separator_separatorRecipe__11isr9a0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Separator3 = ({ ...props }) => {
   const variants = pick(props, ...separatorRecipe.variants());
   const separator = separatorRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     SeparatorPrimitive.Root,
     {
       ...props,
@@ -765,32 +816,32 @@ var Separator3 = ({ ...props }) => {
 };
 
 // src/recipes/skeleton.css.ts
-var import_createRuntimeFn18 = require("@vanilla-extract/recipes/createRuntimeFn");
-var skeletonRecipe = (0, import_createRuntimeFn18.createRuntimeFn)({ 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: [] });
+var import_createRuntimeFn20 = require("@vanilla-extract/recipes/createRuntimeFn");
+var skeletonRecipe = (0, import_createRuntimeFn20.createRuntimeFn)({ 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
 var import_react_slot15 = require("@radix-ui/react-slot");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var defaultElement14 = "div";
 var Skeleton = ({ asChild, ...props }) => {
   const variants = pick(props, ...skeletonRecipe.variants());
   const skeleton = skeletonRecipe(variants);
   const Comp = asChild ? import_react_slot15.Slot : defaultElement14;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Comp, { ...props, className: mergeClasses(skeleton, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ...props, className: mergeClasses(skeleton, props.className), children: props.children });
 };
 
 // src/recipes/switch.css.ts
-var import_createRuntimeFn19 = require("@vanilla-extract/recipes/createRuntimeFn");
-var switchRecipe = (0, import_createRuntimeFn19.createRuntimeFn)({ defaultClassName: "switch_switchRecipe__6op4100", variantClassNames: { size: { "1": "switch_switchRecipe_size_1__6op4101", "2": "switch_switchRecipe_size_2__6op4102" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
-var switchThumbRecipe = (0, import_createRuntimeFn19.createRuntimeFn)({ defaultClassName: "switch_switchThumbRecipe__6op4103", variantClassNames: { size: { "1": "switch_switchThumbRecipe_size_1__6op4104", "2": "switch_switchThumbRecipe_size_2__6op4105" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
+var import_createRuntimeFn21 = require("@vanilla-extract/recipes/createRuntimeFn");
+var switchRecipe = (0, import_createRuntimeFn21.createRuntimeFn)({ defaultClassName: "switch_switchRecipe__6op4100", variantClassNames: { size: { "1": "switch_switchRecipe_size_1__6op4101", "2": "switch_switchRecipe_size_2__6op4102" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
+var switchThumbRecipe = (0, import_createRuntimeFn21.createRuntimeFn)({ 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
 var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var SwitchThumb = ({ ...props }) => {
   const variants = pick(props, ...switchThumbRecipe.variants());
   const switchThumb = switchThumbRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     SwitchPrimitive.Thumb,
     {
       ...props,
@@ -801,40 +852,40 @@ var SwitchThumb = ({ ...props }) => {
 var Switch = ({ ...props }) => {
   const variants = pick(props, ...switchRecipe.variants());
   const _switch = switchRecipe(variants);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     SwitchPrimitive.Root,
     {
       ...props,
       className: mergeClasses(_switch, props.className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SwitchThumb, { size: variants.size })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SwitchThumb, { size: variants.size })
     }
   );
 };
 
 // src/recipes/text-field.css.ts
-var import_createRuntimeFn20 = require("@vanilla-extract/recipes/createRuntimeFn");
-var textFieldRecipe = (0, import_createRuntimeFn20.createRuntimeFn)({ 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: [] });
+var import_createRuntimeFn22 = require("@vanilla-extract/recipes/createRuntimeFn");
+var textFieldRecipe = (0, import_createRuntimeFn22.createRuntimeFn)({ 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
 var import_react_slot16 = require("@radix-ui/react-slot");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var defaultElement15 = "input";
 var TextField = ({ asChild, ...props }) => {
   const variants = pick(props, ...textFieldRecipe.variants());
   const textField = textFieldRecipe(variants);
   const Comp = asChild ? import_react_slot16.Slot : defaultElement15;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { ...props, className: mergeClasses(textField, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Comp, { ...props, className: mergeClasses(textField, props.className), children: props.children });
 };
 
 // src/components/text.tsx
 var import_react_slot17 = require("@radix-ui/react-slot");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var defaultElement16 = "span";
 var Text = ({ asChild, ...props }) => {
   const variants = pick(props, ...textRecipe.variants());
   const text = textRecipe(variants);
   const Comp = asChild ? import_react_slot17.Slot : defaultElement16;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
 };
 
 // src/sprinkles/sprinkles.css.ts
@@ -853,6 +904,7 @@ var lightTheme = "light-theme__z73fs90";
   Box,
   Button,
   Card,
+  Checkbox,
   Container,
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -874,6 +926,7 @@ var lightTheme = "light-theme__z73fs90";
   Grid,
   Heading,
   IconButton,
+  Label,
   Link,
   Menu,
   MenuCheckboxItem,