@nayhoo/ui 0.2.0 → 0.3.1

package/dist/index.js

@@ -36,6 +36,16 @@ __export(index_exports, {
   Button: () => Button,
   Card: () => Card,
   Container: () => Container,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
   Flex: () => Flex,
   Form: () => Form,
   FormControl: () => FormControl,
@@ -47,9 +57,18 @@ __export(index_exports, {
   Heading: () => Heading,
   IconButton: () => IconButton,
   Link: () => Link,
+  Menu: () => Menu,
+  MenuCheckboxItem: () => MenuCheckboxItem2,
+  MenuContent: () => MenuContent,
+  MenuGroup: () => MenuGroup,
+  MenuItem: () => MenuItem2,
+  MenuLabel: () => MenuLabel2,
+  MenuRadioGroup: () => MenuRadioGroup,
+  MenuRadioItem: () => MenuRadioItem,
+  MenuSeparator: () => MenuSeparator,
   Panel: () => Panel,
   Paragraph: () => Paragraph,
-  Separator: () => Separator,
+  Separator: () => Separator3,
   Skeleton: () => Skeleton,
   Spinner: () => Spinner,
   Status: () => Status,
@@ -115,27 +134,45 @@ var statusRecipe = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassNa
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultElement2 = "div";
-var Status = ({ asChild, ...props }) => {
-  const status = statusRecipe({});
+var Status = ({ asChild, size, variant, ...props }) => {
+  const status = statusRecipe({ size, variant });
   const Comp = asChild ? import_react_slot2.Slot : defaultElement2;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { ...props, className: mergeClasses(status, props.className), children: props.children });
 };
 
 // src/components/avatar.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var AvatarImage = ({ ...props }) => {
+var AvatarImage = ({
+  ...props
+}) => {
   const avatarImage = avatarImageRecipe({});
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarPrimitive.Image, { ...props, className: mergeClasses(avatarImage, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    AvatarPrimitive.Image,
+    {
+      ...props,
+      className: mergeClasses(avatarImage, props.className),
+      children: props.children
+    }
+  );
 };
 var AvatarFallback = ({
   ...props
 }) => {
   const avatarFallback = avatarFallbackRecipe({});
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarPrimitive.Fallback, { ...props, className: mergeClasses(avatarFallback, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    AvatarPrimitive.Fallback,
+    {
+      ...props,
+      className: mergeClasses(avatarFallback, props.className),
+      children: props.children
+    }
+  );
 };
 var Avatar2 = ({
   alt,
   fallback,
+  inactive,
+  interactive,
   shape,
   size,
   src,
@@ -143,7 +180,7 @@ var Avatar2 = ({
   style,
   ...props
 }) => {
-  const avatar = avatarRecipe({ shape, size });
+  const avatar = avatarRecipe({ inactive, interactive, shape, size });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     Box,
     {
@@ -154,10 +191,17 @@ var Avatar2 = ({
         ...style
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(AvatarPrimitive.Avatar, { ...props, className: mergeClasses(avatar, props.className), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarImage, { alt, src }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarFallback, { size })
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          AvatarPrimitive.Avatar,
+          {
+            ...props,
+            className: mergeClasses(avatar, props.className),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarImage, { alt, src }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarFallback, { size })
+            ]
+          }
+        ),
         status && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           Box,
           {
@@ -170,7 +214,13 @@ var Avatar2 = ({
               marginRight: "-3px",
               marginBottom: "-3px"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Status, { size: size && Number(size) > 2 ? "2" : "1", variant: status })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              Status,
+              {
+                size: size && Number(size) > 2 ? "2" : "1",
+                variant: status
+              }
+            )
           }
         )
       ]
@@ -186,7 +236,13 @@ var badgeRecipe = (0, import_createRuntimeFn4.createRuntimeFn)({ defaultClassNam
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var defaultElement3 = "span";
-var Badge = ({ asChild, color, size, label, ...props }) => {
+var Badge = ({
+  asChild,
+  color,
+  size,
+  label,
+  ...props
+}) => {
   const badge = badgeRecipe({ color, size });
   const Comp = asChild ? import_react_slot3.Slot : defaultElement3;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Comp, { ...props, className: mergeClasses(badge, props.className), children: label });
@@ -208,7 +264,7 @@ var Spinner = ({ asChild, size, ...props }) => {
 
 // src/recipes/button.css.ts
 var import_createRuntimeFn6 = require("@vanilla-extract/recipes/createRuntimeFn");
-var buttonRecipe = (0, import_createRuntimeFn6.createRuntimeFn)({ defaultClassName: "a5gfcc0", variantClassNames: { color: { primary: "a5gfcc1", secondary: "a5gfcc2", error: "a5gfcc3" }, fullWidth: { true: "a5gfcc4" }, loading: { true: "a5gfcc5" }, shape: { square: "a5gfcc6", pill: "a5gfcc7" }, size: { "1": "a5gfcc8", "2": "a5gfcc9", "3": "a5gfcca" }, variant: { "default": "a5gfccb", outline: "a5gfccc", ghost: "a5gfccd" } }, defaultVariants: { color: "primary", size: "2", variant: "default" }, compoundVariants: [[{ variant: "default", color: "primary" }, "a5gfcce"], [{ variant: "default", color: "secondary" }, "a5gfccf"], [{ variant: "default", color: "error" }, "a5gfccg"]] });
+var buttonRecipe = (0, import_createRuntimeFn6.createRuntimeFn)({ defaultClassName: "a5gfcc0", variantClassNames: { color: { primary: "a5gfcc1", secondary: "a5gfcc2", error: "a5gfcc3" }, fullWidth: { true: "a5gfcc4" }, loading: { true: "a5gfcc5" }, size: { "1": "a5gfcc6", "2": "a5gfcc7", "3": "a5gfcc8" }, shape: { square: "a5gfcc9", pill: "a5gfcca" }, variant: { "default": "a5gfccb", outline: "a5gfccc", ghost: "a5gfccd" } }, defaultVariants: { color: "primary", size: "2", variant: "default" }, compoundVariants: [[{ variant: "default", color: "primary" }, "a5gfcce"], [{ variant: "default", color: "secondary" }, "a5gfccf"], [{ variant: "default", color: "error" }, "a5gfccg"]] });
 
 // src/components/button.tsx
 var import_react_slot5 = require("@radix-ui/react-slot");
@@ -255,7 +311,12 @@ var cardRecipe = (0, import_createRuntimeFn7.createRuntimeFn)({ defaultClassName
 var import_react_slot6 = require("@radix-ui/react-slot");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var defaultElement6 = "div";
-var Card = ({ asChild, disableElevation, variant, ...props }) => {
+var Card = ({
+  asChild,
+  disableElevation,
+  variant,
+  ...props
+}) => {
   const card = cardRecipe({ disableElevation, variant });
   const Comp = asChild ? import_react_slot6.Slot : defaultElement6;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ...props, className: mergeClasses(card, props.className), children: props.children });
@@ -283,47 +344,206 @@ var flexRecipe = (0, import_createRuntimeFn9.createRuntimeFn)({ defaultClassName
 var import_react_slot8 = require("@radix-ui/react-slot");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var defaultElement8 = "div";
-var Flex = ({ asChild, align, direction, gap, justify, wrap, ...props }) => {
+var Flex = ({
+  asChild,
+  align,
+  direction,
+  gap,
+  justify,
+  wrap,
+  ...props
+}) => {
   const flex = flexRecipe({ align, direction, gap, justify, wrap });
   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 });
 };
 
-// src/recipes/form.css.ts
+// src/recipes/menu.css.ts
 var import_createRuntimeFn10 = require("@vanilla-extract/recipes/createRuntimeFn");
-var formFieldRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "ls2e8b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var formLabelRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "ls2e8b1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
-var formMessageRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "ls2e8b2", variantClassNames: { error: { true: "ls2e8b3" } }, defaultVariants: {}, compoundVariants: [] });
+var menuItemRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "v16w0m1 v16w0m0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var menuLabelRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "v16w0m2 v16w0m0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var menuRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "v16w0m3", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var menuSeparatorRecipe = (0, import_createRuntimeFn10.createRuntimeFn)({ defaultClassName: "v16w0m4", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+
+// src/recipes/panel.css.ts
+var import_createRuntimeFn11 = require("@vanilla-extract/recipes/createRuntimeFn");
+var panelRecipe = (0, import_createRuntimeFn11.createRuntimeFn)({ defaultClassName: "_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 DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuContent = ({
+  ...props
+}) => {
+  const menu = menuRecipe({});
+  const panel = panelRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    DropdownMenuPrimitive.Content,
+    {
+      ...props,
+      className: mergeClasses(menu, panel, props.className)
+    }
+  ) });
+};
+var DropdownMenuItem = ({
+  ...props
+}) => {
+  const menuItem = menuItemRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    DropdownMenuPrimitive.Item,
+    {
+      ...props,
+      className: mergeClasses(menuItem, props.className),
+      children: props.children
+    }
+  );
+};
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuLabel = ({
+  ...props
+}) => {
+  const menuLabel = menuLabelRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    DropdownMenuPrimitive.Label,
+    {
+      ...props,
+      className: mergeClasses(menuLabel, props.className),
+      children: props.children
+    }
+  );
+};
+var DropdownMenuSeparator = ({
+  ...props
+}) => {
+  const menuSeparator = menuSeparatorRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    DropdownMenuPrimitive.Separator,
+    {
+      ...props,
+      className: mergeClasses(menuSeparator, props.className),
+      children: props.children
+    }
+  );
+};
+var DropdownMenuCheckboxItem = ({
+  ...props
+}) => {
+  const menuItem = menuItemRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime10.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, {}) }) }) }),
+        props.children
+      ]
+    }
+  );
+};
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuRadioItem = ({
+  children,
+  ...props
+}) => {
+  const menuItem = menuItemRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime10.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)(
+          Flex,
+          {
+            style: {
+              width: theme.sizes[3],
+              height: theme.sizes[3],
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              Box,
+              {
+                style: {
+                  width: theme.sizes[1],
+                  height: theme.sizes[1],
+                  backgroundColor: "currentColor",
+                  borderRadius: theme.radii.round
+                }
+              }
+            )
+          }
+        ) }) }) }),
+        children
+      ]
+    }
+  );
+};
+
+// src/recipes/form.css.ts
+var import_createRuntimeFn12 = require("@vanilla-extract/recipes/createRuntimeFn");
+var formFieldRecipe = (0, import_createRuntimeFn12.createRuntimeFn)({ defaultClassName: "ls2e8b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var formLabelRecipe = (0, import_createRuntimeFn12.createRuntimeFn)({ defaultClassName: "ls2e8b1", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var formMessageRecipe = (0, import_createRuntimeFn12.createRuntimeFn)({ defaultClassName: "ls2e8b2", variantClassNames: { error: { true: "ls2e8b3" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/form.tsx
 var FormPrimitive = __toESM(require("@radix-ui/react-form"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Form = FormPrimitive.Root;
 var FormControl = FormPrimitive.Control;
-var FormField = ({ ...props }) => {
+var FormField = ({
+  ...props
+}) => {
   const formField = formFieldRecipe({});
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormPrimitive.Field, { ...props, className: mergeClasses(formField, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    FormPrimitive.Field,
+    {
+      ...props,
+      className: mergeClasses(formField, props.className),
+      children: props.children
+    }
+  );
 };
-var FormLabel = ({ ...props }) => {
+var FormLabel = ({
+  ...props
+}) => {
   const formLabel = formLabelRecipe({});
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormPrimitive.Label, { ...props, className: mergeClasses(formLabel, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    FormPrimitive.Label,
+    {
+      ...props,
+      className: mergeClasses(formLabel, props.className),
+      children: props.children
+    }
+  );
 };
 var FormMessage = ({
   error,
   ...props
 }) => {
   const formMessage = formMessageRecipe({ error });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FormPrimitive.Message, { ...props, className: mergeClasses(formMessage, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    FormPrimitive.Message,
+    {
+      ...props,
+      className: mergeClasses(formMessage, props.className),
+      children: props.children
+    }
+  );
 };
 var FormSubmit = FormPrimitive.Submit;
 
 // src/recipes/grid.css.ts
-var import_createRuntimeFn11 = require("@vanilla-extract/recipes/createRuntimeFn");
-var gridRecipe = (0, import_createRuntimeFn11.createRuntimeFn)({ defaultClassName: "_1ab943t0", variantClassNames: { align: { start: "_1ab943t1", center: "_1ab943t2", end: "_1ab943t3", stretch: "_1ab943t4", baseline: "_1ab943t5" }, columns: { "1": "_1ab943t6", "2": "_1ab943t7", "3": "_1ab943t8", "4": "_1ab943t9", "5": "_1ab943ta", "6": "_1ab943tb", "7": "_1ab943tc", "8": "_1ab943td", "9": "_1ab943te", "10": "_1ab943tf" }, flow: { row: "_1ab943tg", column: "_1ab943th", dense: "_1ab943ti", rowDense: "_1ab943tj", columnDense: "_1ab943tk" }, gap: { "1": "_1ab943tl", "2": "_1ab943tm", "3": "_1ab943tn", "4": "_1ab943to", "5": "_1ab943tp", "6": "_1ab943tq", "7": "_1ab943tr", "8": "_1ab943ts", "9": "_1ab943tt" }, gapX: { "1": "_1ab943tu", "2": "_1ab943tv", "3": "_1ab943tw", "4": "_1ab943tx", "5": "_1ab943ty", "6": "_1ab943tz", "7": "_1ab943t10", "8": "_1ab943t11", "9": "_1ab943t12" }, gapY: { "1": "_1ab943t13", "2": "_1ab943t14", "3": "_1ab943t15", "4": "_1ab943t16", "5": "_1ab943t17", "6": "_1ab943t18", "7": "_1ab943t19", "8": "_1ab943t1a", "9": "_1ab943t1b" }, justify: { start: "_1ab943t1c", center: "_1ab943t1d", end: "_1ab943t1e", between: "_1ab943t1f" }, rows: { "1": "_1ab943t1g", "2": "_1ab943t1h", "3": "_1ab943t1i", "4": "_1ab943t1j", "5": "_1ab943t1k", "6": "_1ab943t1l", "7": "_1ab943t1m", "8": "_1ab943t1n", "9": "_1ab943t1o", "10": "_1ab943t1p" } }, defaultVariants: {}, compoundVariants: [] });
+var import_createRuntimeFn13 = require("@vanilla-extract/recipes/createRuntimeFn");
+var gridRecipe = (0, import_createRuntimeFn13.createRuntimeFn)({ defaultClassName: "_1ab943t0", variantClassNames: { align: { start: "_1ab943t1", center: "_1ab943t2", end: "_1ab943t3", stretch: "_1ab943t4", baseline: "_1ab943t5" }, columns: { "1": "_1ab943t6", "2": "_1ab943t7", "3": "_1ab943t8", "4": "_1ab943t9", "5": "_1ab943ta", "6": "_1ab943tb", "7": "_1ab943tc", "8": "_1ab943td", "9": "_1ab943te", "10": "_1ab943tf" }, flow: { row: "_1ab943tg", column: "_1ab943th", dense: "_1ab943ti", rowDense: "_1ab943tj", columnDense: "_1ab943tk" }, gap: { "1": "_1ab943tl", "2": "_1ab943tm", "3": "_1ab943tn", "4": "_1ab943to", "5": "_1ab943tp", "6": "_1ab943tq", "7": "_1ab943tr", "8": "_1ab943ts", "9": "_1ab943tt" }, gapX: { "1": "_1ab943tu", "2": "_1ab943tv", "3": "_1ab943tw", "4": "_1ab943tx", "5": "_1ab943ty", "6": "_1ab943tz", "7": "_1ab943t10", "8": "_1ab943t11", "9": "_1ab943t12" }, gapY: { "1": "_1ab943t13", "2": "_1ab943t14", "3": "_1ab943t15", "4": "_1ab943t16", "5": "_1ab943t17", "6": "_1ab943t18", "7": "_1ab943t19", "8": "_1ab943t1a", "9": "_1ab943t1b" }, justify: { start: "_1ab943t1c", center: "_1ab943t1d", end: "_1ab943t1e", between: "_1ab943t1f" }, rows: { "1": "_1ab943t1g", "2": "_1ab943t1h", "3": "_1ab943t1i", "4": "_1ab943t1j", "5": "_1ab943t1k", "6": "_1ab943t1l", "7": "_1ab943t1m", "8": "_1ab943t1n", "9": "_1ab943t1o", "10": "_1ab943t1p" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/grid.tsx
 var import_react_slot9 = require("@radix-ui/react-slot");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var defaultElement9 = "div";
 var Grid = ({
   asChild,
@@ -348,16 +568,16 @@ var Grid = ({
     rows
   });
   const Comp = asChild ? import_react_slot9.Slot : defaultElement9;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Comp, { ...props, className: mergeClasses(grid, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { ...props, className: mergeClasses(grid, props.className), children: props.children });
 };
 
 // src/recipes/text.css.ts
-var import_createRuntimeFn12 = require("@vanilla-extract/recipes/createRuntimeFn");
-var textRecipe = (0, import_createRuntimeFn12.createRuntimeFn)({ defaultClassName: "_1loikgr0", variantClassNames: { color: { primary: "_1loikgr1", secondary: "_1loikgr2", error: "_1loikgr3", subtle: "_1loikgr4" }, size: { "1": "_1loikgr5", "2": "_1loikgr6", "3": "_1loikgr7", "4": "_1loikgr8", "5": "_1loikgr9", "6": "_1loikgra", "7": "_1loikgrb", "8": "_1loikgrc", "9": "_1loikgrd" }, weight: { regular: "_1loikgre", medium: "_1loikgrf", bold: "_1loikgrg" } }, defaultVariants: { size: "3" }, compoundVariants: [] });
+var import_createRuntimeFn14 = require("@vanilla-extract/recipes/createRuntimeFn");
+var textRecipe = (0, import_createRuntimeFn14.createRuntimeFn)({ defaultClassName: "_1loikgr0", variantClassNames: { color: { primary: "_1loikgr1", secondary: "_1loikgr2", error: "_1loikgr3", subtle: "_1loikgr4" }, size: { "1": "_1loikgr5", "2": "_1loikgr6", "3": "_1loikgr7", "4": "_1loikgr8", "5": "_1loikgr9", "6": "_1loikgra", "7": "_1loikgrb", "8": "_1loikgrc", "9": "_1loikgrd" }, weight: { regular: "_1loikgre", medium: "_1loikgrf", bold: "_1loikgrg" } }, defaultVariants: { size: "3" }, compoundVariants: [] });
 
 // src/components/heading.tsx
 var import_react_slot10 = require("@radix-ui/react-slot");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var textAs = {
   1: "h1",
   2: "h2",
@@ -384,21 +604,27 @@ var Heading = ({
 }) => {
   const text = textRecipe({ color, size: textSize[level], weight });
   const Comp = asChild ? import_react_slot10.Slot : textAs[level];
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
 };
 
 // src/recipes/icon-button.css.ts
-var import_createRuntimeFn13 = require("@vanilla-extract/recipes/createRuntimeFn");
-var iconButtonRecipe = (0, import_createRuntimeFn13.createRuntimeFn)({ defaultClassName: "_1dx7i1t0", variantClassNames: { loading: { true: "_1dx7i1t1" }, size: { "1": "_1dx7i1t2", "2": "_1dx7i1t3", "3": "_1dx7i1t4", "4": "_1dx7i1t5" }, variant: { ghost: "_1dx7i1t6", outline: "_1dx7i1t7" } }, defaultVariants: { size: "1", variant: "ghost" }, compoundVariants: [] });
+var import_createRuntimeFn15 = require("@vanilla-extract/recipes/createRuntimeFn");
+var iconButtonRecipe = (0, import_createRuntimeFn15.createRuntimeFn)({ defaultClassName: "_1dx7i1t0", variantClassNames: { loading: { true: "_1dx7i1t1" }, size: { "1": "_1dx7i1t2", "2": "_1dx7i1t3", "3": "_1dx7i1t4", "4": "_1dx7i1t5" }, variant: { ghost: "_1dx7i1t6", 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_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var defaultElement10 = "button";
-var IconButton = ({ asChild, loading, size, variant, ...props }) => {
+var IconButton = ({
+  asChild,
+  loading,
+  size,
+  variant,
+  ...props
+}) => {
   const iconButton = iconButtonRecipe({ loading, size, variant });
   const Comp = asChild ? import_react_slot11.Slot : defaultElement10;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     Comp,
     {
       ...props,
@@ -406,127 +632,260 @@ var IconButton = ({ asChild, loading, size, variant, ...props }) => {
       disabled: props.disabled || Boolean(loading),
       children: [
         props.children,
-        loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, { style: { position: "absolute" } })
+        loading && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Spinner, { style: { position: "absolute" } })
       ]
     }
   );
 };
 
 // src/recipes/link.css.ts
-var import_createRuntimeFn14 = require("@vanilla-extract/recipes/createRuntimeFn");
-var linkRecipe = (0, import_createRuntimeFn14.createRuntimeFn)({ defaultClassName: "kd87m50", variantClassNames: { color: { primary: "kd87m51", secondary: "kd87m52", error: "kd87m53", subtle: "kd87m54" } }, defaultVariants: {}, compoundVariants: [] });
+var import_createRuntimeFn16 = require("@vanilla-extract/recipes/createRuntimeFn");
+var linkRecipe = (0, import_createRuntimeFn16.createRuntimeFn)({ defaultClassName: "kd87m50", variantClassNames: { color: { primary: "kd87m51", secondary: "kd87m52", error: "kd87m53", subtle: "kd87m54" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/link.tsx
 var import_react_slot12 = require("@radix-ui/react-slot");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var defaultElement11 = "a";
 var Link = ({ asChild, color, ...props }) => {
   const link = linkRecipe({ color });
   const Comp = asChild ? import_react_slot12.Slot : defaultElement11;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Comp, { ...props, className: mergeClasses(link, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ...props, className: mergeClasses(link, props.className), children: props.children });
 };
 
-// src/recipes/panel.css.ts
-var import_createRuntimeFn15 = require("@vanilla-extract/recipes/createRuntimeFn");
-var panelRecipe = (0, import_createRuntimeFn15.createRuntimeFn)({ defaultClassName: "_1atgh2b0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+// src/components/menu.tsx
+var import_react_icons2 = require("@radix-ui/react-icons");
+var MenuPrimitive = __toESM(require("@radix-ui/react-menu"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Menu = ({
+  ...props
+}) => {
+  const menu = menuRecipe({});
+  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 }) });
+};
+var MenuContent = ({ ...props }) => {
+  const panel = panelRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    MenuPrimitive.Content,
+    {
+      ...props,
+      className: mergeClasses(panel, props.className),
+      children: props.children
+    }
+  );
+};
+var MenuSeparator = ({
+  ...props
+}) => {
+  const menuSeparator = menuSeparatorRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    MenuPrimitive.Separator,
+    {
+      ...props,
+      className: mergeClasses(menuSeparator, props.className),
+      children: props.children
+    }
+  );
+};
+var MenuItem2 = ({ ...props }) => {
+  const menuItem = menuItemRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    MenuPrimitive.MenuItem,
+    {
+      ...props,
+      className: mergeClasses(menuItem, props.className),
+      children: props.children
+    }
+  );
+};
+var MenuRadioItem = ({
+  ...props
+}) => {
+  const menuItem = menuItemRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime16.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)(
+          Flex,
+          {
+            style: {
+              width: theme.sizes[3],
+              height: theme.sizes[3],
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              Box,
+              {
+                style: {
+                  width: theme.sizes[1],
+                  height: theme.sizes[1],
+                  backgroundColor: "currentColor",
+                  borderRadius: theme.radii.round
+                }
+              }
+            )
+          }
+        ) }) }) }),
+        props.children
+      ]
+    }
+  );
+};
+var MenuCheckboxItem2 = ({
+  ...props
+}) => {
+  const menuItem = menuItemRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime16.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, {}) }) }) }),
+        props.children
+      ]
+    }
+  );
+};
+var MenuLabel2 = ({ ...props }) => {
+  const menuLabel = menuLabelRecipe({});
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    MenuPrimitive.MenuLabel,
+    {
+      ...props,
+      className: mergeClasses(menuLabel, props.className),
+      children: props.children
+    }
+  );
+};
+var MenuRadioGroup = MenuPrimitive.RadioGroup;
+var MenuGroup = MenuPrimitive.Group;
 
 // src/components/panel.tsx
 var import_react_slot13 = require("@radix-ui/react-slot");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var defaultElement12 = "div";
 var Panel = ({ asChild, ...props }) => {
   const panel = panelRecipe({});
   const Comp = asChild ? import_react_slot13.Slot : defaultElement12;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ...props, className: mergeClasses(panel, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var defaultElement13 = "p";
 var textSize2 = {
   1: "3",
   2: "4"
 };
-var Paragraph = ({ asChild, color, size = "1", weight, ...props }) => {
+var Paragraph = ({
+  asChild,
+  color,
+  size = "1",
+  weight,
+  ...props
+}) => {
   const text = textRecipe({ color, size: textSize2[size], weight });
   const Comp = asChild ? import_react_slot14.Slot : defaultElement13;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
 };
 
 // src/recipes/separator.css.ts
-var import_createRuntimeFn16 = require("@vanilla-extract/recipes/createRuntimeFn");
-var separatorRecipe = (0, import_createRuntimeFn16.createRuntimeFn)({ defaultClassName: "_11isr9a0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var import_createRuntimeFn17 = require("@vanilla-extract/recipes/createRuntimeFn");
+var separatorRecipe = (0, import_createRuntimeFn17.createRuntimeFn)({ defaultClassName: "_11isr9a0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var Separator = ({ ...props }) => {
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Separator3 = ({
+  ...props
+}) => {
   const separator = separatorRecipe({});
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SeparatorPrimitive.Root, { ...props, className: mergeClasses(separator, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    SeparatorPrimitive.Root,
+    {
+      ...props,
+      className: mergeClasses(separator, props.className),
+      children: props.children
+    }
+  );
 };
 
 // src/recipes/skeleton.css.ts
-var import_createRuntimeFn17 = require("@vanilla-extract/recipes/createRuntimeFn");
-var skeletonRecipe = (0, import_createRuntimeFn17.createRuntimeFn)({ defaultClassName: "vq97mz0", variantClassNames: { variant: { avatar1: "vq97mz1", avatar2: "vq97mz2", avatar3: "vq97mz3", avatar4: "vq97mz4", avatar5: "vq97mz5", avatar6: "vq97mz6", text: "vq97mz7", title: "vq97mz8", heading: "vq97mz9", button: "vq97mza" } }, defaultVariants: { variant: "text" }, compoundVariants: [] });
+var import_createRuntimeFn18 = require("@vanilla-extract/recipes/createRuntimeFn");
+var skeletonRecipe = (0, import_createRuntimeFn18.createRuntimeFn)({ defaultClassName: "vq97mz0", variantClassNames: { variant: { avatar1: "vq97mz1", avatar2: "vq97mz2", avatar3: "vq97mz3", avatar4: "vq97mz4", avatar5: "vq97mz5", avatar6: "vq97mz6", text: "vq97mz7", title: "vq97mz8", heading: "vq97mz9", button: "vq97mza" } }, defaultVariants: { variant: "text" }, compoundVariants: [] });
 
 // src/components/skeleton.tsx
 var import_react_slot15 = require("@radix-ui/react-slot");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var defaultElement14 = "div";
 var Skeleton = ({ asChild, variant, ...props }) => {
   const skeleton = skeletonRecipe({ variant });
   const Comp = asChild ? import_react_slot15.Slot : defaultElement14;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { ...props, className: mergeClasses(skeleton, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Comp, { ...props, className: mergeClasses(skeleton, props.className), children: props.children });
 };
 
 // src/recipes/switch.css.ts
-var import_createRuntimeFn18 = require("@vanilla-extract/recipes/createRuntimeFn");
-var switchRecipe = (0, import_createRuntimeFn18.createRuntimeFn)({ defaultClassName: "_6op4101", variantClassNames: { size: { "1": "_6op4102", "2": "_6op4103" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
-var switchThumbRecipe = (0, import_createRuntimeFn18.createRuntimeFn)({ defaultClassName: "_6op4100", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var import_createRuntimeFn19 = require("@vanilla-extract/recipes/createRuntimeFn");
+var switchRecipe = (0, import_createRuntimeFn19.createRuntimeFn)({ defaultClassName: "_6op4101", variantClassNames: { size: { "1": "_6op4102", "2": "_6op4103" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
+var switchThumbRecipe = (0, import_createRuntimeFn19.createRuntimeFn)({ defaultClassName: "_6op4100", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/switch.tsx
 var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Switch = ({ size, ...props }) => {
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Switch = ({
+  size,
+  ...props
+}) => {
   const switchThumb = switchThumbRecipe({});
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     SwitchPrimitive.Root,
     {
       ...props,
       className: mergeClasses(switchRecipe({ size }), props.className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SwitchPrimitive.Thumb, { className: switchThumb })
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SwitchPrimitive.Thumb, { className: switchThumb })
     }
   );
 };
 
 // src/recipes/text-field.css.ts
-var import_createRuntimeFn19 = require("@vanilla-extract/recipes/createRuntimeFn");
-var textFieldRecipe = (0, import_createRuntimeFn19.createRuntimeFn)({ defaultClassName: "trfyte0", variantClassNames: { size: { "1": "trfyte1", "2": "trfyte2", "3": "trfyte3" }, error: { true: "trfyte4" }, cursor: { "default": "trfyte5", text: "trfyte6" }, variant: { outline: "trfyte7", ghost: "trfyte8" } }, defaultVariants: { size: "2", variant: "outline" }, compoundVariants: [] });
+var import_createRuntimeFn20 = require("@vanilla-extract/recipes/createRuntimeFn");
+var textFieldRecipe = (0, import_createRuntimeFn20.createRuntimeFn)({ defaultClassName: "trfyte0", variantClassNames: { size: { "1": "trfyte1", "2": "trfyte2", "3": "trfyte3" }, error: { true: "trfyte4" }, cursor: { "default": "trfyte5", text: "trfyte6" }, variant: { outline: "trfyte7", 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_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var defaultElement15 = "input";
-var TextField = ({ asChild, cursor, error, size, variant, ...props }) => {
+var TextField = ({
+  asChild,
+  cursor,
+  error,
+  size,
+  variant,
+  ...props
+}) => {
   const textField = textFieldRecipe({ cursor, error, size, variant });
   const Comp = asChild ? import_react_slot16.Slot : defaultElement15;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Comp, { ...props, className: mergeClasses(textField, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.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_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var defaultElement16 = "span";
 var Text = ({ asChild, color, size, weight, ...props }) => {
   const text = textRecipe({ color, size, weight });
   const Comp = asChild ? import_react_slot17.Slot : defaultElement16;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
 };
 
 // src/sprinkles/sprinkles.css.ts
 var import_createRuntimeSprinkles = require("@vanilla-extract/sprinkles/createRuntimeSprinkles");
-var sprinkles = (0, import_createRuntimeSprinkles.createSprinkles)({ conditions: { defaultCondition: "initial", conditionNames: ["initial", "xs", "sm", "md", "lg", "xl"], responsiveArray: void 0 }, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, display: { values: { block: { conditions: { initial: "dkhca00", xs: "dkhca01", sm: "dkhca02", md: "dkhca03", lg: "dkhca04", xl: "dkhca05" }, defaultClass: "dkhca00" }, flex: { conditions: { initial: "dkhca06", xs: "dkhca07", sm: "dkhca08", md: "dkhca09", lg: "dkhca0a", xl: "dkhca0b" }, defaultClass: "dkhca06" }, initial: { conditions: { initial: "dkhca0c", xs: "dkhca0d", sm: "dkhca0e", md: "dkhca0f", lg: "dkhca0g", xl: "dkhca0h" }, defaultClass: "dkhca0c" }, none: { conditions: { initial: "dkhca0i", xs: "dkhca0j", sm: "dkhca0k", md: "dkhca0l", lg: "dkhca0m", xl: "dkhca0n" }, defaultClass: "dkhca0i" } } }, gridTemplateColumns: { values: { "1": { conditions: { initial: "dkhca0o", xs: "dkhca0p", sm: "dkhca0q", md: "dkhca0r", lg: "dkhca0s", xl: "dkhca0t" }, defaultClass: "dkhca0o" }, "2": { conditions: { initial: "dkhca0u", xs: "dkhca0v", sm: "dkhca0w", md: "dkhca0x", lg: "dkhca0y", xl: "dkhca0z" }, defaultClass: "dkhca0u" }, "3": { conditions: { initial: "dkhca010", xs: "dkhca011", sm: "dkhca012", md: "dkhca013", lg: "dkhca014", xl: "dkhca015" }, defaultClass: "dkhca010" }, "4": { conditions: { initial: "dkhca016", xs: "dkhca017", sm: "dkhca018", md: "dkhca019", lg: "dkhca01a", xl: "dkhca01b" }, defaultClass: "dkhca016" }, "5": { conditions: { initial: "dkhca01c", xs: "dkhca01d", sm: "dkhca01e", md: "dkhca01f", lg: "dkhca01g", xl: "dkhca01h" }, defaultClass: "dkhca01c" }, "6": { conditions: { initial: "dkhca01i", xs: "dkhca01j", sm: "dkhca01k", md: "dkhca01l", lg: "dkhca01m", xl: "dkhca01n" }, defaultClass: "dkhca01i" }, "7": { conditions: { initial: "dkhca01o", xs: "dkhca01p", sm: "dkhca01q", md: "dkhca01r", lg: "dkhca01s", xl: "dkhca01t" }, defaultClass: "dkhca01o" }, "8": { conditions: { initial: "dkhca01u", xs: "dkhca01v", sm: "dkhca01w", md: "dkhca01x", lg: "dkhca01y", xl: "dkhca01z" }, defaultClass: "dkhca01u" }, "9": { conditions: { initial: "dkhca020", xs: "dkhca021", sm: "dkhca022", md: "dkhca023", lg: "dkhca024", xl: "dkhca025" }, defaultClass: "dkhca020" }, "10": { conditions: { initial: "dkhca026", xs: "dkhca027", sm: "dkhca028", md: "dkhca029", lg: "dkhca02a", xl: "dkhca02b" }, defaultClass: "dkhca026" } } }, gridTemplateRows: { values: { "1": { conditions: { initial: "dkhca02c", xs: "dkhca02d", sm: "dkhca02e", md: "dkhca02f", lg: "dkhca02g", xl: "dkhca02h" }, defaultClass: "dkhca02c" }, "2": { conditions: { initial: "dkhca02i", xs: "dkhca02j", sm: "dkhca02k", md: "dkhca02l", lg: "dkhca02m", xl: "dkhca02n" }, defaultClass: "dkhca02i" }, "3": { conditions: { initial: "dkhca02o", xs: "dkhca02p", sm: "dkhca02q", md: "dkhca02r", lg: "dkhca02s", xl: "dkhca02t" }, defaultClass: "dkhca02o" }, "4": { conditions: { initial: "dkhca02u", xs: "dkhca02v", sm: "dkhca02w", md: "dkhca02x", lg: "dkhca02y", xl: "dkhca02z" }, defaultClass: "dkhca02u" }, "5": { conditions: { initial: "dkhca030", xs: "dkhca031", sm: "dkhca032", md: "dkhca033", lg: "dkhca034", xl: "dkhca035" }, defaultClass: "dkhca030" }, "6": { conditions: { initial: "dkhca036", xs: "dkhca037", sm: "dkhca038", md: "dkhca039", lg: "dkhca03a", xl: "dkhca03b" }, defaultClass: "dkhca036" }, "7": { conditions: { initial: "dkhca03c", xs: "dkhca03d", sm: "dkhca03e", md: "dkhca03f", lg: "dkhca03g", xl: "dkhca03h" }, defaultClass: "dkhca03c" }, "8": { conditions: { initial: "dkhca03i", xs: "dkhca03j", sm: "dkhca03k", md: "dkhca03l", lg: "dkhca03m", xl: "dkhca03n" }, defaultClass: "dkhca03i" }, "9": { conditions: { initial: "dkhca03o", xs: "dkhca03p", sm: "dkhca03q", md: "dkhca03r", lg: "dkhca03s", xl: "dkhca03t" }, defaultClass: "dkhca03o" }, "10": { conditions: { initial: "dkhca03u", xs: "dkhca03v", sm: "dkhca03w", md: "dkhca03x", lg: "dkhca03y", xl: "dkhca03z" }, defaultClass: "dkhca03u" } } }, marginTop: { values: { "1": { conditions: { initial: "dkhca040", xs: "dkhca041", sm: "dkhca042", md: "dkhca043", lg: "dkhca044", xl: "dkhca045" }, defaultClass: "dkhca040" }, "2": { conditions: { initial: "dkhca046", xs: "dkhca047", sm: "dkhca048", md: "dkhca049", lg: "dkhca04a", xl: "dkhca04b" }, defaultClass: "dkhca046" }, "3": { conditions: { initial: "dkhca04c", xs: "dkhca04d", sm: "dkhca04e", md: "dkhca04f", lg: "dkhca04g", xl: "dkhca04h" }, defaultClass: "dkhca04c" }, "4": { conditions: { initial: "dkhca04i", xs: "dkhca04j", sm: "dkhca04k", md: "dkhca04l", lg: "dkhca04m", xl: "dkhca04n" }, defaultClass: "dkhca04i" }, "5": { conditions: { initial: "dkhca04o", xs: "dkhca04p", sm: "dkhca04q", md: "dkhca04r", lg: "dkhca04s", xl: "dkhca04t" }, defaultClass: "dkhca04o" }, "6": { conditions: { initial: "dkhca04u", xs: "dkhca04v", sm: "dkhca04w", md: "dkhca04x", lg: "dkhca04y", xl: "dkhca04z" }, defaultClass: "dkhca04u" }, "7": { conditions: { initial: "dkhca050", xs: "dkhca051", sm: "dkhca052", md: "dkhca053", lg: "dkhca054", xl: "dkhca055" }, defaultClass: "dkhca050" }, "8": { conditions: { initial: "dkhca056", xs: "dkhca057", sm: "dkhca058", md: "dkhca059", lg: "dkhca05a", xl: "dkhca05b" }, defaultClass: "dkhca056" }, "9": { conditions: { initial: "dkhca05c", xs: "dkhca05d", sm: "dkhca05e", md: "dkhca05f", lg: "dkhca05g", xl: "dkhca05h" }, defaultClass: "dkhca05c" } } }, marginBottom: { values: { "1": { conditions: { initial: "dkhca05i", xs: "dkhca05j", sm: "dkhca05k", md: "dkhca05l", lg: "dkhca05m", xl: "dkhca05n" }, defaultClass: "dkhca05i" }, "2": { conditions: { initial: "dkhca05o", xs: "dkhca05p", sm: "dkhca05q", md: "dkhca05r", lg: "dkhca05s", xl: "dkhca05t" }, defaultClass: "dkhca05o" }, "3": { conditions: { initial: "dkhca05u", xs: "dkhca05v", sm: "dkhca05w", md: "dkhca05x", lg: "dkhca05y", xl: "dkhca05z" }, defaultClass: "dkhca05u" }, "4": { conditions: { initial: "dkhca060", xs: "dkhca061", sm: "dkhca062", md: "dkhca063", lg: "dkhca064", xl: "dkhca065" }, defaultClass: "dkhca060" }, "5": { conditions: { initial: "dkhca066", xs: "dkhca067", sm: "dkhca068", md: "dkhca069", lg: "dkhca06a", xl: "dkhca06b" }, defaultClass: "dkhca066" }, "6": { conditions: { initial: "dkhca06c", xs: "dkhca06d", sm: "dkhca06e", md: "dkhca06f", lg: "dkhca06g", xl: "dkhca06h" }, defaultClass: "dkhca06c" }, "7": { conditions: { initial: "dkhca06i", xs: "dkhca06j", sm: "dkhca06k", md: "dkhca06l", lg: "dkhca06m", xl: "dkhca06n" }, defaultClass: "dkhca06i" }, "8": { conditions: { initial: "dkhca06o", xs: "dkhca06p", sm: "dkhca06q", md: "dkhca06r", lg: "dkhca06s", xl: "dkhca06t" }, defaultClass: "dkhca06o" }, "9": { conditions: { initial: "dkhca06u", xs: "dkhca06v", sm: "dkhca06w", md: "dkhca06x", lg: "dkhca06y", xl: "dkhca06z" }, defaultClass: "dkhca06u" } } }, marginLeft: { values: { "1": { conditions: { initial: "dkhca070", xs: "dkhca071", sm: "dkhca072", md: "dkhca073", lg: "dkhca074", xl: "dkhca075" }, defaultClass: "dkhca070" }, "2": { conditions: { initial: "dkhca076", xs: "dkhca077", sm: "dkhca078", md: "dkhca079", lg: "dkhca07a", xl: "dkhca07b" }, defaultClass: "dkhca076" }, "3": { conditions: { initial: "dkhca07c", xs: "dkhca07d", sm: "dkhca07e", md: "dkhca07f", lg: "dkhca07g", xl: "dkhca07h" }, defaultClass: "dkhca07c" }, "4": { conditions: { initial: "dkhca07i", xs: "dkhca07j", sm: "dkhca07k", md: "dkhca07l", lg: "dkhca07m", xl: "dkhca07n" }, defaultClass: "dkhca07i" }, "5": { conditions: { initial: "dkhca07o", xs: "dkhca07p", sm: "dkhca07q", md: "dkhca07r", lg: "dkhca07s", xl: "dkhca07t" }, defaultClass: "dkhca07o" }, "6": { conditions: { initial: "dkhca07u", xs: "dkhca07v", sm: "dkhca07w", md: "dkhca07x", lg: "dkhca07y", xl: "dkhca07z" }, defaultClass: "dkhca07u" }, "7": { conditions: { initial: "dkhca080", xs: "dkhca081", sm: "dkhca082", md: "dkhca083", lg: "dkhca084", xl: "dkhca085" }, defaultClass: "dkhca080" }, "8": { conditions: { initial: "dkhca086", xs: "dkhca087", sm: "dkhca088", md: "dkhca089", lg: "dkhca08a", xl: "dkhca08b" }, defaultClass: "dkhca086" }, "9": { conditions: { initial: "dkhca08c", xs: "dkhca08d", sm: "dkhca08e", md: "dkhca08f", lg: "dkhca08g", xl: "dkhca08h" }, defaultClass: "dkhca08c" } } }, marginRight: { values: { "1": { conditions: { initial: "dkhca08i", xs: "dkhca08j", sm: "dkhca08k", md: "dkhca08l", lg: "dkhca08m", xl: "dkhca08n" }, defaultClass: "dkhca08i" }, "2": { conditions: { initial: "dkhca08o", xs: "dkhca08p", sm: "dkhca08q", md: "dkhca08r", lg: "dkhca08s", xl: "dkhca08t" }, defaultClass: "dkhca08o" }, "3": { conditions: { initial: "dkhca08u", xs: "dkhca08v", sm: "dkhca08w", md: "dkhca08x", lg: "dkhca08y", xl: "dkhca08z" }, defaultClass: "dkhca08u" }, "4": { conditions: { initial: "dkhca090", xs: "dkhca091", sm: "dkhca092", md: "dkhca093", lg: "dkhca094", xl: "dkhca095" }, defaultClass: "dkhca090" }, "5": { conditions: { initial: "dkhca096", xs: "dkhca097", sm: "dkhca098", md: "dkhca099", lg: "dkhca09a", xl: "dkhca09b" }, defaultClass: "dkhca096" }, "6": { conditions: { initial: "dkhca09c", xs: "dkhca09d", sm: "dkhca09e", md: "dkhca09f", lg: "dkhca09g", xl: "dkhca09h" }, defaultClass: "dkhca09c" }, "7": { conditions: { initial: "dkhca09i", xs: "dkhca09j", sm: "dkhca09k", md: "dkhca09l", lg: "dkhca09m", xl: "dkhca09n" }, defaultClass: "dkhca09i" }, "8": { conditions: { initial: "dkhca09o", xs: "dkhca09p", sm: "dkhca09q", md: "dkhca09r", lg: "dkhca09s", xl: "dkhca09t" }, defaultClass: "dkhca09o" }, "9": { conditions: { initial: "dkhca09u", xs: "dkhca09v", sm: "dkhca09w", md: "dkhca09x", lg: "dkhca09y", xl: "dkhca09z" }, defaultClass: "dkhca09u" } } }, order: { values: { "-1": { conditions: { initial: "dkhca0a0", xs: "dkhca0a1", sm: "dkhca0a2", md: "dkhca0a3", lg: "dkhca0a4", xl: "dkhca0a5" }, defaultClass: "dkhca0a0" }, unset: { conditions: { initial: "dkhca0a6", xs: "dkhca0a7", sm: "dkhca0a8", md: "dkhca0a9", lg: "dkhca0aa", xl: "dkhca0ab" }, defaultClass: "dkhca0a6" } } }, paddingTop: { values: { "1": { conditions: { initial: "dkhca0ac", xs: "dkhca0ad", sm: "dkhca0ae", md: "dkhca0af", lg: "dkhca0ag", xl: "dkhca0ah" }, defaultClass: "dkhca0ac" }, "2": { conditions: { initial: "dkhca0ai", xs: "dkhca0aj", sm: "dkhca0ak", md: "dkhca0al", lg: "dkhca0am", xl: "dkhca0an" }, defaultClass: "dkhca0ai" }, "3": { conditions: { initial: "dkhca0ao", xs: "dkhca0ap", sm: "dkhca0aq", md: "dkhca0ar", lg: "dkhca0as", xl: "dkhca0at" }, defaultClass: "dkhca0ao" }, "4": { conditions: { initial: "dkhca0au", xs: "dkhca0av", sm: "dkhca0aw", md: "dkhca0ax", lg: "dkhca0ay", xl: "dkhca0az" }, defaultClass: "dkhca0au" }, "5": { conditions: { initial: "dkhca0b0", xs: "dkhca0b1", sm: "dkhca0b2", md: "dkhca0b3", lg: "dkhca0b4", xl: "dkhca0b5" }, defaultClass: "dkhca0b0" }, "6": { conditions: { initial: "dkhca0b6", xs: "dkhca0b7", sm: "dkhca0b8", md: "dkhca0b9", lg: "dkhca0ba", xl: "dkhca0bb" }, defaultClass: "dkhca0b6" }, "7": { conditions: { initial: "dkhca0bc", xs: "dkhca0bd", sm: "dkhca0be", md: "dkhca0bf", lg: "dkhca0bg", xl: "dkhca0bh" }, defaultClass: "dkhca0bc" }, "8": { conditions: { initial: "dkhca0bi", xs: "dkhca0bj", sm: "dkhca0bk", md: "dkhca0bl", lg: "dkhca0bm", xl: "dkhca0bn" }, defaultClass: "dkhca0bi" }, "9": { conditions: { initial: "dkhca0bo", xs: "dkhca0bp", sm: "dkhca0bq", md: "dkhca0br", lg: "dkhca0bs", xl: "dkhca0bt" }, defaultClass: "dkhca0bo" } } }, paddingBottom: { values: { "1": { conditions: { initial: "dkhca0bu", xs: "dkhca0bv", sm: "dkhca0bw", md: "dkhca0bx", lg: "dkhca0by", xl: "dkhca0bz" }, defaultClass: "dkhca0bu" }, "2": { conditions: { initial: "dkhca0c0", xs: "dkhca0c1", sm: "dkhca0c2", md: "dkhca0c3", lg: "dkhca0c4", xl: "dkhca0c5" }, defaultClass: "dkhca0c0" }, "3": { conditions: { initial: "dkhca0c6", xs: "dkhca0c7", sm: "dkhca0c8", md: "dkhca0c9", lg: "dkhca0ca", xl: "dkhca0cb" }, defaultClass: "dkhca0c6" }, "4": { conditions: { initial: "dkhca0cc", xs: "dkhca0cd", sm: "dkhca0ce", md: "dkhca0cf", lg: "dkhca0cg", xl: "dkhca0ch" }, defaultClass: "dkhca0cc" }, "5": { conditions: { initial: "dkhca0ci", xs: "dkhca0cj", sm: "dkhca0ck", md: "dkhca0cl", lg: "dkhca0cm", xl: "dkhca0cn" }, defaultClass: "dkhca0ci" }, "6": { conditions: { initial: "dkhca0co", xs: "dkhca0cp", sm: "dkhca0cq", md: "dkhca0cr", lg: "dkhca0cs", xl: "dkhca0ct" }, defaultClass: "dkhca0co" }, "7": { conditions: { initial: "dkhca0cu", xs: "dkhca0cv", sm: "dkhca0cw", md: "dkhca0cx", lg: "dkhca0cy", xl: "dkhca0cz" }, defaultClass: "dkhca0cu" }, "8": { conditions: { initial: "dkhca0d0", xs: "dkhca0d1", sm: "dkhca0d2", md: "dkhca0d3", lg: "dkhca0d4", xl: "dkhca0d5" }, defaultClass: "dkhca0d0" }, "9": { conditions: { initial: "dkhca0d6", xs: "dkhca0d7", sm: "dkhca0d8", md: "dkhca0d9", lg: "dkhca0da", xl: "dkhca0db" }, defaultClass: "dkhca0d6" } } }, paddingLeft: { values: { "1": { conditions: { initial: "dkhca0dc", xs: "dkhca0dd", sm: "dkhca0de", md: "dkhca0df", lg: "dkhca0dg", xl: "dkhca0dh" }, defaultClass: "dkhca0dc" }, "2": { conditions: { initial: "dkhca0di", xs: "dkhca0dj", sm: "dkhca0dk", md: "dkhca0dl", lg: "dkhca0dm", xl: "dkhca0dn" }, defaultClass: "dkhca0di" }, "3": { conditions: { initial: "dkhca0do", xs: "dkhca0dp", sm: "dkhca0dq", md: "dkhca0dr", lg: "dkhca0ds", xl: "dkhca0dt" }, defaultClass: "dkhca0do" }, "4": { conditions: { initial: "dkhca0du", xs: "dkhca0dv", sm: "dkhca0dw", md: "dkhca0dx", lg: "dkhca0dy", xl: "dkhca0dz" }, defaultClass: "dkhca0du" }, "5": { conditions: { initial: "dkhca0e0", xs: "dkhca0e1", sm: "dkhca0e2", md: "dkhca0e3", lg: "dkhca0e4", xl: "dkhca0e5" }, defaultClass: "dkhca0e0" }, "6": { conditions: { initial: "dkhca0e6", xs: "dkhca0e7", sm: "dkhca0e8", md: "dkhca0e9", lg: "dkhca0ea", xl: "dkhca0eb" }, defaultClass: "dkhca0e6" }, "7": { conditions: { initial: "dkhca0ec", xs: "dkhca0ed", sm: "dkhca0ee", md: "dkhca0ef", lg: "dkhca0eg", xl: "dkhca0eh" }, defaultClass: "dkhca0ec" }, "8": { conditions: { initial: "dkhca0ei", xs: "dkhca0ej", sm: "dkhca0ek", md: "dkhca0el", lg: "dkhca0em", xl: "dkhca0en" }, defaultClass: "dkhca0ei" }, "9": { conditions: { initial: "dkhca0eo", xs: "dkhca0ep", sm: "dkhca0eq", md: "dkhca0er", lg: "dkhca0es", xl: "dkhca0et" }, defaultClass: "dkhca0eo" } } }, paddingRight: { values: { "1": { conditions: { initial: "dkhca0eu", xs: "dkhca0ev", sm: "dkhca0ew", md: "dkhca0ex", lg: "dkhca0ey", xl: "dkhca0ez" }, defaultClass: "dkhca0eu" }, "2": { conditions: { initial: "dkhca0f0", xs: "dkhca0f1", sm: "dkhca0f2", md: "dkhca0f3", lg: "dkhca0f4", xl: "dkhca0f5" }, defaultClass: "dkhca0f0" }, "3": { conditions: { initial: "dkhca0f6", xs: "dkhca0f7", sm: "dkhca0f8", md: "dkhca0f9", lg: "dkhca0fa", xl: "dkhca0fb" }, defaultClass: "dkhca0f6" }, "4": { conditions: { initial: "dkhca0fc", xs: "dkhca0fd", sm: "dkhca0fe", md: "dkhca0ff", lg: "dkhca0fg", xl: "dkhca0fh" }, defaultClass: "dkhca0fc" }, "5": { conditions: { initial: "dkhca0fi", xs: "dkhca0fj", sm: "dkhca0fk", md: "dkhca0fl", lg: "dkhca0fm", xl: "dkhca0fn" }, defaultClass: "dkhca0fi" }, "6": { conditions: { initial: "dkhca0fo", xs: "dkhca0fp", sm: "dkhca0fq", md: "dkhca0fr", lg: "dkhca0fs", xl: "dkhca0ft" }, defaultClass: "dkhca0fo" }, "7": { conditions: { initial: "dkhca0fu", xs: "dkhca0fv", sm: "dkhca0fw", md: "dkhca0fx", lg: "dkhca0fy", xl: "dkhca0fz" }, defaultClass: "dkhca0fu" }, "8": { conditions: { initial: "dkhca0g0", xs: "dkhca0g1", sm: "dkhca0g2", md: "dkhca0g3", lg: "dkhca0g4", xl: "dkhca0g5" }, defaultClass: "dkhca0g0" }, "9": { conditions: { initial: "dkhca0g6", xs: "dkhca0g7", sm: "dkhca0g8", md: "dkhca0g9", lg: "dkhca0ga", xl: "dkhca0gb" }, defaultClass: "dkhca0g6" } } } } });
+var sprinkles = (0, import_createRuntimeSprinkles.createSprinkles)({ conditions: { defaultCondition: "initial", conditionNames: ["initial", "xs", "sm", "md", "lg", "xl"], responsiveArray: void 0 }, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, display: { values: { block: { conditions: { initial: "dkhca00", xs: "dkhca01", sm: "dkhca02", md: "dkhca03", lg: "dkhca04", xl: "dkhca05" }, defaultClass: "dkhca00" }, flex: { conditions: { initial: "dkhca06", xs: "dkhca07", sm: "dkhca08", md: "dkhca09", lg: "dkhca0a", xl: "dkhca0b" }, defaultClass: "dkhca06" }, initial: { conditions: { initial: "dkhca0c", xs: "dkhca0d", sm: "dkhca0e", md: "dkhca0f", lg: "dkhca0g", xl: "dkhca0h" }, defaultClass: "dkhca0c" }, none: { conditions: { initial: "dkhca0i", xs: "dkhca0j", sm: "dkhca0k", md: "dkhca0l", lg: "dkhca0m", xl: "dkhca0n" }, defaultClass: "dkhca0i" } } }, flexDirection: { values: { column: { conditions: { initial: "dkhca0o", xs: "dkhca0p", sm: "dkhca0q", md: "dkhca0r", lg: "dkhca0s", xl: "dkhca0t" }, defaultClass: "dkhca0o" }, "column-reverse": { conditions: { initial: "dkhca0u", xs: "dkhca0v", sm: "dkhca0w", md: "dkhca0x", lg: "dkhca0y", xl: "dkhca0z" }, defaultClass: "dkhca0u" }, row: { conditions: { initial: "dkhca010", xs: "dkhca011", sm: "dkhca012", md: "dkhca013", lg: "dkhca014", xl: "dkhca015" }, defaultClass: "dkhca010" }, "row-reverse": { conditions: { initial: "dkhca016", xs: "dkhca017", sm: "dkhca018", md: "dkhca019", lg: "dkhca01a", xl: "dkhca01b" }, defaultClass: "dkhca016" } } }, gridTemplateColumns: { values: { "1": { conditions: { initial: "dkhca01c", xs: "dkhca01d", sm: "dkhca01e", md: "dkhca01f", lg: "dkhca01g", xl: "dkhca01h" }, defaultClass: "dkhca01c" }, "2": { conditions: { initial: "dkhca01i", xs: "dkhca01j", sm: "dkhca01k", md: "dkhca01l", lg: "dkhca01m", xl: "dkhca01n" }, defaultClass: "dkhca01i" }, "3": { conditions: { initial: "dkhca01o", xs: "dkhca01p", sm: "dkhca01q", md: "dkhca01r", lg: "dkhca01s", xl: "dkhca01t" }, defaultClass: "dkhca01o" }, "4": { conditions: { initial: "dkhca01u", xs: "dkhca01v", sm: "dkhca01w", md: "dkhca01x", lg: "dkhca01y", xl: "dkhca01z" }, defaultClass: "dkhca01u" }, "5": { conditions: { initial: "dkhca020", xs: "dkhca021", sm: "dkhca022", md: "dkhca023", lg: "dkhca024", xl: "dkhca025" }, defaultClass: "dkhca020" }, "6": { conditions: { initial: "dkhca026", xs: "dkhca027", sm: "dkhca028", md: "dkhca029", lg: "dkhca02a", xl: "dkhca02b" }, defaultClass: "dkhca026" }, "7": { conditions: { initial: "dkhca02c", xs: "dkhca02d", sm: "dkhca02e", md: "dkhca02f", lg: "dkhca02g", xl: "dkhca02h" }, defaultClass: "dkhca02c" }, "8": { conditions: { initial: "dkhca02i", xs: "dkhca02j", sm: "dkhca02k", md: "dkhca02l", lg: "dkhca02m", xl: "dkhca02n" }, defaultClass: "dkhca02i" }, "9": { conditions: { initial: "dkhca02o", xs: "dkhca02p", sm: "dkhca02q", md: "dkhca02r", lg: "dkhca02s", xl: "dkhca02t" }, defaultClass: "dkhca02o" }, "10": { conditions: { initial: "dkhca02u", xs: "dkhca02v", sm: "dkhca02w", md: "dkhca02x", lg: "dkhca02y", xl: "dkhca02z" }, defaultClass: "dkhca02u" } } }, gridTemplateRows: { values: { "1": { conditions: { initial: "dkhca030", xs: "dkhca031", sm: "dkhca032", md: "dkhca033", lg: "dkhca034", xl: "dkhca035" }, defaultClass: "dkhca030" }, "2": { conditions: { initial: "dkhca036", xs: "dkhca037", sm: "dkhca038", md: "dkhca039", lg: "dkhca03a", xl: "dkhca03b" }, defaultClass: "dkhca036" }, "3": { conditions: { initial: "dkhca03c", xs: "dkhca03d", sm: "dkhca03e", md: "dkhca03f", lg: "dkhca03g", xl: "dkhca03h" }, defaultClass: "dkhca03c" }, "4": { conditions: { initial: "dkhca03i", xs: "dkhca03j", sm: "dkhca03k", md: "dkhca03l", lg: "dkhca03m", xl: "dkhca03n" }, defaultClass: "dkhca03i" }, "5": { conditions: { initial: "dkhca03o", xs: "dkhca03p", sm: "dkhca03q", md: "dkhca03r", lg: "dkhca03s", xl: "dkhca03t" }, defaultClass: "dkhca03o" }, "6": { conditions: { initial: "dkhca03u", xs: "dkhca03v", sm: "dkhca03w", md: "dkhca03x", lg: "dkhca03y", xl: "dkhca03z" }, defaultClass: "dkhca03u" }, "7": { conditions: { initial: "dkhca040", xs: "dkhca041", sm: "dkhca042", md: "dkhca043", lg: "dkhca044", xl: "dkhca045" }, defaultClass: "dkhca040" }, "8": { conditions: { initial: "dkhca046", xs: "dkhca047", sm: "dkhca048", md: "dkhca049", lg: "dkhca04a", xl: "dkhca04b" }, defaultClass: "dkhca046" }, "9": { conditions: { initial: "dkhca04c", xs: "dkhca04d", sm: "dkhca04e", md: "dkhca04f", lg: "dkhca04g", xl: "dkhca04h" }, defaultClass: "dkhca04c" }, "10": { conditions: { initial: "dkhca04i", xs: "dkhca04j", sm: "dkhca04k", md: "dkhca04l", lg: "dkhca04m", xl: "dkhca04n" }, defaultClass: "dkhca04i" } } }, marginTop: { values: { "1": { conditions: { initial: "dkhca04o", xs: "dkhca04p", sm: "dkhca04q", md: "dkhca04r", lg: "dkhca04s", xl: "dkhca04t" }, defaultClass: "dkhca04o" }, "2": { conditions: { initial: "dkhca04u", xs: "dkhca04v", sm: "dkhca04w", md: "dkhca04x", lg: "dkhca04y", xl: "dkhca04z" }, defaultClass: "dkhca04u" }, "3": { conditions: { initial: "dkhca050", xs: "dkhca051", sm: "dkhca052", md: "dkhca053", lg: "dkhca054", xl: "dkhca055" }, defaultClass: "dkhca050" }, "4": { conditions: { initial: "dkhca056", xs: "dkhca057", sm: "dkhca058", md: "dkhca059", lg: "dkhca05a", xl: "dkhca05b" }, defaultClass: "dkhca056" }, "5": { conditions: { initial: "dkhca05c", xs: "dkhca05d", sm: "dkhca05e", md: "dkhca05f", lg: "dkhca05g", xl: "dkhca05h" }, defaultClass: "dkhca05c" }, "6": { conditions: { initial: "dkhca05i", xs: "dkhca05j", sm: "dkhca05k", md: "dkhca05l", lg: "dkhca05m", xl: "dkhca05n" }, defaultClass: "dkhca05i" }, "7": { conditions: { initial: "dkhca05o", xs: "dkhca05p", sm: "dkhca05q", md: "dkhca05r", lg: "dkhca05s", xl: "dkhca05t" }, defaultClass: "dkhca05o" }, "8": { conditions: { initial: "dkhca05u", xs: "dkhca05v", sm: "dkhca05w", md: "dkhca05x", lg: "dkhca05y", xl: "dkhca05z" }, defaultClass: "dkhca05u" }, "9": { conditions: { initial: "dkhca060", xs: "dkhca061", sm: "dkhca062", md: "dkhca063", lg: "dkhca064", xl: "dkhca065" }, defaultClass: "dkhca060" } } }, marginBottom: { values: { "1": { conditions: { initial: "dkhca066", xs: "dkhca067", sm: "dkhca068", md: "dkhca069", lg: "dkhca06a", xl: "dkhca06b" }, defaultClass: "dkhca066" }, "2": { conditions: { initial: "dkhca06c", xs: "dkhca06d", sm: "dkhca06e", md: "dkhca06f", lg: "dkhca06g", xl: "dkhca06h" }, defaultClass: "dkhca06c" }, "3": { conditions: { initial: "dkhca06i", xs: "dkhca06j", sm: "dkhca06k", md: "dkhca06l", lg: "dkhca06m", xl: "dkhca06n" }, defaultClass: "dkhca06i" }, "4": { conditions: { initial: "dkhca06o", xs: "dkhca06p", sm: "dkhca06q", md: "dkhca06r", lg: "dkhca06s", xl: "dkhca06t" }, defaultClass: "dkhca06o" }, "5": { conditions: { initial: "dkhca06u", xs: "dkhca06v", sm: "dkhca06w", md: "dkhca06x", lg: "dkhca06y", xl: "dkhca06z" }, defaultClass: "dkhca06u" }, "6": { conditions: { initial: "dkhca070", xs: "dkhca071", sm: "dkhca072", md: "dkhca073", lg: "dkhca074", xl: "dkhca075" }, defaultClass: "dkhca070" }, "7": { conditions: { initial: "dkhca076", xs: "dkhca077", sm: "dkhca078", md: "dkhca079", lg: "dkhca07a", xl: "dkhca07b" }, defaultClass: "dkhca076" }, "8": { conditions: { initial: "dkhca07c", xs: "dkhca07d", sm: "dkhca07e", md: "dkhca07f", lg: "dkhca07g", xl: "dkhca07h" }, defaultClass: "dkhca07c" }, "9": { conditions: { initial: "dkhca07i", xs: "dkhca07j", sm: "dkhca07k", md: "dkhca07l", lg: "dkhca07m", xl: "dkhca07n" }, defaultClass: "dkhca07i" } } }, marginLeft: { values: { "1": { conditions: { initial: "dkhca07o", xs: "dkhca07p", sm: "dkhca07q", md: "dkhca07r", lg: "dkhca07s", xl: "dkhca07t" }, defaultClass: "dkhca07o" }, "2": { conditions: { initial: "dkhca07u", xs: "dkhca07v", sm: "dkhca07w", md: "dkhca07x", lg: "dkhca07y", xl: "dkhca07z" }, defaultClass: "dkhca07u" }, "3": { conditions: { initial: "dkhca080", xs: "dkhca081", sm: "dkhca082", md: "dkhca083", lg: "dkhca084", xl: "dkhca085" }, defaultClass: "dkhca080" }, "4": { conditions: { initial: "dkhca086", xs: "dkhca087", sm: "dkhca088", md: "dkhca089", lg: "dkhca08a", xl: "dkhca08b" }, defaultClass: "dkhca086" }, "5": { conditions: { initial: "dkhca08c", xs: "dkhca08d", sm: "dkhca08e", md: "dkhca08f", lg: "dkhca08g", xl: "dkhca08h" }, defaultClass: "dkhca08c" }, "6": { conditions: { initial: "dkhca08i", xs: "dkhca08j", sm: "dkhca08k", md: "dkhca08l", lg: "dkhca08m", xl: "dkhca08n" }, defaultClass: "dkhca08i" }, "7": { conditions: { initial: "dkhca08o", xs: "dkhca08p", sm: "dkhca08q", md: "dkhca08r", lg: "dkhca08s", xl: "dkhca08t" }, defaultClass: "dkhca08o" }, "8": { conditions: { initial: "dkhca08u", xs: "dkhca08v", sm: "dkhca08w", md: "dkhca08x", lg: "dkhca08y", xl: "dkhca08z" }, defaultClass: "dkhca08u" }, "9": { conditions: { initial: "dkhca090", xs: "dkhca091", sm: "dkhca092", md: "dkhca093", lg: "dkhca094", xl: "dkhca095" }, defaultClass: "dkhca090" } } }, marginRight: { values: { "1": { conditions: { initial: "dkhca096", xs: "dkhca097", sm: "dkhca098", md: "dkhca099", lg: "dkhca09a", xl: "dkhca09b" }, defaultClass: "dkhca096" }, "2": { conditions: { initial: "dkhca09c", xs: "dkhca09d", sm: "dkhca09e", md: "dkhca09f", lg: "dkhca09g", xl: "dkhca09h" }, defaultClass: "dkhca09c" }, "3": { conditions: { initial: "dkhca09i", xs: "dkhca09j", sm: "dkhca09k", md: "dkhca09l", lg: "dkhca09m", xl: "dkhca09n" }, defaultClass: "dkhca09i" }, "4": { conditions: { initial: "dkhca09o", xs: "dkhca09p", sm: "dkhca09q", md: "dkhca09r", lg: "dkhca09s", xl: "dkhca09t" }, defaultClass: "dkhca09o" }, "5": { conditions: { initial: "dkhca09u", xs: "dkhca09v", sm: "dkhca09w", md: "dkhca09x", lg: "dkhca09y", xl: "dkhca09z" }, defaultClass: "dkhca09u" }, "6": { conditions: { initial: "dkhca0a0", xs: "dkhca0a1", sm: "dkhca0a2", md: "dkhca0a3", lg: "dkhca0a4", xl: "dkhca0a5" }, defaultClass: "dkhca0a0" }, "7": { conditions: { initial: "dkhca0a6", xs: "dkhca0a7", sm: "dkhca0a8", md: "dkhca0a9", lg: "dkhca0aa", xl: "dkhca0ab" }, defaultClass: "dkhca0a6" }, "8": { conditions: { initial: "dkhca0ac", xs: "dkhca0ad", sm: "dkhca0ae", md: "dkhca0af", lg: "dkhca0ag", xl: "dkhca0ah" }, defaultClass: "dkhca0ac" }, "9": { conditions: { initial: "dkhca0ai", xs: "dkhca0aj", sm: "dkhca0ak", md: "dkhca0al", lg: "dkhca0am", xl: "dkhca0an" }, defaultClass: "dkhca0ai" } } }, order: { values: { "-1": { conditions: { initial: "dkhca0ao", xs: "dkhca0ap", sm: "dkhca0aq", md: "dkhca0ar", lg: "dkhca0as", xl: "dkhca0at" }, defaultClass: "dkhca0ao" }, unset: { conditions: { initial: "dkhca0au", xs: "dkhca0av", sm: "dkhca0aw", md: "dkhca0ax", lg: "dkhca0ay", xl: "dkhca0az" }, defaultClass: "dkhca0au" } } }, paddingTop: { values: { "1": { conditions: { initial: "dkhca0b0", xs: "dkhca0b1", sm: "dkhca0b2", md: "dkhca0b3", lg: "dkhca0b4", xl: "dkhca0b5" }, defaultClass: "dkhca0b0" }, "2": { conditions: { initial: "dkhca0b6", xs: "dkhca0b7", sm: "dkhca0b8", md: "dkhca0b9", lg: "dkhca0ba", xl: "dkhca0bb" }, defaultClass: "dkhca0b6" }, "3": { conditions: { initial: "dkhca0bc", xs: "dkhca0bd", sm: "dkhca0be", md: "dkhca0bf", lg: "dkhca0bg", xl: "dkhca0bh" }, defaultClass: "dkhca0bc" }, "4": { conditions: { initial: "dkhca0bi", xs: "dkhca0bj", sm: "dkhca0bk", md: "dkhca0bl", lg: "dkhca0bm", xl: "dkhca0bn" }, defaultClass: "dkhca0bi" }, "5": { conditions: { initial: "dkhca0bo", xs: "dkhca0bp", sm: "dkhca0bq", md: "dkhca0br", lg: "dkhca0bs", xl: "dkhca0bt" }, defaultClass: "dkhca0bo" }, "6": { conditions: { initial: "dkhca0bu", xs: "dkhca0bv", sm: "dkhca0bw", md: "dkhca0bx", lg: "dkhca0by", xl: "dkhca0bz" }, defaultClass: "dkhca0bu" }, "7": { conditions: { initial: "dkhca0c0", xs: "dkhca0c1", sm: "dkhca0c2", md: "dkhca0c3", lg: "dkhca0c4", xl: "dkhca0c5" }, defaultClass: "dkhca0c0" }, "8": { conditions: { initial: "dkhca0c6", xs: "dkhca0c7", sm: "dkhca0c8", md: "dkhca0c9", lg: "dkhca0ca", xl: "dkhca0cb" }, defaultClass: "dkhca0c6" }, "9": { conditions: { initial: "dkhca0cc", xs: "dkhca0cd", sm: "dkhca0ce", md: "dkhca0cf", lg: "dkhca0cg", xl: "dkhca0ch" }, defaultClass: "dkhca0cc" } } }, paddingBottom: { values: { "1": { conditions: { initial: "dkhca0ci", xs: "dkhca0cj", sm: "dkhca0ck", md: "dkhca0cl", lg: "dkhca0cm", xl: "dkhca0cn" }, defaultClass: "dkhca0ci" }, "2": { conditions: { initial: "dkhca0co", xs: "dkhca0cp", sm: "dkhca0cq", md: "dkhca0cr", lg: "dkhca0cs", xl: "dkhca0ct" }, defaultClass: "dkhca0co" }, "3": { conditions: { initial: "dkhca0cu", xs: "dkhca0cv", sm: "dkhca0cw", md: "dkhca0cx", lg: "dkhca0cy", xl: "dkhca0cz" }, defaultClass: "dkhca0cu" }, "4": { conditions: { initial: "dkhca0d0", xs: "dkhca0d1", sm: "dkhca0d2", md: "dkhca0d3", lg: "dkhca0d4", xl: "dkhca0d5" }, defaultClass: "dkhca0d0" }, "5": { conditions: { initial: "dkhca0d6", xs: "dkhca0d7", sm: "dkhca0d8", md: "dkhca0d9", lg: "dkhca0da", xl: "dkhca0db" }, defaultClass: "dkhca0d6" }, "6": { conditions: { initial: "dkhca0dc", xs: "dkhca0dd", sm: "dkhca0de", md: "dkhca0df", lg: "dkhca0dg", xl: "dkhca0dh" }, defaultClass: "dkhca0dc" }, "7": { conditions: { initial: "dkhca0di", xs: "dkhca0dj", sm: "dkhca0dk", md: "dkhca0dl", lg: "dkhca0dm", xl: "dkhca0dn" }, defaultClass: "dkhca0di" }, "8": { conditions: { initial: "dkhca0do", xs: "dkhca0dp", sm: "dkhca0dq", md: "dkhca0dr", lg: "dkhca0ds", xl: "dkhca0dt" }, defaultClass: "dkhca0do" }, "9": { conditions: { initial: "dkhca0du", xs: "dkhca0dv", sm: "dkhca0dw", md: "dkhca0dx", lg: "dkhca0dy", xl: "dkhca0dz" }, defaultClass: "dkhca0du" } } }, paddingLeft: { values: { "1": { conditions: { initial: "dkhca0e0", xs: "dkhca0e1", sm: "dkhca0e2", md: "dkhca0e3", lg: "dkhca0e4", xl: "dkhca0e5" }, defaultClass: "dkhca0e0" }, "2": { conditions: { initial: "dkhca0e6", xs: "dkhca0e7", sm: "dkhca0e8", md: "dkhca0e9", lg: "dkhca0ea", xl: "dkhca0eb" }, defaultClass: "dkhca0e6" }, "3": { conditions: { initial: "dkhca0ec", xs: "dkhca0ed", sm: "dkhca0ee", md: "dkhca0ef", lg: "dkhca0eg", xl: "dkhca0eh" }, defaultClass: "dkhca0ec" }, "4": { conditions: { initial: "dkhca0ei", xs: "dkhca0ej", sm: "dkhca0ek", md: "dkhca0el", lg: "dkhca0em", xl: "dkhca0en" }, defaultClass: "dkhca0ei" }, "5": { conditions: { initial: "dkhca0eo", xs: "dkhca0ep", sm: "dkhca0eq", md: "dkhca0er", lg: "dkhca0es", xl: "dkhca0et" }, defaultClass: "dkhca0eo" }, "6": { conditions: { initial: "dkhca0eu", xs: "dkhca0ev", sm: "dkhca0ew", md: "dkhca0ex", lg: "dkhca0ey", xl: "dkhca0ez" }, defaultClass: "dkhca0eu" }, "7": { conditions: { initial: "dkhca0f0", xs: "dkhca0f1", sm: "dkhca0f2", md: "dkhca0f3", lg: "dkhca0f4", xl: "dkhca0f5" }, defaultClass: "dkhca0f0" }, "8": { conditions: { initial: "dkhca0f6", xs: "dkhca0f7", sm: "dkhca0f8", md: "dkhca0f9", lg: "dkhca0fa", xl: "dkhca0fb" }, defaultClass: "dkhca0f6" }, "9": { conditions: { initial: "dkhca0fc", xs: "dkhca0fd", sm: "dkhca0fe", md: "dkhca0ff", lg: "dkhca0fg", xl: "dkhca0fh" }, defaultClass: "dkhca0fc" } } }, paddingRight: { values: { "1": { conditions: { initial: "dkhca0fi", xs: "dkhca0fj", sm: "dkhca0fk", md: "dkhca0fl", lg: "dkhca0fm", xl: "dkhca0fn" }, defaultClass: "dkhca0fi" }, "2": { conditions: { initial: "dkhca0fo", xs: "dkhca0fp", sm: "dkhca0fq", md: "dkhca0fr", lg: "dkhca0fs", xl: "dkhca0ft" }, defaultClass: "dkhca0fo" }, "3": { conditions: { initial: "dkhca0fu", xs: "dkhca0fv", sm: "dkhca0fw", md: "dkhca0fx", lg: "dkhca0fy", xl: "dkhca0fz" }, defaultClass: "dkhca0fu" }, "4": { conditions: { initial: "dkhca0g0", xs: "dkhca0g1", sm: "dkhca0g2", md: "dkhca0g3", lg: "dkhca0g4", xl: "dkhca0g5" }, defaultClass: "dkhca0g0" }, "5": { conditions: { initial: "dkhca0g6", xs: "dkhca0g7", sm: "dkhca0g8", md: "dkhca0g9", lg: "dkhca0ga", xl: "dkhca0gb" }, defaultClass: "dkhca0g6" }, "6": { conditions: { initial: "dkhca0gc", xs: "dkhca0gd", sm: "dkhca0ge", md: "dkhca0gf", lg: "dkhca0gg", xl: "dkhca0gh" }, defaultClass: "dkhca0gc" }, "7": { conditions: { initial: "dkhca0gi", xs: "dkhca0gj", sm: "dkhca0gk", md: "dkhca0gl", lg: "dkhca0gm", xl: "dkhca0gn" }, defaultClass: "dkhca0gi" }, "8": { conditions: { initial: "dkhca0go", xs: "dkhca0gp", sm: "dkhca0gq", md: "dkhca0gr", lg: "dkhca0gs", xl: "dkhca0gt" }, defaultClass: "dkhca0go" }, "9": { conditions: { initial: "dkhca0gu", xs: "dkhca0gv", sm: "dkhca0gw", md: "dkhca0gx", lg: "dkhca0gy", xl: "dkhca0gz" }, defaultClass: "dkhca0gu" } } } } });
 
 // src/themes/dark-theme.css.ts
 var darkTheme = "_1j4lu40";
@@ -541,6 +900,16 @@ var lightTheme = "z73fs90";
   Button,
   Card,
   Container,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
   Flex,
   Form,
   FormControl,
@@ -552,6 +921,15 @@ var lightTheme = "z73fs90";
   Heading,
   IconButton,
   Link,
+  Menu,
+  MenuCheckboxItem,
+  MenuContent,
+  MenuGroup,
+  MenuItem,
+  MenuLabel,
+  MenuRadioGroup,
+  MenuRadioItem,
+  MenuSeparator,
   Panel,
   Paragraph,
   Separator,