@stokelp/ui 2.102.0 → 2.104.0

package/dist/theme/recipes/app/navigation-language-select.js

@@ -1,151 +1,138 @@
 "use client";
-import { selectAnatomy as i } from "@ark-ui/react";
-import { defineSlotRecipe as a } from "@pandacss/dev";
 import { selectRecipe as e } from "../select.js";
-const p = a({
-  base: {
-    control: {
-      fontFamily: "satoshi",
-      position: "relative"
-    },
-    valueText: {
-      flex: 1,
-      pr: "space-28",
-      textAlign: "left"
-    },
-    content: e.base?.content,
-    indicator: {
-      ...e.base?.indicator,
-      color: "white"
-    },
-    item: e.base?.item,
-    root: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "space-4",
-      width: "full"
-    },
-    trigger: {
-      ...e.base?.trigger,
-      justifyContent: "space-between",
-      _open: {
-        border: "1px solid {colors.primary.500}"
-      }
-    }
-  },
-  className: "app-navigation-language-select",
-  defaultVariants: {
-    size: "md",
-    variant: "primary",
-    isMiniaturized: !1
-  },
-  jsx: ["AppNavigationLanguageSelect"],
-  slots: i.keys(),
-  variants: {
-    isMiniaturized: {
-      true: {
-        trigger: {
-          "& .app-navigation-language-select__valueText, & .app-navigation-language-select__indicator": {
-            display: "none"
-          },
-          width: "auto",
-          p: "space-8"
-        },
-        content: {
-          pt: "1px",
-          width: "100%",
-          minWidth: "max",
-          borderRadius: "radius-8"
-        }
-      },
-      false: {
-        root: {
-          width: "full",
-          minWidth: "size-64"
-        },
-        trigger: {
-          _open: {
-            '&[data-placement^="top"]': {
-              borderTopLeftRadius: "radius-0!",
-              borderTopRightRadius: "radius-0!"
-            },
-            '&[data-placement^="bottom"]': {
-              borderBottomLeftRadius: "radius-0!",
-              borderBottomRightRadius: "radius-0!"
-            }
-          }
-        }
-      }
-    },
-    size: {
-      md: {
-        item: { px: "space-16", py: "space-8", textStyle: "body.md" },
-        indicator: {
-          width: "size-16",
-          height: "size-16"
-        },
-        trigger: {
-          gap: "space-8",
-          height: "35px",
-          minW: "size-16",
-          py: "space-8",
-          px: "space-16",
-          textStyle: "body.md"
-        }
-      }
-    },
-    variant: {
-      primary: {
-        trigger: {
-          '&[data-placement^="top"]': {
-            borderTopColor: {
-              _open: "grey.100",
-              _hover: {
-                base: "primary.300",
-                _open: "primary.300"
-              },
-              base: "primary.300"
-            }
-          },
-          '&[data-placement^="bottom"]': {
-            borderBottomColor: {
-              _open: "grey.100",
-              _hover: {
-                base: "primary.300",
-                _open: "primary.300"
-              },
-              base: "primary.300"
-            }
-          },
-          color: "white",
-          bg: "primary.700",
-          border: {
-            _focusVisible: "1px solid {colors.primary.300}",
-            _hover: {
-              base: "1px solid {colors.primary.300}",
-              _open: "1px solid {colors.primary.500}",
-              _disabled: "1px solid {colors.primary.300}"
-            },
-            base: "1px solid {colors.primary.300}"
-          }
-        }
-      },
-      secondary: {
-        trigger: {
-          color: "grey.900",
-          bg: "white"
-        },
-        indicator: {
-          color: "primary.900"
-        },
-        content: {
-          borderTop: "none"
-        }
-      }
-    }
-  }
+import { selectAnatomy as t } from "@ark-ui/react";
+import { defineSlotRecipe as n } from "@pandacss/dev";
+//#region src/theme/recipes/app/navigation-language-select.ts
+var r = n({
+	base: {
+		control: {
+			fontFamily: "satoshi",
+			position: "relative"
+		},
+		valueText: {
+			flex: 1,
+			pr: "space-28",
+			textAlign: "left"
+		},
+		content: e.base?.content,
+		indicator: {
+			...e.base?.indicator,
+			color: "white"
+		},
+		item: e.base?.item,
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "space-4",
+			width: "full"
+		},
+		trigger: {
+			...e.base?.trigger,
+			justifyContent: "space-between",
+			_open: { border: "1px solid {colors.primary.500}" }
+		}
+	},
+	className: "app-navigation-language-select",
+	defaultVariants: {
+		size: "md",
+		variant: "primary",
+		isMiniaturized: !1
+	},
+	jsx: ["AppNavigationLanguageSelect"],
+	slots: t.keys(),
+	variants: {
+		isMiniaturized: {
+			true: {
+				trigger: {
+					"& .app-navigation-language-select__valueText, & .app-navigation-language-select__indicator": { display: "none" },
+					width: "auto",
+					p: "space-8"
+				},
+				content: {
+					pt: "1px",
+					width: "100%",
+					minWidth: "max",
+					borderRadius: "radius-8"
+				}
+			},
+			false: {
+				root: {
+					width: "full",
+					minWidth: "size-64"
+				},
+				trigger: { _open: {
+					"&[data-placement^=\"top\"]": {
+						borderTopLeftRadius: "radius-0!",
+						borderTopRightRadius: "radius-0!"
+					},
+					"&[data-placement^=\"bottom\"]": {
+						borderBottomLeftRadius: "radius-0!",
+						borderBottomRightRadius: "radius-0!"
+					}
+				} }
+			}
+		},
+		size: { md: {
+			item: {
+				px: "space-16",
+				py: "space-8",
+				textStyle: "body.md"
+			},
+			indicator: {
+				width: "size-16",
+				height: "size-16"
+			},
+			trigger: {
+				gap: "space-8",
+				height: "35px",
+				minW: "size-16",
+				py: "space-8",
+				px: "space-16",
+				textStyle: "body.md"
+			}
+		} },
+		variant: {
+			primary: { trigger: {
+				"&[data-placement^=\"top\"]": { borderTopColor: {
+					_open: "grey.100",
+					_hover: {
+						base: "primary.300",
+						_open: "primary.300"
+					},
+					base: "primary.300"
+				} },
+				"&[data-placement^=\"bottom\"]": { borderBottomColor: {
+					_open: "grey.100",
+					_hover: {
+						base: "primary.300",
+						_open: "primary.300"
+					},
+					base: "primary.300"
+				} },
+				color: "white",
+				bg: "primary.700",
+				border: {
+					_focusVisible: "1px solid {colors.primary.300}",
+					_hover: {
+						base: "1px solid {colors.primary.300}",
+						_open: "1px solid {colors.primary.500}",
+						_disabled: "1px solid {colors.primary.300}"
+					},
+					base: "1px solid {colors.primary.300}"
+				}
+			} },
+			secondary: {
+				trigger: {
+					color: "grey.900",
+					bg: "white"
+				},
+				indicator: { color: "primary.900" },
+				content: { borderTop: "none" }
+			}
+		}
+	}
 });
