@stokelp/ui 2.96.6 → 2.97.0

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

@@ -0,0 +1,151 @@
+"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"
+        }
+      }
+    }
+  }
+});
+export {
+  p as appNavigationLanguageSelectRecipe
+};
+//# sourceMappingURL=navigation-language-select.js.map

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

@@ -0,0 +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":";;;;AAIO,MAAMA,IAAoCC,EAAiB;AAAA,EAChE,MAAM;AAAA,IACJ,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,IAEZ,WAAW;AAAA,MACT,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,WAAW;AAAA,IAAA;AAAA,IAEb,SAASC,EAAa,MAAM;AAAA,IAC5B,WAAW;AAAA,MACT,GAAGA,EAAa,MAAM;AAAA,MACtB,OAAO;AAAA,IAAA;AAAA,IAET,MAAMA,EAAa,MAAM;AAAA,IACzB,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,IAET,SAAS;AAAA,MACP,GAAGA,EAAa,MAAM;AAAA,MACtB,gBAAgB;AAAA,MAChB,OAAO;AAAA,QACL,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,EACX,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,EAAA;AAAA,EAElB,KAAK,CAAC,6BAA6B;AAAA,EACnC,OAAOC,EAAc,KAAA;AAAA,EACrB,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,MAAM;AAAA,QACJ,SAAS;AAAA,UACP,8FAA8F;AAAA,YAC5F,SAAS;AAAA,UAAA;AAAA,UAEX,OAAO;AAAA,UACP,GAAG;AAAA,QAAA;AAAA,QAEL,SAAS;AAAA,UACP,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,OAAO;AAAA,QACL,MAAM;AAAA,UACJ,OAAO;AAAA,UACP,UAAU;AAAA,QAAA;AAAA,QAEZ,SAAS;AAAA,UACP,OAAO;AAAA,YACL,4BAA4B;AAAA,cAC1B,qBAAqB;AAAA,cACrB,sBAAsB;AAAA,YAAA;AAAA,YAExB,+BAA+B;AAAA,cAC7B,wBAAwB;AAAA,cACxB,yBAAyB;AAAA,YAAA;AAAA,UAC3B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAEF,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM,EAAE,IAAI,YAAY,IAAI,WAAW,WAAW,UAAA;AAAA,QAClD,WAAW;AAAA,UACT,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,QAEV,SAAS;AAAA,UACP,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEF,SAAS;AAAA,MACP,SAAS;AAAA,QACP,SAAS;AAAA,UACP,4BAA4B;AAAA,YAC1B,gBAAgB;AAAA,cACd,OAAO;AAAA,cACP,QAAQ;AAAA,gBACN,MAAM;AAAA,gBACN,OAAO;AAAA,cAAA;AAAA,cAET,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UAEF,+BAA+B;AAAA,YAC7B,mBAAmB;AAAA,cACjB,OAAO;AAAA,cACP,QAAQ;AAAA,gBACN,MAAM;AAAA,gBACN,OAAO;AAAA,cAAA;AAAA,cAET,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UAEF,OAAO;AAAA,UACP,IAAI;AAAA,UACJ,QAAQ;AAAA,YACN,eAAe;AAAA,YACf,QAAQ;AAAA,cACN,MAAM;AAAA,cACN,OAAO;AAAA,cACP,WAAW;AAAA,YAAA;AAAA,YAEb,MAAM;AAAA,UAAA;AAAA,QACR;AAAA,MACF;AAAA,MAEF,WAAW;AAAA,QACT,SAAS;AAAA,UACP,OAAO;AAAA,UACP,IAAI;AAAA,QAAA;AAAA,QAEN,WAAW;AAAA,UACT,OAAO;AAAA,QAAA;AAAA,QAET,SAAS;AAAA,UACP,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;"}

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

@@ -0,0 +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

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,271 @@
+"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"
+  ]
+});
+export {
+  e as appNavigationRecipe
+};
+//# sourceMappingURL=navigation.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,73 @@
+"use client";
+import { defineSlotRecipe as e } from "@pandacss/dev";
+const i = e({
+  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"
+  }
+});
+export {
+  i as priceTagRecipe
+};
+//# sourceMappingURL=price-tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"price-tag.js","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":";;AAEO,MAAMA,IAAiBC,EAAiB;AAAA,EAC7C,OAAO,CAAC,QAAQ,SAAS,MAAM;AAAA,EAC/B,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,IAAI;AAAA,IAAA;AAAA,IAEN,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,OAAO;AAAA,IAAA;AAAA,IAET,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA;AAAA,QAEN,OAAO;AAAA,UACL,WAAW;AAAA,QAAA;AAAA,QAEb,MAAM;AAAA,UACJ,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA;AAAA,QAEN,OAAO;AAAA,UACL,WAAW;AAAA,QAAA;AAAA,QAEb,MAAM;AAAA,UACJ,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA;AAAA,QAEN,OAAO;AAAA,UACL,WAAW;AAAA,QAAA;AAAA,QAEb,MAAM;AAAA,UACJ,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,EACX,KAAK,CAAC,UAAU;AAAA,EAChB,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;"}

