@stokelp/ui 2.102.0 → 2.104.0

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

@@ -1,271 +1,216 @@
 "use client";
-import { defineSlotRecipe as i } from "@pandacss/dev";
-const e = i({
-  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"
-  ]
+import { defineSlotRecipe as e } from "@pandacss/dev";
+//#region src/theme/recipes/app/navigation.ts
+var t = e({
+	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"
+	]
 });
-export {
-  e as appNavigationRecipe
-};
-//# sourceMappingURL=navigation.js.map
+//#endregion
+export { t as appNavigationRecipe };
+
+//# sourceMappingURL=navigation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","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":";;AAEO,MAAMA,IAAsBC,EAAiB;AAAA,EAClD,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,SAAS;AAAA,MACT,eAAe;AAAA,MACf,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,MACpB,UAAU;AAAA,MACV,iEAAiE;AAAA,QAC/D,OAAO;AAAA,QACP,UAAU;AAAA,QACV,wDAAwD;AAAA,UACtD,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,QAAA;AAAA,QAElB,6BAA6B;AAAA,UAC3B,eAAe;AAAA,QAAA;AAAA,QAEjB,kCAAkC;AAAA,UAChC,SAAS;AAAA,QAAA;AAAA,QAEX,gCAAgC;AAAA,UAC9B,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,QAEd,gCAAgC;AAAA,UAC9B,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IACF;AAAA,IAEF,oBAAoB;AAAA,MAClB,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,cAAc;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,MACpB,wBAAwB;AAAA,QACtB,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,QAAQ;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,IAER,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,IAAA;AAAA,IAEd,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,qBAAqB;AAAA,MACrB,qCAAqC;AAAA,QACnC,qBAAqB;AAAA,MAAA;AAAA,MAEvB,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,IAEV,WAAW;AAAA,MACT,iBAAiB;AAAA,MACjB,eAAe;AAAA,IAAA;AAAA,IAEjB,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,2BAA2B;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,MAEb,kCAAkC;AAAA,QAChC,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ,CAAA;AAAA,EAAC;AAAA,EAEX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,MAAM;AAAA,UACJ,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,2CAA2C;AAAA,YACzC,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF,MAAM;AAAA,UACJ,cAAc;AAAA,YACZ,oCAAoC;AAAA,cAClC,IAAI;AAAA,cACJ,gCAAgC;AAAA,gBAC9B,OAAO;AAAA,cAAA;AAAA,cAET,+BAA+B;AAAA,gBAC7B,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,QAEF,aAAa;AAAA,UACX,OAAO;AAAA,UACP,IAAI;AAAA,YACF,MAAM;AAAA,YACN,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MACF;AAAA,MAEF,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,2CAA2C;AAAA,YACzC,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF,MAAM;AAAA,UACJ,cAAc;AAAA,YACZ,oCAAoC;AAAA,cAClC,IAAI;AAAA,cACJ,gCAAgC;AAAA,gBAC9B,OAAO;AAAA,cAAA;AAAA,cAET,+BAA+B;AAAA,gBAC7B,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,QAEF,aAAa;AAAA,UACX,OAAO;AAAA,UACP,IAAI;AAAA,YACF,MAAM;AAAA,YACN,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MACF;AAAA,MAEF,KAAK;AAAA,QACH,MAAM;AAAA,UACJ,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,2CAA2C;AAAA,YACzC,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF,MAAM;AAAA,UACJ,cAAc;AAAA,YACZ,oCAAoC;AAAA,cAClC,IAAI;AAAA,cACJ,gCAAgC;AAAA,gBAC9B,OAAO;AAAA,cAAA;AAAA,cAET,+BAA+B;AAAA,gBAC7B,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,QAEF,aAAa;AAAA,UACX,OAAO;AAAA,UACP,IAAI;AAAA,YACF,MAAM;AAAA,YACN,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MACF;AAAA,MAEF,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,aAAa;AAAA,UACb,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,2CAA2C;AAAA,YACzC,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,QAEF,MAAM;AAAA,UACJ,cAAc;AAAA,YACZ,oCAAoC;AAAA,cAClC,IAAI;AAAA,cACJ,gCAAgC;AAAA,gBAC9B,OAAO;AAAA,cAAA;AAAA,cAET,+BAA+B;AAAA,gBAC7B,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,QAEF,aAAa;AAAA,UACX,OAAO;AAAA,UACP,IAAI;AAAA,YACF,MAAM;AAAA,YACN,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAEF,UAAU;AAAA,UACR,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,WAAW;AAAA,EACX,aAAa;AAAA,EACb,KAAK;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ,CAAC;"}
+{"version":3,"file":"navigation.js","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,IAAsB,EAAiB;CAClD,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,SAAS;GACT,eAAe;GACf,WAAW;GACX,OAAO;GACP,UAAU;GACV,oBAAoB;GACpB,oBAAoB;GACpB,UAAU;GACV,iEAAiE;IAC/D,OAAO;IACP,UAAU;IACV,wDAAwD;KACtD,IAAI;KACJ,SAAS;KACT,YAAY;KACZ,gBAAgB;IAClB;IACA,6BAA6B,EAC3B,eAAe,SACjB;IACA,kCAAkC,EAChC,SAAS,OACX;IACA,gCAAgC;KAC9B,SAAS;KACT,YAAY;IACd;IACA,gCAAgC;KAC9B,SAAS;KACT,YAAY;IACd;GACF;EACF;EACA,oBAAoB;GAClB,UAAU;GACV,KAAK;GACL,MAAM;GACN,cAAc;GACd,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,SAAS;GACT,QAAQ;GACR,QAAQ;GACR,YAAY;GACZ,oBAAoB;GACpB,oBAAoB;GACpB,wBAAwB;IACtB,MAAM;IACN,WAAW;GACb;EACF;EACA,QAAQ;GACN,IAAI;GACJ,IAAI;EACN;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,MAAM;EACR;EACA,MAAM;GACJ,OAAO;GACP,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,SAAS;GACT,eAAe;GACf,YAAY;EACd;EACA,aAAa;GACX,YAAY;GACZ,oBAAoB;GACpB,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,qBAAqB;GACrB,qCAAqC,EACnC,qBAAqB,wBACvB;GACA,YAAY;GACZ,KAAK;GACL,QAAQ;EACV;EACA,WAAW;GACT,iBAAiB;GACjB,eAAe;EACjB;EACA,cAAc;GACZ,SAAS;GACT,eAAe;GACf,YAAY;GACZ,2BAA2B,EACzB,WAAW,UACb;GACA,kCAAkC,EAChC,IAAI,UACN;EACF;EACA,QAAQ,CAAC;CACX;CACA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,MAAM;IACJ,IAAI;IACJ,OAAO;IACP,2CAA2C,EACzC,OAAO,QACT;GACF;GACA,MAAM,EACJ,cAAc,EACZ,oCAAoC;IAClC,IAAI;IACJ,gCAAgC,EAC9B,OAAO,gBACT;IACA,+BAA+B,EAC7B,OAAO,gBACT;GACF,EACF,EACF;GACA,aAAa;IACX,OAAO;IACP,IAAI;KACF,MAAM;KACN,QAAQ;IACV;GACF;EACF;EACA,SAAS;GACP,MAAM;IACJ,IAAI;IACJ,OAAO;IACP,2CAA2C,EACzC,OAAO,QACT;GACF;GACA,MAAM,EACJ,cAAc,EACZ,oCAAoC;IAClC,IAAI;IACJ,gCAAgC,EAC9B,OAAO,gBACT;IACA,+BAA+B,EAC7B,OAAO,gBACT;GACF,EACF,EACF;GACA,aAAa;IACX,OAAO;IACP,IAAI;KACF,MAAM;KACN,QAAQ;IACV;GACF;EACF;EACA,KAAK;GACH,MAAM;IACJ,IAAI;IACJ,OAAO;IACP,2CAA2C,EACzC,OAAO,QACT;GACF;GACA,MAAM,EACJ,cAAc,EACZ,oCAAoC;IAClC,IAAI;IACJ,gCAAgC,EAC9B,OAAO,gBACT;IACA,+BAA+B,EAC7B,OAAO,gBACT;GACF,EACF,EACF;GACA,aAAa;IACX,OAAO;IACP,IAAI;KACF,MAAM;KACN,QAAQ;IACV;GACF;EACF;EACA,SAAS;GACP,MAAM;IACJ,aAAa;IACb,IAAI;IACJ,OAAO;IACP,2CAA2C,EACzC,OAAO,cACT;GACF;GACA,MAAM,EACJ,cAAc,EACZ,oCAAoC;IAClC,IAAI;IACJ,gCAAgC,EAC9B,OAAO,gBACT;IACA,+BAA+B,EAC7B,OAAO,gBACT;GACF,EACF,EACF;GACA,aAAa;IACX,OAAO;IACP,IAAI;KACF,MAAM;KACN,QAAQ;IACV;GACF;GACA,UAAU,EACR,OAAO,WACT;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,OACX;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,WAAW;CACX,aAAa;CACb,KAAK;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}

package/dist/theme/recipes/app/price-tag.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),t=e.defineSlotRecipe({slots:["root","price","unit"],base:{root:{borderRadius:"radius-4",display:"inline-flex",flexDirection:"row",alignItems:"center",gap:"space-4",bg:"primary.700"},price:{fontFamily:"cabinet",color:"white"},unit:{fontFamily:"satoshi",textTransform:"uppercase",color:"grey.100"}},variants:{size:{lg:{root:{py:"space-8",px:"space-16"},price:{textStyle:"heading.h2"},unit:{textStyle:"body.lg"}},md:{root:{py:"space-4",px:"space-8"},price:{textStyle:"heading.h4"},unit:{textStyle:"body.md"}},sm:{root:{py:"space-4",px:"space-8"},price:{textStyle:"heading.h6"},unit:{textStyle:"body.sm"}}}},className:"price-tag",jsx:["PriceTag"],defaultVariants:{size:"md"}});exports.priceTagRecipe=t;
-//# sourceMappingURL=price-tag.cjs.map
+"use client";var e=(0,require("@pandacss/dev").defineSlotRecipe)({slots:[`root`,`price`,`unit`],base:{root:{borderRadius:`radius-4`,display:`inline-flex`,flexDirection:`row`,alignItems:`center`,gap:`space-4`,bg:`primary.700`},price:{fontFamily:`cabinet`,color:`white`},unit:{fontFamily:`satoshi`,textTransform:`uppercase`,color:`grey.100`}},variants:{size:{lg:{root:{py:`space-8`,px:`space-16`},price:{textStyle:`heading.h2`},unit:{textStyle:`body.lg`}},md:{root:{py:`space-4`,px:`space-8`},price:{textStyle:`heading.h4`},unit:{textStyle:`body.md`}},sm:{root:{py:`space-4`,px:`space-8`},price:{textStyle:`heading.h6`},unit:{textStyle:`body.sm`}}}},className:`price-tag`,jsx:[`PriceTag`],defaultVariants:{size:`md`}});exports.priceTagRecipe=e;
+//# sourceMappingURL=price-tag.cjs.map