-export {
-  p as appNavigationLanguageSelectRecipe
-};
-//# sourceMappingURL=navigation-language-select.js.map
+//#endregion
+export { r as appNavigationLanguageSelectRecipe };
+
+//# sourceMappingURL=navigation-language-select.js.map

package/dist/theme/recipes/app/navigation-language-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-language-select.js","sources":["../../../../src/theme/recipes/app/navigation-language-select.ts"],"sourcesContent":["import { selectAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\nimport { selectRecipe } from '~/theme/recipes/select'\n\nexport const appNavigationLanguageSelectRecipe = defineSlotRecipe({\n  base: {\n    control: {\n      fontFamily: 'satoshi',\n      position: 'relative',\n    },\n    valueText: {\n      flex: 1,\n      pr: 'space-28',\n      textAlign: 'left',\n    },\n    content: selectRecipe.base?.content,\n    indicator: {\n      ...selectRecipe.base?.indicator,\n      color: 'white',\n    },\n    item: selectRecipe.base?.item,\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n      width: 'full',\n    },\n    trigger: {\n      ...selectRecipe.base?.trigger,\n      justifyContent: 'space-between',\n      _open: {\n        border: '1px solid {colors.primary.500}',\n      },\n    },\n  },\n  className: 'app-navigation-language-select',\n  defaultVariants: {\n    size: 'md',\n    variant: 'primary',\n    isMiniaturized: false,\n  },\n  jsx: ['AppNavigationLanguageSelect'],\n  slots: selectAnatomy.keys(),\n  variants: {\n    isMiniaturized: {\n      true: {\n        trigger: {\n          '& .app-navigation-language-select__valueText, & .app-navigation-language-select__indicator': {\n            display: 'none',\n          },\n          width: 'auto',\n          p: 'space-8',\n        },\n        content: {\n          pt: '1px',\n          width: '100%',\n          minWidth: 'max',\n          borderRadius: 'radius-8',\n        },\n      },\n      false: {\n        root: {\n          width: 'full',\n          minWidth: 'size-64',\n        },\n        trigger: {\n          _open: {\n            '&[data-placement^=\"top\"]': {\n              borderTopLeftRadius: 'radius-0!',\n              borderTopRightRadius: 'radius-0!',\n            },\n            '&[data-placement^=\"bottom\"]': {\n              borderBottomLeftRadius: 'radius-0!',\n              borderBottomRightRadius: 'radius-0!',\n            },\n          },\n        },\n      },\n    },\n    size: {\n      md: {\n        item: { px: 'space-16', py: 'space-8', textStyle: 'body.md' },\n        indicator: {\n          width: 'size-16',\n          height: 'size-16',\n        },\n        trigger: {\n          gap: 'space-8',\n          height: '35px',\n          minW: 'size-16',\n          py: 'space-8',\n          px: 'space-16',\n          textStyle: 'body.md',\n        },\n      },\n    },\n    variant: {\n      primary: {\n        trigger: {\n          '&[data-placement^=\"top\"]': {\n            borderTopColor: {\n              _open: 'grey.100',\n              _hover: {\n                base: 'primary.300',\n                _open: 'primary.300',\n              },\n              base: 'primary.300',\n            },\n          },\n          '&[data-placement^=\"bottom\"]': {\n            borderBottomColor: {\n              _open: 'grey.100',\n              _hover: {\n                base: 'primary.300',\n                _open: 'primary.300',\n              },\n              base: 'primary.300',\n            },\n          },\n          color: 'white',\n          bg: 'primary.700',\n          border: {\n            _focusVisible: '1px solid {colors.primary.300}',\n            _hover: {\n              base: '1px solid {colors.primary.300}',\n              _open: '1px solid {colors.primary.500}',\n              _disabled: '1px solid {colors.primary.300}',\n            },\n            base: '1px solid {colors.primary.300}',\n          },\n        },\n      },\n      secondary: {\n        trigger: {\n          color: 'grey.900',\n          bg: 'white',\n        },\n        indicator: {\n          color: 'primary.900',\n        },\n        content: {\n          borderTop: 'none',\n        },\n      },\n    },\n  },\n})\n"],"names":["appNavigationLanguageSelectRecipe","defineSlotRecipe","selectRecipe","selectAnatomy"],"mappings":"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"}
+{"version":3,"file":"navigation-language-select.js","names":[],"sources":["../../../../src/theme/recipes/app/navigation-language-select.ts"],"sourcesContent":["import { selectAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\nimport { selectRecipe } from '~/theme/recipes/select'\n\nexport const appNavigationLanguageSelectRecipe = defineSlotRecipe({\n  base: {\n    control: {\n      fontFamily: 'satoshi',\n      position: 'relative',\n    },\n    valueText: {\n      flex: 1,\n      pr: 'space-28',\n      textAlign: 'left',\n    },\n    content: selectRecipe.base?.content,\n    indicator: {\n      ...selectRecipe.base?.indicator,\n      color: 'white',\n    },\n    item: selectRecipe.base?.item,\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n      width: 'full',\n    },\n    trigger: {\n      ...selectRecipe.base?.trigger,\n      justifyContent: 'space-between',\n      _open: {\n        border: '1px solid {colors.primary.500}',\n      },\n    },\n  },\n  className: 'app-navigation-language-select',\n  defaultVariants: {\n    size: 'md',\n    variant: 'primary',\n    isMiniaturized: false,\n  },\n  jsx: ['AppNavigationLanguageSelect'],\n  slots: selectAnatomy.keys(),\n  variants: {\n    isMiniaturized: {\n      true: {\n        trigger: {\n          '& .app-navigation-language-select__valueText, & .app-navigation-language-select__indicator': {\n            display: 'none',\n          },\n          width: 'auto',\n          p: 'space-8',\n        },\n        content: {\n          pt: '1px',\n          width: '100%',\n          minWidth: 'max',\n          borderRadius: 'radius-8',\n        },\n      },\n      false: {\n        root: {\n          width: 'full',\n          minWidth: 'size-64',\n        },\n        trigger: {\n          _open: {\n            '&[data-placement^=\"top\"]': {\n              borderTopLeftRadius: 'radius-0!',\n              borderTopRightRadius: 'radius-0!',\n            },\n            '&[data-placement^=\"bottom\"]': {\n              borderBottomLeftRadius: 'radius-0!',\n              borderBottomRightRadius: 'radius-0!',\n            },\n          },\n        },\n      },\n    },\n    size: {\n      md: {\n        item: { px: 'space-16', py: 'space-8', textStyle: 'body.md' },\n        indicator: {\n          width: 'size-16',\n          height: 'size-16',\n        },\n        trigger: {\n          gap: 'space-8',\n          height: '35px',\n          minW: 'size-16',\n          py: 'space-8',\n          px: 'space-16',\n          textStyle: 'body.md',\n        },\n      },\n    },\n    variant: {\n      primary: {\n        trigger: {\n          '&[data-placement^=\"top\"]': {\n            borderTopColor: {\n              _open: 'grey.100',\n              _hover: {\n                base: 'primary.300',\n                _open: 'primary.300',\n              },\n              base: 'primary.300',\n            },\n          },\n          '&[data-placement^=\"bottom\"]': {\n            borderBottomColor: {\n              _open: 'grey.100',\n              _hover: {\n                base: 'primary.300',\n                _open: 'primary.300',\n              },\n              base: 'primary.300',\n            },\n          },\n          color: 'white',\n          bg: 'primary.700',\n          border: {\n            _focusVisible: '1px solid {colors.primary.300}',\n            _hover: {\n              base: '1px solid {colors.primary.300}',\n              _open: '1px solid {colors.primary.500}',\n              _disabled: '1px solid {colors.primary.300}',\n            },\n            base: '1px solid {colors.primary.300}',\n          },\n        },\n      },\n      secondary: {\n        trigger: {\n          color: 'grey.900',\n          bg: 'white',\n        },\n        indicator: {\n          color: 'primary.900',\n        },\n        content: {\n          borderTop: 'none',\n        },\n      },\n    },\n  },\n})\n"],"mappings":";;;;;AAIA,IAAa,IAAoC,EAAiB;CAChE,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,UAAU;EACZ;EACA,WAAW;GACT,MAAM;GACN,IAAI;GACJ,WAAW;EACb;EACA,SAAS,EAAa,MAAM;EAC5B,WAAW;GACT,GAAG,EAAa,MAAM;GACtB,OAAO;EACT;EACA,MAAM,EAAa,MAAM;EACzB,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;EACT;EACA,SAAS;GACP,GAAG,EAAa,MAAM;GACtB,gBAAgB;GAChB,OAAO,EACL,QAAQ,iCACV;EACF;CACF;CACA,WAAW;CACX,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,gBAAgB;CAClB;CACA,KAAK,CAAC,6BAA6B;CACnC,OAAO,EAAc,KAAK;CAC1B,UAAU;EACR,gBAAgB;GACd,MAAM;IACJ,SAAS;KACP,8FAA8F,EAC5F,SAAS,OACX;KACA,OAAO;KACP,GAAG;IACL;IACA,SAAS;KACP,IAAI;KACJ,OAAO;KACP,UAAU;KACV,cAAc;IAChB;GACF;GACA,OAAO;IACL,MAAM;KACJ,OAAO;KACP,UAAU;IACZ;IACA,SAAS,EACP,OAAO;KACL,8BAA4B;MAC1B,qBAAqB;MACrB,sBAAsB;KACxB;KACA,iCAA+B;MAC7B,wBAAwB;MACxB,yBAAyB;KAC3B;IACF,EACF;GACF;EACF;EACA,MAAM,EACJ,IAAI;GACF,MAAM;IAAE,IAAI;IAAY,IAAI;IAAW,WAAW;GAAU;GAC5D,WAAW;IACT,OAAO;IACP,QAAQ;GACV;GACA,SAAS;IACP,KAAK;IACL,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,WAAW;GACb;EACF,EACF;EACA,SAAS;GACP,SAAS,EACP,SAAS;IACP,8BAA4B,EAC1B,gBAAgB;KACd,OAAO;KACP,QAAQ;MACN,MAAM;MACN,OAAO;KACT;KACA,MAAM;IACR,EACF;IACA,iCAA+B,EAC7B,mBAAmB;KACjB,OAAO;KACP,QAAQ;MACN,MAAM;MACN,OAAO;KACT;KACA,MAAM;IACR,EACF;IACA,OAAO;IACP,IAAI;IACJ,QAAQ;KACN,eAAe;KACf,QAAQ;MACN,MAAM;MACN,OAAO;MACP,WAAW;KACb;KACA,MAAM;IACR;GACF,EACF;GACA,WAAW;IACT,SAAS;KACP,OAAO;KACP,IAAI;IACN;IACA,WAAW,EACT,OAAO,cACT;IACA,SAAS,EACP,WAAW,OACb;GACF;EACF;CACF;AACF,CAAC"}