package/dist/theme/recipes/app/product-card-catalog.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@pandacss/dev"),a=t.defineSlotRecipe({base:{root:{display:"flex",flexDirection:"column",background:"white",border:"1px solid {colors.primary.100}",borderRadius:"radius-16",overflow:"hidden",position:"relative",cursor:"pointer",transition:"shadow",padding:"space-16",gap:"space-16",paddingBottom:"space-24",_hover:{boxShadow:"0px 4px 8px 0px {colors.secondary.500/10}"}},title:{position:"relative",fontFamily:"cabinet",lineClamp:2,textStyle:"heading.h4",color:"text.heading",minHeight:"44px","& svg":{position:"absolute",top:0,right:0},"&:has(svg)":{pr:"space-28"}},imageContainer:{position:"relative",overflow:"hidden",borderRadius:"radius-8",aspectRatio:"3/2",'& [data-recipe-slot="tag"]':{position:"absolute",top:"space-8",left:"space-8",zIndex:1},'& [data-recipe-slot="shortLivedTag"]':{position:"absolute",bottom:"space-8",right:"space-8",zIndex:1},'& [data-recipe-slot="badgeList"]':{position:"absolute",top:"space-8",right:"space-8",zIndex:1},"& img":{width:"100%",height:"100%"}},image:{userSelect:"none",borderRadius:"radius-8",width:"100%",aspectRatio:"3/2",objectFit:"cover"},content:{display:"flex",flexDirection:"column",gap:"space-4",flex:1},description:{color:"text",display:"flex",flexDirection:"row",gap:"space-4",alignItems:"center",textStyle:"body.md ",fontFamily:"satoshi",mt:"auto","& .price-tag":{ml:"auto"}},highlight:{fontWeight:"bold",color:"secondary.500"},tag:{display:"flex",alignItems:"center",gap:"space-4",py:"space-4",px:"space-8",bg:"primary.700",borderRadius:"radius-4",color:"white",fontWeight:"bold",fontFamily:"satoshi",textStyle:"body.sm","& svg":{width:"size-16",height:"size-16"}},shortLivedTag:{display:"flex",alignItems:"center",gap:"space-4",py:"space-4",px:"space-8",bg:"warning.200",borderRadius:"full",fontFamily:"satoshi",textStyle:"body.sm",color:"text","& svg":{width:"size-16",height:"size-16"}},badgeList:{display:"flex",flexDirection:"column",gap:"space-4"},badge:{display:"flex",alignItems:"center",justifyContent:"center",color:"white",flexShrink:0,width:"size-24",height:"size-24",borderRadius:"full",fontFamily:"satoshi",textStyle:"body.sm",fontWeight:"bold",background:"primary.700","& svg":{width:"size-16",height:"size-16"}}},slots:["root","title","image","imageContainer","content","description","highlight","tag","badgeList","badge","shortLivedTag"],className:"product-card-catalog",description:"The styles for the ProductCardCatalog component",jsx:["ProductCardCatalog","ProductCardCatalogTitle","ProductCardCatalogImage","ProductCardCatalogImageContainer","ProductCardCatalogContent","ProductCardCatalogDescription","ProductCardCatalogHighlight","ProductCardCatalogTag","ProductCardCatalogShortLivedTag","ProductCardCatalogBadgeList","ProductCardCatalogBadge","ProductCardCatalog.Root","ProductCardCatalog.Title","ProductCardCatalog.Image","ProductCardCatalog.ImageContainer","ProductCardCatalog.Content","ProductCardCatalog.Description","ProductCardCatalog.Highlight","ProductCardCatalog.Tag","ProductCardCatalog.BadgeList","ProductCardCatalog.Badge","ProductCardCatalog.ShortLivedTag"]});exports.productCardCatalogRecipe=a;
+//# sourceMappingURL=product-card-catalog.cjs.map

