@nayhoo/ui 0.21.0 → 0.23.0

package/dist/theme/index.d.mts

@@ -1,23 +1,24 @@
-export { a as AvatarFallbackVariants, A as AvatarVariants, b as avatarFallbackRecipe, c as avatarRecipe } from '../avatar.css-m44RZpGY.mjs';
-export { B as BadgeVariants, b as badgeRecipe } from '../badge.css-BiiAU3Jo.mjs';
-export { B as ButtonVariants, b as buttonIconRecipe, a as buttonRecipe, c as buttonSpinner } from '../button.css-CBtNCrkL.mjs';
-export { C as CheckboxVariants, c as checkboxRecipe } from '../checkbox.css-CJD0qdcJ.mjs';
-export { C as ContainerVariants, c as containerRecipe } from '../container.css-DrtNVXzo.mjs';
-export { D as DialogContentVariants, a as DialogOverlayVariants, d as dialogContentRecipe, b as dialogOverlayRecipe } from '../dialog.css-C7oMaNav.mjs';
+export { a as AvatarFallbackVariants, A as AvatarVariants, b as avatarFallbackRecipe, c as avatarRecipe } from '../avatar.css-YFj-sVm_.mjs';
+export { B as BadgeVariants, b as badgeRecipe } from '../badge.css-qilqDGjW.mjs';
+export { B as ButtonVariants, b as buttonIconRecipe, a as buttonRecipe, c as buttonSpinner } from '../button.css-KMqdCdRL.mjs';
+export { C as CheckboxVariants, c as checkboxRecipe } from '../checkbox.css-CGzH7iFG.mjs';
+export { C as ContainerVariants, c as containerRecipe } from '../container.css-BgQOsZ4q.mjs';
+export { D as DialogContentVariants, d as dialogContentRecipe } from '../dialog.css-CYDkFLZx.mjs';
 export { F as FlexVariants, f as flexRecipe } from '../flex.css-wpH47_rr.mjs';
-export { F as FormMessageVariants, f as formMessageRecipe } from '../form.css-CBijFS-Z.mjs';
+export { F as FormMessageVariants, f as formMessageRecipe } from '../form.css-NAo0sSxW.mjs';
 export { G as GridVariants, g as gridRecipe } from '../grid.css-Z-qoRIGI.mjs';
-export { I as IconButtonVariants, i as iconButtonRecipe } from '../icon-button.css-ndHR4t3c.mjs';
-export { L as LinkVariants, l as linkRecipe } from '../link.css-CgQxXknE.mjs';
-export { S as SkeletonVariants, s as skeletonRecipe } from '../skeleton.css-CpCE7T-Z.mjs';
-export { S as SpinnerVariants, s as spinnerRecipe } from '../spinner.css-D4j8oa1u.mjs';
-export { S as StatusVariants, s as statusRecipe } from '../status.css-BgE7VySx.mjs';
-export { a as SwitchThumbVariants, S as SwitchVariants, s as switchRecipe, b as switchThumbRecipe } from '../switch.css-DL5vSOih.mjs';
-export { T as TextAreaVariants, t as textAreaRecipe } from '../text-area.css-CAGsYX0q.mjs';
-export { T as TextFieldVariants, t as textFieldRecipe } from '../text-field.css-T4wUHMsd.mjs';
-export { T as TextVariants, t as textRecipe } from '../text.css-CjBSPcnP.mjs';
-export { T as TooltipContentVariants, t as tooltipContentRecipe } from '../tooltip.css-XeMsLpNS.mjs';
-import 'homemade-recipes';
+export { H as HeadingVariants, h as headingRecipe } from '../heading.css-8Qi1-uCW.mjs';
+export { I as IconButtonVariants, i as iconButtonRecipe } from '../icon-button.css-DOlVsfKX.mjs';
+export { L as LinkVariants, l as linkRecipe } from '../link.css-CiQJiLia.mjs';
+import * as homemade_recipes from 'homemade-recipes';
+export { S as SkeletonVariants, s as skeletonRecipe } from '../skeleton.css-Dqj91z1J.mjs';
+export { S as SpinnerVariants, s as spinnerRecipe } from '../spinner.css-BZiQWnG0.mjs';
+export { S as StatusVariants, s as statusRecipe } from '../status.css-Co587rxg.mjs';
+export { a as SwitchThumbVariants, S as SwitchVariants, s as switchRecipe, b as switchThumbRecipe } from '../switch.css-h_sQVT_Y.mjs';
+export { T as TextAreaVariants, t as textAreaRecipe } from '../text-area.css-mKrAGHB3.mjs';
+export { T as TextFieldVariants, t as textFieldRecipe } from '../text-field.css-BdmWDCNj.mjs';
+export { T as TextVariants, t as textRecipe } from '../text.css-CxDfx0B7.mjs';
+export { T as TooltipContentVariants, t as tooltipContentRecipe } from '../tooltip.css-otpfm6_m.mjs';
 
 declare const hide: string;
 