package/dist/theme/recipes/app/navigation.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@pandacss/dev"),t=i.defineSlotRecipe({base:{root:{position:"relative",display:"flex",flexDirection:"column",overflowY:"auto",width:"240px",minWidth:"100%",transitionProperty:"width",transitionDuration:"fast",overflow:"hidden","&:has(.app-navigation__miniaturizeTrigger[data-state=closed])":{width:"size-52",minWidth:"size-52","& .app-navigation__header, & .app-navigation__footer":{px:"space-0",display:"flex",alignItems:"center",justifyContent:"center"},"& .app-navigation__footer":{flexDirection:"column"},"& .app-navigation__itemContent":{display:"flex"},"& .app-navigation__itemLabel":{display:"none",visibility:"collapse"},"& .app-navigation__itemAlpha":{display:"none",visibility:"collapse"}}},miniaturizeTrigger:{position:"fixed",top:"space-80",left:"230px",borderRadius:"full",width:"size-20",height:"size-20",color:"primary.500",display:"flex",alignItems:"center",justifyContent:"center",bgColor:"white",zIndex:10,cursor:"pointer",userSelect:"none",transitionProperty:"left",transitionDuration:"fast","&[data-state=closed]":{left:"space-40",transform:"rotate(-180deg)"}},header:{px:"space-16",py:"space-20"},body:{display:"flex",flexDirection:"column",flex:1},item:{width:"full",fontFamily:"satoshi",textStyle:"body.md",fontWeight:"bold",display:"flex",flexDirection:"column",alignItems:"stretch"},itemContent:{transition:"color, background-color",transitionDuration:"fast",px:"space-16",py:"space-16",display:"grid",gridTemplateColumns:"20px 1fr 20px","&:has(.app-navigation__itemAlpha)":{gridTemplateColumns:"20px auto min-content"},alignItems:"center",gap:"space-8",cursor:"pointer"},itemLabel:{gridColumnStart:2,gridColumnEnd:2},itemSubItems:{display:"flex",flexDirection:"column",alignItems:"stretch","& .app-navigation__item":{textStyle:"body.sm"},"& .app-navigation__itemContent":{py:"space-8"}},footer:{}},variants:{variant:{prod:{root:{bg:"primary.900",color:"white","& p, & h1, & h2, & h3, & h4, & h5, & h6":{color:"white"}},item:{_currentPage:{"& > .app-navigation__itemContent":{bg:"primary.800","& .app-navigation__itemLabel":{color:"secondary.500"},"& .app-navigation__itemIcon":{color:"secondary.500"}}}},itemContent:{color:"white",bg:{base:"primary.900",_hover:"primary.800"}}},staging:{root:{bg:"warning.500",color:"white","& p, & h1, & h2, & h3, & h4, & h5, & h6":{color:"white"}},item:{_currentPage:{"& > .app-navigation__itemContent":{bg:"warning.300","& .app-navigation__itemLabel":{color:"secondary.500"},"& .app-navigation__itemIcon":{color:"secondary.500"}}}},itemContent:{color:"white",bg:{base:"warning.500",_hover:"warning.300"}}},dev:{root:{bg:"error.900",color:"white","& p, & h1, & h2, & h3, & h4, & h5, & h6":{color:"white"}},item:{_currentPage:{"& > .app-navigation__itemContent":{bg:"error.700","& .app-navigation__itemLabel":{color:"secondary.500"},"& .app-navigation__itemIcon":{color:"secondary.500"}}}},itemContent:{color:"white",bg:{base:"error.900",_hover:"error.700"}}},neutral:{root:{borderRight:"1px solid {colors.primary.100}",bg:"white",color:"primary.900","& p, & h1, & h2, & h3, & h4, & h5, & h6":{color:"primary.900"}},item:{_currentPage:{"& > .app-navigation__itemContent":{bg:"primary.100","& .app-navigation__itemLabel":{color:"secondary.500"},"& .app-navigation__itemIcon":{color:"secondary.500"}}}},itemContent:{color:"white",bg:{base:"white",_hover:"primary.100"}},itemIcon:{color:"grey.200"}}}},defaultVariants:{variant:"prod"},slots:["root","header","miniaturizeTrigger","body","item","itemLabel","itemIcon","itemAlpha","itemContent","itemSubItems","footer"],className:"app-navigation",description:"The styles for the AppNavigation component",jsx:["AppNavigation","AppNavigation.Root","AppNavigation.Header","AppNavigation.Body","AppNavigation.MiniaturizeTrigger","AppNavigation.Footer","AppNavigation.Item","AppNavigation.ItemLabel","AppNavigation.itemAlpha","AppNavigation.ItemIcon","AppNavigation.ItemContent","AppNavigation.ItemSubItems"]});exports.appNavigationRecipe=t;
-//# sourceMappingURL=navigation.cjs.map
+"use client";var e=(0,require("@pandacss/dev").defineSlotRecipe)({base:{root:{position:`relative`,display:`flex`,flexDirection:`column`,overflowY:`auto`,width:`240px`,minWidth:`100%`,transitionProperty:`width`,transitionDuration:`fast`,overflow:`hidden`,"&:has(.app-navigation__miniaturizeTrigger[data-state=closed])":{width:`size-52`,minWidth:`size-52`,"& .app-navigation__header, & .app-navigation__footer":{px:`space-0`,display:`flex`,alignItems:`center`,justifyContent:`center`},"& .app-navigation__footer":{flexDirection:`column`},"& .app-navigation__itemContent":{display:`flex`},"& .app-navigation__itemLabel":{display:`none`,visibility:`collapse`},"& .app-navigation__itemAlpha":{display:`none`,visibility:`collapse`}}},miniaturizeTrigger:{position:`fixed`,top:`space-80`,left:`230px`,borderRadius:`full`,width:`size-20`,height:`size-20`,color:`primary.500`,display:`flex`,alignItems:`center`,justifyContent:`center`,bgColor:`white`,zIndex:10,cursor:`pointer`,userSelect:`none`,transitionProperty:`left`,transitionDuration:`fast`,"&[data-state=closed]":{left:`space-40`,transform:`rotate(-180deg)`}},header:{px:`space-16`,py:`space-20`},body:{display:`flex`,flexDirection:`column`,flex:1},item:{width:`full`,fontFamily:`satoshi`,textStyle:`body.md`,fontWeight:`bold`,display:`flex`,flexDirection:`column`,alignItems:`stretch`},itemContent:{transition:`color, background-color`,transitionDuration:`fast`,px:`space-16`,py:`space-16`,display:`grid`,gridTemplateColumns:`20px 1fr 20px`,"&:has(.app-navigation__itemAlpha)":{gridTemplateColumns:`20px auto min-content`},alignItems:`center`,gap:`space-8`,cursor:`pointer`},itemLabel:{gridColumnStart:2,gridColumnEnd:2},itemSubItems:{display:`flex`,flexDirection:`column`,alignItems:`stretch`,"& .app-navigation__item":{textStyle:`body.sm`},"& .app-navigation__itemContent":{py:`space-8`}},footer:{}},variants:{variant:{prod:{root:{bg:`primary.900`,color:`white`,"& p, & h1, & h2, & h3, & h4, & h5, & h6":{color:`white`}},item:{_currentPage:{"& > .app-navigation__itemContent":{bg:`primary.800`,"& .app-navigation__itemLabel":{color:`secondary.500`},"& .app-navigation__itemIcon":{color:`secondary.500`}}}},itemContent:{color:`white`,bg:{base:`primary.900`,_hover:`primary.800`}}},staging:{root:{bg:`warning.500`,color:`white`,"& p, & h1, & h2, & h3, & h4, & h5, & h6":{color:`white`}},item:{_currentPage:{"& > .app-navigation__itemContent":{bg:`warning.300`,"& .app-navigation__itemLabel":{color:`secondary.500`},"& .app-navigation__itemIcon":{color:`secondary.500`}}}},itemContent:{color:`white`,bg:{base:`warning.500`,_hover:`warning.300`}}},dev:{root:{bg:`error.900`,color:`white`,"& p, & h1, & h2, & h3, & h4, & h5, & h6":{color:`white`}},item:{_currentPage:{"& > .app-navigation__itemContent":{bg:`error.700`,"& .app-navigation__itemLabel":{color:`secondary.500`},"& .app-navigation__itemIcon":{color:`secondary.500`}}}},itemContent:{color:`white`,bg:{base:`error.900`,_hover:`error.700`}}},neutral:{root:{borderRight:`1px solid {colors.primary.100}`,bg:`white`,color:`primary.900`,"& p, & h1, & h2, & h3, & h4, & h5, & h6":{color:`primary.900`}},item:{_currentPage:{"& > .app-navigation__itemContent":{bg:`primary.100`,"& .app-navigation__itemLabel":{color:`secondary.500`},"& .app-navigation__itemIcon":{color:`secondary.500`}}}},itemContent:{color:`white`,bg:{base:`white`,_hover:`primary.100`}},itemIcon:{color:`grey.200`}}}},defaultVariants:{variant:`prod`},slots:[`root`,`header`,`miniaturizeTrigger`,`body`,`item`,`itemLabel`,`itemIcon`,`itemAlpha`,`itemContent`,`itemSubItems`,`footer`],className:`app-navigation`,description:`The styles for the AppNavigation component`,jsx:[`AppNavigation`,`AppNavigation.Root`,`AppNavigation.Header`,`AppNavigation.Body`,`AppNavigation.MiniaturizeTrigger`,`AppNavigation.Footer`,`AppNavigation.Item`,`AppNavigation.ItemLabel`,`AppNavigation.itemAlpha`,`AppNavigation.ItemIcon`,`AppNavigation.ItemContent`,`AppNavigation.ItemSubItems`]});exports.appNavigationRecipe=e;
+//# sourceMappingURL=navigation.cjs.map