package/dist/theme/recipes/app/price-tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"price-tag.cjs","sources":["../../../../src/theme/recipes/app/price-tag.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const priceTagRecipe = defineSlotRecipe({\n  slots: ['root', 'price', 'unit'],\n  base: {\n    root: {\n      borderRadius: 'radius-4',\n      display: 'inline-flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 'space-4',\n      bg: 'primary.700',\n    },\n    price: {\n      fontFamily: 'cabinet',\n      color: 'white',\n    },\n    unit: {\n      fontFamily: 'satoshi',\n      textTransform: 'uppercase',\n      color: 'grey.100',\n    },\n  },\n  variants: {\n    size: {\n      lg: {\n        root: {\n          py: 'space-8',\n          px: 'space-16',\n        },\n        price: {\n          textStyle: 'heading.h2',\n        },\n        unit: {\n          textStyle: 'body.lg',\n        },\n      },\n      md: {\n        root: {\n          py: 'space-4',\n          px: 'space-8',\n        },\n        price: {\n          textStyle: 'heading.h4',\n        },\n        unit: {\n          textStyle: 'body.md',\n        },\n      },\n      sm: {\n        root: {\n          py: 'space-4',\n          px: 'space-8',\n        },\n        price: {\n          textStyle: 'heading.h6',\n        },\n        unit: {\n          textStyle: 'body.sm',\n        },\n      },\n    },\n  },\n  className: 'price-tag',\n  jsx: ['PriceTag'],\n  defaultVariants: {\n    size: 'md',\n  },\n})\n"],"names":["priceTagRecipe","defineSlotRecipe"],"mappings":"8HAEaA,EAAiBC,EAAAA,iBAAiB,CAC7C,MAAO,CAAC,OAAQ,QAAS,MAAM,EAC/B,KAAM,CACJ,KAAM,CACJ,aAAc,WACd,QAAS,cACT,cAAe,MACf,WAAY,SACZ,IAAK,UACL,GAAI,aAAA,EAEN,MAAO,CACL,WAAY,UACZ,MAAO,OAAA,EAET,KAAM,CACJ,WAAY,UACZ,cAAe,YACf,MAAO,UAAA,CACT,EAEF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,CACJ,GAAI,UACJ,GAAI,UAAA,EAEN,MAAO,CACL,UAAW,YAAA,EAEb,KAAM,CACJ,UAAW,SAAA,CACb,EAEF,GAAI,CACF,KAAM,CACJ,GAAI,UACJ,GAAI,SAAA,EAEN,MAAO,CACL,UAAW,YAAA,EAEb,KAAM,CACJ,UAAW,SAAA,CACb,EAEF,GAAI,CACF,KAAM,CACJ,GAAI,UACJ,GAAI,SAAA,EAEN,MAAO,CACL,UAAW,YAAA,EAEb,KAAM,CACJ,UAAW,SAAA,CACb,CACF,CACF,EAEF,UAAW,YACX,IAAK,CAAC,UAAU,EAChB,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC"}
+{"version":3,"file":"price-tag.cjs","names":[],"sources":["../../../../src/theme/recipes/app/price-tag.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const priceTagRecipe = defineSlotRecipe({\n  slots: ['root', 'price', 'unit'],\n  base: {\n    root: {\n      borderRadius: 'radius-4',\n      display: 'inline-flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 'space-4',\n      bg: 'primary.700',\n    },\n    price: {\n      fontFamily: 'cabinet',\n      color: 'white',\n    },\n    unit: {\n      fontFamily: 'satoshi',\n      textTransform: 'uppercase',\n      color: 'grey.100',\n    },\n  },\n  variants: {\n    size: {\n      lg: {\n        root: {\n          py: 'space-8',\n          px: 'space-16',\n        },\n        price: {\n          textStyle: 'heading.h2',\n        },\n        unit: {\n          textStyle: 'body.lg',\n        },\n      },\n      md: {\n        root: {\n          py: 'space-4',\n          px: 'space-8',\n        },\n        price: {\n          textStyle: 'heading.h4',\n        },\n        unit: {\n          textStyle: 'body.md',\n        },\n      },\n      sm: {\n        root: {\n          py: 'space-4',\n          px: 'space-8',\n        },\n        price: {\n          textStyle: 'heading.h6',\n        },\n        unit: {\n          textStyle: 'body.sm',\n        },\n      },\n    },\n  },\n  className: 'price-tag',\n  jsx: ['PriceTag'],\n  defaultVariants: {\n    size: 'md',\n  },\n})\n"],"mappings":"aAEA,IAAa,GAAA,yBAAA,EAAA,kBAAkC,CAC7C,MAAO,CAAC,OAAQ,QAAS,MAAM,EAC/B,KAAM,CACJ,KAAM,CACJ,aAAc,WACd,QAAS,cACT,cAAe,MACf,WAAY,SACZ,IAAK,UACL,GAAI,aACN,EACA,MAAO,CACL,WAAY,UACZ,MAAO,OACT,EACA,KAAM,CACJ,WAAY,UACZ,cAAe,YACf,MAAO,UACT,CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,CACJ,GAAI,UACJ,GAAI,UACN,EACA,MAAO,CACL,UAAW,YACb,EACA,KAAM,CACJ,UAAW,SACb,CACF,EACA,GAAI,CACF,KAAM,CACJ,GAAI,UACJ,GAAI,SACN,EACA,MAAO,CACL,UAAW,YACb,EACA,KAAM,CACJ,UAAW,SACb,CACF,EACA,GAAI,CACF,KAAM,CACJ,GAAI,UACJ,GAAI,SACN,EACA,MAAO,CACL,UAAW,YACb,EACA,KAAM,CACJ,UAAW,SACb,CACF,CACF,CACF,EACA,UAAW,YACX,IAAK,CAAC,UAAU,EAChB,gBAAiB,CACf,KAAM,IACR,CACF,CAAC"}