@@ -25,139 +26,26 @@ declare const pulse: string;
 
 declare const spin: string;
 
-declare const sprinkles: ((props: {
-    display?: "initial" | "none" | "flex" | "block" | {
-        initial?: "initial" | "none" | "flex" | "block" | undefined;
-        xs?: "initial" | "none" | "flex" | "block" | undefined;
-        sm?: "initial" | "none" | "flex" | "block" | undefined;
-        md?: "initial" | "none" | "flex" | "block" | undefined;
-        lg?: "initial" | "none" | "flex" | "block" | undefined;
-        xl?: "initial" | "none" | "flex" | "block" | undefined;
-    } | undefined;
-    marginTop?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    marginBottom?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    marginLeft?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    marginRight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    order?: number | "unset" | {
-        initial?: number | "unset" | undefined;
-        xs?: number | "unset" | undefined;
-        sm?: number | "unset" | undefined;
-        md?: number | "unset" | undefined;
-        lg?: number | "unset" | undefined;
-        xl?: number | "unset" | undefined;
-    } | undefined;
-    paddingTop?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    paddingBottom?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    paddingLeft?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    paddingRight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    margin?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    marginX?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    marginY?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    padding?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    paddingX?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    paddingY?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-}) => string) & {
-    properties: Set<"display" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "margin" | "padding" | "marginX" | "marginY" | "paddingX" | "paddingY">;
-};
-type Sprinkles = Parameters<typeof sprinkles>[0];
+declare const navRecipe: homemade_recipes.RuntimeFn<{
+    compact: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+        };
+        false: {
+            paddingTop: `var(--${string})` | `var(--${string}, ${string})`;
+            paddingBottom: `var(--${string})` | `var(--${string}, ${string})`;
+            borderColor: "transparent";
+        };
+    };
+    fixed: {
+        true: {
+            position: "fixed";
+        };
+        false: {
+            position: "sticky";
+        };
+    };
+}, "xs"[]>;
 
 declare const accordion: string;
 declare const accordionItem: string;
@@ -178,14 +66,13 @@ declare const checkboxIndicator: string;
 declare const dialogDescription: string;
 declare const dialogFooter: string;
 declare const dialogHeader: string;
+declare const dialogOverlay: string;
 
 declare const formField: string;
 declare const formLabel: string;
 
 declare const image: string;
 
-declare const label: string;
-
 declare const menuItem: string;
 declare const menuLabel: string;
 declare const menu: string;
@@ -3949,6 +3836,8 @@ declare const theme: {
         2: `var(--${string})` | `var(--${string}, ${string})`;
         3: `var(--${string})` | `var(--${string}, ${string})`;
         4: `var(--${string})` | `var(--${string}, ${string})`;
+        5: `var(--${string})` | `var(--${string}, ${string})`;
+        6: `var(--${string})` | `var(--${string}, ${string})`;
         max: `var(--${string})` | `var(--${string}, ${string})`;
     };
 };
@@ -3957,4 +3846,4 @@ declare const darkTheme: string;
 
 declare const lightTheme: string;
 
-export { type Sprinkles, accordion, accordionContent, accordionContentText, accordionHeader, accordionItem, accordionTrigger, avatarImage, box, card, checkboxIndicator, checkmark, chevron, darkTheme, dialogDescription, dialogFooter, dialogHeader, error, formField, formLabel, hide, image, label, lightTheme, menu, menuItem, menuLabel, menuSeparator, panel, pulse, separator, spin, sprinkles, theme, toastClose, toastInner, toastRoot, toastViewport };
+export { accordion, accordionContent, accordionContentText, accordionHeader, accordionItem, accordionTrigger, avatarImage, box, card, checkboxIndicator, checkmark, chevron, darkTheme, dialogDescription, dialogFooter, dialogHeader, dialogOverlay, error, formField, formLabel, hide, image, lightTheme, menu, menuItem, menuLabel, menuSeparator, navRecipe, panel, pulse, separator, spin, theme, toastClose, toastInner, toastRoot, toastViewport };