package/dist/theme/recipes/app/navigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.cjs","sources":["../../../../src/theme/recipes/app/navigation.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const appNavigationRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n      overflowY: 'auto',\n      width: '240px',\n      minWidth: '100%',\n      transitionProperty: 'width',\n      transitionDuration: 'fast',\n      overflow: 'hidden',\n      '&:has(.app-navigation__miniaturizeTrigger[data-state=closed])': {\n        width: 'size-52',\n        minWidth: 'size-52',\n        '& .app-navigation__header, & .app-navigation__footer': {\n          px: 'space-0',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        },\n        '& .app-navigation__footer': {\n          flexDirection: 'column',\n        },\n        '& .app-navigation__itemContent': {\n          display: 'flex',\n        },\n        '& .app-navigation__itemLabel': {\n          display: 'none',\n          visibility: 'collapse',\n        },\n        '& .app-navigation__itemAlpha': {\n          display: 'none',\n          visibility: 'collapse',\n        },\n      },\n    },\n    miniaturizeTrigger: {\n      position: 'fixed',\n      top: 'space-80',\n      left: '230px',\n      borderRadius: 'full',\n      width: 'size-20',\n      height: 'size-20',\n      color: 'primary.500',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      bgColor: 'white',\n      zIndex: 10,\n      cursor: 'pointer',\n      userSelect: 'none',\n      transitionProperty: 'left',\n      transitionDuration: 'fast',\n      '&[data-state=closed]': {\n        left: 'space-40',\n        transform: 'rotate(-180deg)',\n      },\n    },\n    header: {\n      px: 'space-16',\n      py: 'space-20',\n    },\n    body: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: 1,\n    },\n    item: {\n      width: 'full',\n      fontFamily: 'satoshi',\n      textStyle: 'body.md',\n      fontWeight: 'bold',\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'stretch',\n    },\n    itemContent: {\n      transition: 'color, background-color',\n      transitionDuration: 'fast',\n      px: 'space-16',\n      py: 'space-16',\n      display: 'grid',\n      gridTemplateColumns: '20px 1fr 20px',\n      '&:has(.app-navigation__itemAlpha)': {\n        gridTemplateColumns: '20px auto min-content',\n      },\n      alignItems: 'center',\n      gap: 'space-8',\n      cursor: 'pointer',\n    },\n    itemLabel: {\n      gridColumnStart: 2,\n      gridColumnEnd: 2,\n    },\n    itemSubItems: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      '& .app-navigation__item': {\n        textStyle: 'body.sm',\n      },\n      '& .app-navigation__itemContent': {\n        py: 'space-8',\n      },\n    },\n    footer: {},\n  },\n  variants: {\n    variant: {\n      prod: {\n        root: {\n          bg: 'primary.900',\n          color: 'white',\n          '& p, & h1, & h2, & h3, & h4, & h5, & h6': {\n            color: 'white',\n          },\n        },\n        item: {\n          _currentPage: {\n            '& > .app-navigation__itemContent': {\n              bg: 'primary.800',\n              '& .app-navigation__itemLabel': {\n                color: 'secondary.500',\n              },\n              '& .app-navigation__itemIcon': {\n                color: 'secondary.500',\n              },\n            },\n          },\n        },\n        itemContent: {\n          color: 'white',\n          bg: {\n            base: 'primary.900',\n            _hover: 'primary.800',\n          },\n        },\n      },\n      staging: {\n        root: {\n          bg: 'warning.500',\n          color: 'white',\n          '& p, & h1, & h2, & h3, & h4, & h5, & h6': {\n            color: 'white',\n          },\n        },\n        item: {\n          _currentPage: {\n            '& > .app-navigation__itemContent': {\n              bg: 'warning.300',\n              '& .app-navigation__itemLabel': {\n                color: 'secondary.500',\n              },\n              '& .app-navigation__itemIcon': {\n                color: 'secondary.500',\n              },\n            },\n          },\n        },\n        itemContent: {\n          color: 'white',\n          bg: {\n            base: 'warning.500',\n            _hover: 'warning.300',\n          },\n        },\n      },\n      dev: {\n        root: {\n          bg: 'error.900',\n          color: 'white',\n          '& p, & h1, & h2, & h3, & h4, & h5, & h6': {\n            color: 'white',\n          },\n        },\n        item: {\n          _currentPage: {\n            '& > .app-navigation__itemContent': {\n              bg: 'error.700',\n              '& .app-navigation__itemLabel': {\n                color: 'secondary.500',\n              },\n              '& .app-navigation__itemIcon': {\n                color: 'secondary.500',\n              },\n            },\n          },\n        },\n        itemContent: {\n          color: 'white',\n          bg: {\n            base: 'error.900',\n            _hover: 'error.700',\n          },\n        },\n      },\n      neutral: {\n        root: {\n          borderRight: '1px solid {colors.primary.100}',\n          bg: 'white',\n          color: 'primary.900',\n          '& p, & h1, & h2, & h3, & h4, & h5, & h6': {\n            color: 'primary.900',\n          },\n        },\n        item: {\n          _currentPage: {\n            '& > .app-navigation__itemContent': {\n              bg: 'primary.100',\n              '& .app-navigation__itemLabel': {\n                color: 'secondary.500',\n              },\n              '& .app-navigation__itemIcon': {\n                color: 'secondary.500',\n              },\n            },\n          },\n        },\n        itemContent: {\n          color: 'white',\n          bg: {\n            base: 'white',\n            _hover: 'primary.100',\n          },\n        },\n        itemIcon: {\n          color: 'grey.200',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'prod',\n  },\n  slots: [\n    'root',\n    'header',\n    'miniaturizeTrigger',\n    'body',\n    'item',\n    'itemLabel',\n    'itemIcon',\n    'itemAlpha',\n    'itemContent',\n    'itemSubItems',\n    'footer',\n  ],\n  className: 'app-navigation',\n  description: 'The styles for the AppNavigation component',\n  jsx: [\n    'AppNavigation',\n    'AppNavigation.Root',\n    'AppNavigation.Header',\n    'AppNavigation.Body',\n    'AppNavigation.MiniaturizeTrigger',\n    'AppNavigation.Footer',\n    'AppNavigation.Item',\n    'AppNavigation.ItemLabel',\n    'AppNavigation.itemAlpha',\n    'AppNavigation.ItemIcon',\n    'AppNavigation.ItemContent',\n    'AppNavigation.ItemSubItems',\n  ],\n})\n"],"names":["appNavigationRecipe","defineSlotRecipe"],"mappings":"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"}
+{"version":3,"file":"navigation.cjs","names":[],"sources":["../../../../src/theme/recipes/app/navigation.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const appNavigationRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n      overflowY: 'auto',\n      width: '240px',\n      minWidth: '100%',\n      transitionProperty: 'width',\n      transitionDuration: 'fast',\n      overflow: 'hidden',\n      '&:has(.app-navigation__miniaturizeTrigger[data-state=closed])': {\n        width: 'size-52',\n        minWidth: 'size-52',\n        '& .app-navigation__header, & .app-navigation__footer': {\n          px: 'space-0',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        },\n        '& .app-navigation__footer': {\n          flexDirection: 'column',\n        },\n        '& .app-navigation__itemContent': {\n          display: 'flex',\n        },\n        '& .app-navigation__itemLabel': {\n          display: 'none',\n          visibility: 'collapse',\n        },\n        '& .app-navigation__itemAlpha': {\n          display: 'none',\n          visibility: 'collapse',\n        },\n      },\n    },\n    miniaturizeTrigger: {\n      position: 'fixed',\n      top: 'space-80',\n      left: '230px',\n      borderRadius: 'full',\n      width: 'size-20',\n      height: 'size-20',\n      color: 'primary.500',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      bgColor: 'white',\n      zIndex: 10,\n      cursor: 'pointer',\n      userSelect: 'none',\n      transitionProperty: 'left',\n      transitionDuration: 'fast',\n      '&[data-state=closed]': {\n        left: 'space-40',\n        transform: 'rotate(-180deg)',\n      },\n    },\n    header: {\n      px: 'space-16',\n      py: 'space-20',\n    },\n    body: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: 1,\n    },\n    item: {\n      width: 'full',\n      fontFamily: 'satoshi',\n      textStyle: 'body.md',\n      fontWeight: 'bold',\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'stretch',\n    },\n    itemContent: {\n      transition: 'color, background-color',\n      transitionDuration: 'fast',\n      px: 'space-16',\n      py: 'space-16',\n      display: 'grid',\n      gridTemplateColumns: '20px 1fr 20px',\n      '&:has(.app-navigation__itemAlpha)': {\n        gridTemplateColumns: '20px auto min-content',\n      },\n      alignItems: 'center',\n      gap: 'space-8',\n      cursor: 'pointer',\n    },\n    itemLabel: {\n      gridColumnStart: 2,\n      gridColumnEnd: 2,\n    },\n    itemSubItems: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      '& .app-navigation__item': {\n        textStyle: 'body.sm',\n      },\n      '& .app-navigation__itemContent': {\n        py: 'space-8',\n      },\n    },\n    footer: {},\n  },\n  variants: {\n    variant: {\n      prod: {\n        root: {\n          bg: 'primary.900',\n          color: 'white',\n          '& p, & h1, & h2, & h3, & h4, & h5, & h6': {\n            color: 'white',\n          },\n        },\n        item: {\n          _currentPage: {\n            '& > .app-navigation__itemContent': {\n              bg: 'primary.800',\n              '& .app-navigation__itemLabel': {\n                color: 'secondary.500',\n              },\n              '& .app-navigation__itemIcon': {\n                color: 'secondary.500',\n              },\n            },\n          },\n        },\n        itemContent: {\n          color: 'white',\n          bg: {\n            base: 'primary.900',\n            _hover: 'primary.800',\n          },\n        },\n      },\n      staging: {\n        root: {\n          bg: 'warning.500',\n          color: 'white',\n          '& p, & h1, & h2, & h3, & h4, & h5, & h6': {\n            color: 'white',\n          },\n        },\n        item: {\n          _currentPage: {\n            '& > .app-navigation__itemContent': {\n              bg: 'warning.300',\n              '& .app-navigation__itemLabel': {\n                color: 'secondary.500',\n              },\n              '& .app-navigation__itemIcon': {\n                color: 'secondary.500',\n              },\n            },\n          },\n        },\n        itemContent: {\n          color: 'white',\n          bg: {\n            base: 'warning.500',\n            _hover: 'warning.300',\n          },\n        },\n      },\n      dev: {\n        root: {\n          bg: 'error.900',\n          color: 'white',\n          '& p, & h1, & h2, & h3, & h4, & h5, & h6': {\n            color: 'white',\n          },\n        },\n        item: {\n          _currentPage: {\n            '& > .app-navigation__itemContent': {\n              bg: 'error.700',\n              '& .app-navigation__itemLabel': {\n                color: 'secondary.500',\n              },\n              '& .app-navigation__itemIcon': {\n                color: 'secondary.500',\n              },\n            },\n          },\n        },\n        itemContent: {\n          color: 'white',\n          bg: {\n            base: 'error.900',\n            _hover: 'error.700',\n          },\n        },\n      },\n      neutral: {\n        root: {\n          borderRight: '1px solid {colors.primary.100}',\n          bg: 'white',\n          color: 'primary.900',\n          '& p, & h1, & h2, & h3, & h4, & h5, & h6': {\n            color: 'primary.900',\n          },\n        },\n        item: {\n          _currentPage: {\n            '& > .app-navigation__itemContent': {\n              bg: 'primary.100',\n              '& .app-navigation__itemLabel': {\n                color: 'secondary.500',\n              },\n              '& .app-navigation__itemIcon': {\n                color: 'secondary.500',\n              },\n            },\n          },\n        },\n        itemContent: {\n          color: 'white',\n          bg: {\n            base: 'white',\n            _hover: 'primary.100',\n          },\n        },\n        itemIcon: {\n          color: 'grey.200',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'prod',\n  },\n  slots: [\n    'root',\n    'header',\n    'miniaturizeTrigger',\n    'body',\n    'item',\n    'itemLabel',\n    'itemIcon',\n    'itemAlpha',\n    'itemContent',\n    'itemSubItems',\n    'footer',\n  ],\n  className: 'app-navigation',\n  description: 'The styles for the AppNavigation component',\n  jsx: [\n    'AppNavigation',\n    'AppNavigation.Root',\n    'AppNavigation.Header',\n    'AppNavigation.Body',\n    'AppNavigation.MiniaturizeTrigger',\n    'AppNavigation.Footer',\n    'AppNavigation.Item',\n    'AppNavigation.ItemLabel',\n    'AppNavigation.itemAlpha',\n    'AppNavigation.ItemIcon',\n    'AppNavigation.ItemContent',\n    'AppNavigation.ItemSubItems',\n  ],\n})\n"],"mappings":"aAEA,IAAa,GAAA,yBAAA,EAAA,kBAAuC,CAClD,KAAM,CACJ,KAAM,CACJ,SAAU,WACV,QAAS,OACT,cAAe,SACf,UAAW,OACX,MAAO,QACP,SAAU,OACV,mBAAoB,QACpB,mBAAoB,OACpB,SAAU,SACV,gEAAiE,CAC/D,MAAO,UACP,SAAU,UACV,uDAAwD,CACtD,GAAI,UACJ,QAAS,OACT,WAAY,SACZ,eAAgB,QAClB,EACA,4BAA6B,CAC3B,cAAe,QACjB,EACA,iCAAkC,CAChC,QAAS,MACX,EACA,+BAAgC,CAC9B,QAAS,OACT,WAAY,UACd,EACA,+BAAgC,CAC9B,QAAS,OACT,WAAY,UACd,CACF,CACF,EACA,mBAAoB,CAClB,SAAU,QACV,IAAK,WACL,KAAM,QACN,aAAc,OACd,MAAO,UACP,OAAQ,UACR,MAAO,cACP,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,QAAS,QACT,OAAQ,GACR,OAAQ,UACR,WAAY,OACZ,mBAAoB,OACpB,mBAAoB,OACpB,uBAAwB,CACtB,KAAM,WACN,UAAW,iBACb,CACF,EACA,OAAQ,CACN,GAAI,WACJ,GAAI,UACN,EACA,KAAM,CACJ,QAAS,OACT,cAAe,SACf,KAAM,CACR,EACA,KAAM,CACJ,MAAO,OACP,WAAY,UACZ,UAAW,UACX,WAAY,OACZ,QAAS,OACT,cAAe,SACf,WAAY,SACd,EACA,YAAa,CACX,WAAY,0BACZ,mBAAoB,OACpB,GAAI,WACJ,GAAI,WACJ,QAAS,OACT,oBAAqB,gBACrB,oCAAqC,CACnC,oBAAqB,uBACvB,EACA,WAAY,SACZ,IAAK,UACL,OAAQ,SACV,EACA,UAAW,CACT,gBAAiB,EACjB,cAAe,CACjB,EACA,aAAc,CACZ,QAAS,OACT,cAAe,SACf,WAAY,UACZ,0BAA2B,CACzB,UAAW,SACb,EACA,iCAAkC,CAChC,GAAI,SACN,CACF,EACA,OAAQ,CAAC,CACX,EACA,SAAU,CACR,QAAS,CACP,KAAM,CACJ,KAAM,CACJ,GAAI,cACJ,MAAO,QACP,0CAA2C,CACzC,MAAO,OACT,CACF,EACA,KAAM,CACJ,aAAc,CACZ,mCAAoC,CAClC,GAAI,cACJ,+BAAgC,CAC9B,MAAO,eACT,EACA,8BAA+B,CAC7B,MAAO,eACT,CACF,CACF,CACF,EACA,YAAa,CACX,MAAO,QACP,GAAI,CACF,KAAM,cACN,OAAQ,aACV,CACF,CACF,EACA,QAAS,CACP,KAAM,CACJ,GAAI,cACJ,MAAO,QACP,0CAA2C,CACzC,MAAO,OACT,CACF,EACA,KAAM,CACJ,aAAc,CACZ,mCAAoC,CAClC,GAAI,cACJ,+BAAgC,CAC9B,MAAO,eACT,EACA,8BAA+B,CAC7B,MAAO,eACT,CACF,CACF,CACF,EACA,YAAa,CACX,MAAO,QACP,GAAI,CACF,KAAM,cACN,OAAQ,aACV,CACF,CACF,EACA,IAAK,CACH,KAAM,CACJ,GAAI,YACJ,MAAO,QACP,0CAA2C,CACzC,MAAO,OACT,CACF,EACA,KAAM,CACJ,aAAc,CACZ,mCAAoC,CAClC,GAAI,YACJ,+BAAgC,CAC9B,MAAO,eACT,EACA,8BAA+B,CAC7B,MAAO,eACT,CACF,CACF,CACF,EACA,YAAa,CACX,MAAO,QACP,GAAI,CACF,KAAM,YACN,OAAQ,WACV,CACF,CACF,EACA,QAAS,CACP,KAAM,CACJ,YAAa,iCACb,GAAI,QACJ,MAAO,cACP,0CAA2C,CACzC,MAAO,aACT,CACF,EACA,KAAM,CACJ,aAAc,CACZ,mCAAoC,CAClC,GAAI,cACJ,+BAAgC,CAC9B,MAAO,eACT,EACA,8BAA+B,CAC7B,MAAO,eACT,CACF,CACF,CACF,EACA,YAAa,CACX,MAAO,QACP,GAAI,CACF,KAAM,QACN,OAAQ,aACV,CACF,EACA,SAAU,CACR,MAAO,UACT,CACF,CACF,CACF,EACA,gBAAiB,CACf,QAAS,MACX,EACA,MAAO,CACL,OACA,SACA,qBACA,OACA,OACA,YACA,WACA,YACA,cACA,eACA,QACF,EACA,UAAW,iBACX,YAAa,6CACb,IAAK,CACH,gBACA,qBACA,uBACA,qBACA,mCACA,uBACA,qBACA,0BACA,0BACA,yBACA,4BACA,4BACF,CACF,CAAC"}