package/dist/theme/recipes/app/product-card-catalog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-card-catalog.cjs","sources":["../../../../src/theme/recipes/app/product-card-catalog.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const productCardCatalogRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      background: 'white',\n      border: '1px solid {colors.primary.100}',\n      borderRadius: 'radius-16',\n      overflow: 'hidden',\n      position: 'relative',\n      cursor: 'pointer',\n      transition: 'shadow',\n      padding: 'space-16',\n      gap: 'space-16',\n      paddingBottom: 'space-24',\n      _hover: {\n        boxShadow: '0px 4px 8px 0px {colors.secondary.500/10}',\n      },\n    },\n    title: {\n      position: 'relative',\n      fontFamily: 'cabinet',\n      lineClamp: 2,\n      textStyle: 'heading.h4',\n      color: 'text.heading',\n      minHeight: '44px',\n      '& svg': {\n        position: 'absolute',\n        top: 0,\n        right: 0,\n      },\n      '&:has(svg)': {\n        pr: 'space-28',\n      },\n    },\n    imageContainer: {\n      position: 'relative',\n      overflow: 'hidden',\n      borderRadius: 'radius-8',\n      aspectRatio: '3/2',\n      '& [data-recipe-slot=\"tag\"]': {\n        position: 'absolute',\n        top: 'space-8',\n        left: 'space-8',\n        zIndex: 1,\n      },\n      '& [data-recipe-slot=\"shortLivedTag\"]': {\n        position: 'absolute',\n        bottom: 'space-8',\n        right: 'space-8',\n        zIndex: 1,\n      },\n      '& [data-recipe-slot=\"badgeList\"]': {\n        position: 'absolute',\n        top: 'space-8',\n        right: 'space-8',\n        zIndex: 1,\n      },\n      '& img': {\n        width: '100%',\n        height: '100%',\n      },\n    },\n    image: {\n      userSelect: 'none',\n      borderRadius: 'radius-8',\n      width: '100%',\n      aspectRatio: '3/2',\n      objectFit: 'cover',\n    },\n    content: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n      flex: 1,\n    },\n    description: {\n      color: 'text',\n      display: 'flex',\n      flexDirection: 'row',\n      gap: 'space-4',\n      alignItems: 'center',\n      textStyle: 'body.md ',\n      fontFamily: 'satoshi',\n      mt: 'auto',\n      '& .price-tag': {\n        ml: 'auto',\n      },\n    },\n    highlight: {\n      fontWeight: 'bold',\n      color: 'secondary.500',\n    },\n    tag: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: 'space-4',\n      py: 'space-4',\n      px: 'space-8',\n      bg: 'primary.700',\n      borderRadius: 'radius-4',\n      color: 'white',\n      fontWeight: 'bold',\n      fontFamily: 'satoshi',\n      textStyle: 'body.sm',\n      '& svg': {\n        width: 'size-16',\n        height: 'size-16',\n      },\n    },\n    shortLivedTag: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: 'space-4',\n      py: 'space-4',\n      px: 'space-8',\n      bg: 'warning.200',\n      borderRadius: 'full',\n      fontFamily: 'satoshi',\n      textStyle: 'body.sm',\n      color: 'text',\n      '& svg': {\n        width: 'size-16',\n        height: 'size-16',\n      },\n    },\n    badgeList: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n    },\n    badge: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: 'white',\n      flexShrink: 0,\n      width: 'size-24',\n      height: 'size-24',\n      borderRadius: 'full',\n      fontFamily: 'satoshi',\n      textStyle: 'body.sm',\n      fontWeight: 'bold',\n      background: 'primary.700',\n      '& svg': {\n        width: 'size-16',\n        height: 'size-16',\n      },\n    },\n  },\n  slots: [\n    'root',\n    'title',\n    'image',\n    'imageContainer',\n    'content',\n    'description',\n    'highlight',\n    'tag',\n    'badgeList',\n    'badge',\n    'shortLivedTag',\n  ],\n  className: 'product-card-catalog',\n  description: 'The styles for the ProductCardCatalog component',\n  jsx: [\n    'ProductCardCatalog',\n    'ProductCardCatalogTitle',\n    'ProductCardCatalogImage',\n    'ProductCardCatalogImageContainer',\n    'ProductCardCatalogContent',\n    'ProductCardCatalogDescription',\n    'ProductCardCatalogHighlight',\n    'ProductCardCatalogTag',\n    'ProductCardCatalogShortLivedTag',\n    'ProductCardCatalogBadgeList',\n    'ProductCardCatalogBadge',\n    'ProductCardCatalog.Root',\n    'ProductCardCatalog.Title',\n    'ProductCardCatalog.Image',\n    'ProductCardCatalog.ImageContainer',\n    'ProductCardCatalog.Content',\n    'ProductCardCatalog.Description',\n    'ProductCardCatalog.Highlight',\n    'ProductCardCatalog.Tag',\n    'ProductCardCatalog.BadgeList',\n    'ProductCardCatalog.Badge',\n    'ProductCardCatalog.ShortLivedTag',\n  ],\n})\n"],"names":["productCardCatalogRecipe","defineSlotRecipe"],"mappings":"8HAEaA,EAA2BC,EAAAA,iBAAiB,CACvD,KAAM,CACJ,KAAM,CACJ,QAAS,OACT,cAAe,SACf,WAAY,QACZ,OAAQ,iCACR,aAAc,YACd,SAAU,SACV,SAAU,WACV,OAAQ,UACR,WAAY,SACZ,QAAS,WACT,IAAK,WACL,cAAe,WACf,OAAQ,CACN,UAAW,2CAAA,CACb,EAEF,MAAO,CACL,SAAU,WACV,WAAY,UACZ,UAAW,EACX,UAAW,aACX,MAAO,eACP,UAAW,OACX,QAAS,CACP,SAAU,WACV,IAAK,EACL,MAAO,CAAA,EAET,aAAc,CACZ,GAAI,UAAA,CACN,EAEF,eAAgB,CACd,SAAU,WACV,SAAU,SACV,aAAc,WACd,YAAa,MACb,6BAA8B,CAC5B,SAAU,WACV,IAAK,UACL,KAAM,UACN,OAAQ,CAAA,EAEV,uCAAwC,CACtC,SAAU,WACV,OAAQ,UACR,MAAO,UACP,OAAQ,CAAA,EAEV,mCAAoC,CAClC,SAAU,WACV,IAAK,UACL,MAAO,UACP,OAAQ,CAAA,EAEV,QAAS,CACP,MAAO,OACP,OAAQ,MAAA,CACV,EAEF,MAAO,CACL,WAAY,OACZ,aAAc,WACd,MAAO,OACP,YAAa,MACb,UAAW,OAAA,EAEb,QAAS,CACP,QAAS,OACT,cAAe,SACf,IAAK,UACL,KAAM,CAAA,EAER,YAAa,CACX,MAAO,OACP,QAAS,OACT,cAAe,MACf,IAAK,UACL,WAAY,SACZ,UAAW,WACX,WAAY,UACZ,GAAI,OACJ,eAAgB,CACd,GAAI,MAAA,CACN,EAEF,UAAW,CACT,WAAY,OACZ,MAAO,eAAA,EAET,IAAK,CACH,QAAS,OACT,WAAY,SACZ,IAAK,UACL,GAAI,UACJ,GAAI,UACJ,GAAI,cACJ,aAAc,WACd,MAAO,QACP,WAAY,OACZ,WAAY,UACZ,UAAW,UACX,QAAS,CACP,MAAO,UACP,OAAQ,SAAA,CACV,EAEF,cAAe,CACb,QAAS,OACT,WAAY,SACZ,IAAK,UACL,GAAI,UACJ,GAAI,UACJ,GAAI,cACJ,aAAc,OACd,WAAY,UACZ,UAAW,UACX,MAAO,OACP,QAAS,CACP,MAAO,UACP,OAAQ,SAAA,CACV,EAEF,UAAW,CACT,QAAS,OACT,cAAe,SACf,IAAK,SAAA,EAEP,MAAO,CACL,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,QACP,WAAY,EACZ,MAAO,UACP,OAAQ,UACR,aAAc,OACd,WAAY,UACZ,UAAW,UACX,WAAY,OACZ,WAAY,cACZ,QAAS,CACP,MAAO,UACP,OAAQ,SAAA,CACV,CACF,EAEF,MAAO,CACL,OACA,QACA,QACA,iBACA,UACA,cACA,YACA,MACA,YACA,QACA,eAAA,EAEF,UAAW,uBACX,YAAa,kDACb,IAAK,CACH,qBACA,0BACA,0BACA,mCACA,4BACA,gCACA,8BACA,wBACA,kCACA,8BACA,0BACA,0BACA,2BACA,2BACA,oCACA,6BACA,iCACA,+BACA,yBACA,+BACA,2BACA,kCAAA,CAEJ,CAAC"}