package/dist/theme/index.d.ts

@@ -1,23 +1,24 @@
-export { a as AvatarFallbackVariants, A as AvatarVariants, b as avatarFallbackRecipe, c as avatarRecipe } from '../avatar.css-m44RZpGY.js';
-export { B as BadgeVariants, b as badgeRecipe } from '../badge.css-BiiAU3Jo.js';
-export { B as ButtonVariants, b as buttonIconRecipe, a as buttonRecipe, c as buttonSpinner } from '../button.css-CBtNCrkL.js';
-export { C as CheckboxVariants, c as checkboxRecipe } from '../checkbox.css-CJD0qdcJ.js';
-export { C as ContainerVariants, c as containerRecipe } from '../container.css-DrtNVXzo.js';
-export { D as DialogContentVariants, a as DialogOverlayVariants, d as dialogContentRecipe, b as dialogOverlayRecipe } from '../dialog.css-C7oMaNav.js';
+export { a as AvatarFallbackVariants, A as AvatarVariants, b as avatarFallbackRecipe, c as avatarRecipe } from '../avatar.css-YFj-sVm_.js';
+export { B as BadgeVariants, b as badgeRecipe } from '../badge.css-qilqDGjW.js';
+export { B as ButtonVariants, b as buttonIconRecipe, a as buttonRecipe, c as buttonSpinner } from '../button.css-KMqdCdRL.js';
+export { C as CheckboxVariants, c as checkboxRecipe } from '../checkbox.css-CGzH7iFG.js';
+export { C as ContainerVariants, c as containerRecipe } from '../container.css-BgQOsZ4q.js';
+export { D as DialogContentVariants, d as dialogContentRecipe } from '../dialog.css-CYDkFLZx.js';
 export { F as FlexVariants, f as flexRecipe } from '../flex.css-wpH47_rr.js';
-export { F as FormMessageVariants, f as formMessageRecipe } from '../form.css-CBijFS-Z.js';
+export { F as FormMessageVariants, f as formMessageRecipe } from '../form.css-NAo0sSxW.js';
 export { G as GridVariants, g as gridRecipe } from '../grid.css-Z-qoRIGI.js';
-export { I as IconButtonVariants, i as iconButtonRecipe } from '../icon-button.css-ndHR4t3c.js';
-export { L as LinkVariants, l as linkRecipe } from '../link.css-CgQxXknE.js';
-export { S as SkeletonVariants, s as skeletonRecipe } from '../skeleton.css-CpCE7T-Z.js';
-export { S as SpinnerVariants, s as spinnerRecipe } from '../spinner.css-D4j8oa1u.js';
-export { S as StatusVariants, s as statusRecipe } from '../status.css-BgE7VySx.js';
-export { a as SwitchThumbVariants, S as SwitchVariants, s as switchRecipe, b as switchThumbRecipe } from '../switch.css-DL5vSOih.js';
-export { T as TextAreaVariants, t as textAreaRecipe } from '../text-area.css-CAGsYX0q.js';
-export { T as TextFieldVariants, t as textFieldRecipe } from '../text-field.css-T4wUHMsd.js';
-export { T as TextVariants, t as textRecipe } from '../text.css-CjBSPcnP.js';
-export { T as TooltipContentVariants, t as tooltipContentRecipe } from '../tooltip.css-XeMsLpNS.js';
-import 'homemade-recipes';
+export { H as HeadingVariants, h as headingRecipe } from '../heading.css-8Qi1-uCW.js';
+export { I as IconButtonVariants, i as iconButtonRecipe } from '../icon-button.css-DOlVsfKX.js';
+export { L as LinkVariants, l as linkRecipe } from '../link.css-CiQJiLia.js';
+import * as homemade_recipes from 'homemade-recipes';
+export { S as SkeletonVariants, s as skeletonRecipe } from '../skeleton.css-Dqj91z1J.js';
+export { S as SpinnerVariants, s as spinnerRecipe } from '../spinner.css-BZiQWnG0.js';
+export { S as StatusVariants, s as statusRecipe } from '../status.css-Co587rxg.js';
+export { a as SwitchThumbVariants, S as SwitchVariants, s as switchRecipe, b as switchThumbRecipe } from '../switch.css-h_sQVT_Y.js';
+export { T as TextAreaVariants, t as textAreaRecipe } from '../text-area.css-mKrAGHB3.js';
+export { T as TextFieldVariants, t as textFieldRecipe } from '../text-field.css-BdmWDCNj.js';
+export { T as TextVariants, t as textRecipe } from '../text.css-CxDfx0B7.js';
+export { T as TooltipContentVariants, t as tooltipContentRecipe } from '../tooltip.css-otpfm6_m.js';
 
 declare const hide: string;
 
@@ -25,139 +26,26 @@ declare const pulse: string;
 
 declare const spin: string;
 
-declare const sprinkles: ((props: {
-    display?: "initial" | "none" | "flex" | "block" | {
-        initial?: "initial" | "none" | "flex" | "block" | undefined;
-        xs?: "initial" | "none" | "flex" | "block" | undefined;
-        sm?: "initial" | "none" | "flex" | "block" | undefined;
-        md?: "initial" | "none" | "flex" | "block" | undefined;
-        lg?: "initial" | "none" | "flex" | "block" | undefined;
-        xl?: "initial" | "none" | "flex" | "block" | undefined;
-    } | undefined;
-    marginTop?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    marginBottom?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    marginLeft?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    marginRight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    order?: number | "unset" | {
-        initial?: number | "unset" | undefined;
-        xs?: number | "unset" | undefined;
-        sm?: number | "unset" | undefined;
-        md?: number | "unset" | undefined;
-        lg?: number | "unset" | undefined;
-        xl?: number | "unset" | undefined;
-    } | undefined;
-    paddingTop?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    paddingBottom?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    paddingLeft?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    paddingRight?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    margin?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    marginX?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    marginY?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    padding?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    paddingX?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-    paddingY?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {
-        initial?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-        xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | undefined;
-    } | undefined;
-}) => string) & {
-    properties: Set<"display" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "margin" | "padding" | "marginX" | "marginY" | "paddingX" | "paddingY">;
-};
-type Sprinkles = Parameters<typeof sprinkles>[0];
+declare const navRecipe: homemade_recipes.RuntimeFn<{
+    compact: {
+        true: {
+            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
+        };
+        false: {
+            paddingTop: `var(--${string})` | `var(--${string}, ${string})`;
+            paddingBottom: `var(--${string})` | `var(--${string}, ${string})`;
+            borderColor: "transparent";
+        };
+    };
+    fixed: {
+        true: {
+            position: "fixed";
+        };
+        false: {
+            position: "sticky";
+        };
+    };
+}, "xs"[]>;
 
 declare const accordion: string;
 declare const accordionItem: string;
@@ -178,14 +66,13 @@ declare const checkboxIndicator: string;
 declare const dialogDescription: string;
 declare const dialogFooter: string;
 declare const dialogHeader: string;
+declare const dialogOverlay: string;
 
 declare const formField: string;
 declare const formLabel: string;
 
 declare const image: string;
 
-declare const label: string;
-
 declare const menuItem: string;
 declare const menuLabel: string;
 declare const menu: string;
@@ -3949,6 +3836,8 @@ declare const theme: {
         2: `var(--${string})` | `var(--${string}, ${string})`;
         3: `var(--${string})` | `var(--${string}, ${string})`;
         4: `var(--${string})` | `var(--${string}, ${string})`;
+        5: `var(--${string})` | `var(--${string}, ${string})`;
+        6: `var(--${string})` | `var(--${string}, ${string})`;
         max: `var(--${string})` | `var(--${string}, ${string})`;
     };
 };
@@ -3957,4 +3846,4 @@ declare const darkTheme: string;
 
 declare const lightTheme: string;
 
-export { type Sprinkles, accordion, accordionContent, accordionContentText, accordionHeader, accordionItem, accordionTrigger, avatarImage, box, card, checkboxIndicator, checkmark, chevron, darkTheme, dialogDescription, dialogFooter, dialogHeader, error, formField, formLabel, hide, image, label, lightTheme, menu, menuItem, menuLabel, menuSeparator, panel, pulse, separator, spin, sprinkles, theme, toastClose, toastInner, toastRoot, toastViewport };
+export { accordion, accordionContent, accordionContentText, accordionHeader, accordionItem, accordionTrigger, avatarImage, box, card, checkboxIndicator, checkmark, chevron, darkTheme, dialogDescription, dialogFooter, dialogHeader, dialogOverlay, error, formField, formLabel, hide, image, lightTheme, menu, menuItem, menuLabel, menuSeparator, navRecipe, panel, pulse, separator, spin, theme, toastClose, toastInner, toastRoot, toastViewport };