@stokelp/ui 2.103.0 → 2.104.1

package/dist/theme/recipes/dialog.js

@@ -1,154 +1,140 @@
 "use client";
 import { dialogAnatomy as e } from "@ark-ui/react";
-import { defineSlotRecipe as o } from "@pandacss/dev";
-const r = o({
-  base: {
-    backdrop: {
-      backdropFilter: "blur(4px)",
-      background: "primary.300/20",
-      position: "fixed",
-      zIndex: "modal",
-      inset: 0,
-      _open: {
-        animation: "backdrop-in"
-      },
-      _closed: {
-        animation: "backdrop-out"
-      }
-    },
-    content: {
-      "--footer-height": "70px",
-      position: "relative",
-      '& [data-recipe-slot="header"] + [data-recipe-slot="footer"]': {
-        pt: "space-40"
-      },
-      '&:has([data-recipe-slot="header"] + [data-recipe-slot="footer"]) [data-recipe-slot="header"]': {
-        pb: "calc(var(--footer-height) + {sizes.size-24})",
-        borderBottomLeftRadius: "radius-16",
-        borderBottomRightRadius: "radius-16"
-      },
-      _closed: {
-        animation: "dialog-out"
-      },
-      _open: {
-        animation: "dialog-in"
-      },
-      alignSelf: {
-        base: "flex-end",
-        md: "center"
-      },
-      fontFamily: "satoshi",
-      display: "flex",
-      flexDirection: "column",
-      maxHeight: "100%",
-      minW: {
-        base: "100%",
-        md: "800px"
-      },
-      maxW: "922px",
-      "& > form": {
-        display: "contents"
-      },
-      "& > :first-child, & > form > :first-child": {
-        borderTopLeftRadius: "radius-16",
-        borderTopRightRadius: "radius-16"
-      },
-      '&:has([data-recipe-slot="header"] + [data-recipe-slot="footer"])': {
-        '& [data-recipe-slot="footer"]': {
-          borderBottomLeftRadius: "radius-16",
-          borderBottomRightRadius: "radius-16"
-        }
-      },
-      '&:has([data-recipe-slot="header"] + [data-recipe-slot="body"])': {
-        '& [data-recipe-slot="body"]': {
-          borderBottomLeftRadius: "radius-16",
-          borderBottomRightRadius: "radius-16"
-        }
-      },
-      '&:has([data-recipe-slot="body"] + [data-recipe-slot="footer"])': {
-        '& [data-recipe-slot="footer"]': {
-          borderBottomLeftRadius: "radius-16",
-          borderBottomRightRadius: "radius-16"
-        }
-      },
-      '&:has([data-recipe-slot="header"] + [data-recipe-slot="body"] + [data-recipe-slot="footer"])': {
-        '& [data-recipe-slot="body"], [data-recipe-slot="footer"]': {
-          borderBottomLeftRadius: "radius-16",
-          borderBottomRightRadius: "radius-16"
-        }
-      }
-    },
-    header: {
-      '& [data-part="close-trigger"]': {
-        alignSelf: "flex-start",
-        ml: "auto"
-      },
-      background: "background",
-      alignItems: "center",
-      display: "flex",
-      flexDirection: "row",
-      gap: "space-16",
-      px: "space-24",
-      py: "space-16"
-    },
-    body: {
-      background: "background",
-      display: "flex",
-      flex: 1,
-      flexDirection: "column",
-      overflowY: "auto",
-      px: "space-24",
-      pt: "space-24",
-      pb: "calc(var(--footer-height) + {sizes.size-24})"
-    },
-    footer: {
-      background: "background",
-      position: "absolute",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      bg: "white/50",
-      backdropFilter: "auto",
-      backdropBlur: "4px",
-      display: "flex",
-      flexDirection: {
-        base: "column-reverse",
-        md: "row"
-      },
-      gap: "space-16",
-      justifyContent: {
-        base: "stretch",
-        md: "flex-end"
-      },
-      px: "space-24",
-      pt: "space-16",
-      pb: "space-16",
-      borderBottomLeftRadius: "radius-16",
-      borderBottomRightRadius: "radius-16"
-    },
-    positioner: {
-      alignItems: "center",
-      display: "flex",
-      inset: 0,
-      justifyContent: "center",
-      overflow: "auto",
-      p: {
-        base: "space-8",
-        md: "space-16"
-      },
-      position: "fixed",
-      zIndex: "modal"
-    },
-    title: {
-      textStyle: "heading.h4",
-      color: "primary.900",
-      fontFamily: "cabinet"
-    }
-  },
-  className: "dialog",
-  slots: [...e.keys(), "header", "body", "footer"]
+import { defineSlotRecipe as t } from "@pandacss/dev";
+//#region src/theme/recipes/dialog.ts
+var n = t({
+	base: {
+		backdrop: {
+			backdropFilter: "blur(4px)",
+			background: "primary.300/20",
+			position: "fixed",
+			zIndex: "modal",
+			inset: 0,
+			_open: { animation: "backdrop-in" },
+			_closed: { animation: "backdrop-out" }
+		},
+		content: {
+			"--footer-height": "70px",
+			position: "relative",
+			"& [data-recipe-slot=\"header\"] + [data-recipe-slot=\"footer\"]": { pt: "space-40" },
+			"&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"footer\"]) [data-recipe-slot=\"header\"]": {
+				pb: "calc(var(--footer-height) + {sizes.size-24})",
+				borderBottomLeftRadius: "radius-16",
+				borderBottomRightRadius: "radius-16"
+			},
+			_closed: { animation: "dialog-out" },
+			_open: { animation: "dialog-in" },
+			alignSelf: {
+				base: "flex-end",
+				md: "center"
+			},
+			fontFamily: "satoshi",
+			display: "flex",
+			flexDirection: "column",
+			maxHeight: "100%",
+			minW: {
+				base: "100%",
+				md: "800px"
+			},
+			maxW: "922px",
+			"& > form": { display: "contents" },
+			"& > :first-child, & > form > :first-child": {
+				borderTopLeftRadius: "radius-16",
+				borderTopRightRadius: "radius-16"
+			},
+			"&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"footer\"])": { "& [data-recipe-slot=\"footer\"]": {
+				borderBottomLeftRadius: "radius-16",
+				borderBottomRightRadius: "radius-16"
+			} },
+			"&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"body\"])": { "& [data-recipe-slot=\"body\"]": {
+				borderBottomLeftRadius: "radius-16",
+				borderBottomRightRadius: "radius-16"
+			} },
+			"&:has([data-recipe-slot=\"body\"] + [data-recipe-slot=\"footer\"])": { "& [data-recipe-slot=\"footer\"]": {
+				borderBottomLeftRadius: "radius-16",
+				borderBottomRightRadius: "radius-16"
+			} },
+			"&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"body\"] + [data-recipe-slot=\"footer\"])": { "& [data-recipe-slot=\"body\"], [data-recipe-slot=\"footer\"]": {
+				borderBottomLeftRadius: "radius-16",
+				borderBottomRightRadius: "radius-16"
+			} }
+		},
+		header: {
+			"& [data-part=\"close-trigger\"]": {
+				alignSelf: "flex-start",
+				ml: "auto"
+			},
+			background: "background",
+			alignItems: "center",
+			display: "flex",
+			flexDirection: "row",
+			gap: "space-16",
+			px: "space-24",
+			py: "space-16"
+		},
+		body: {
+			background: "background",
+			display: "flex",
+			flex: 1,
+			flexDirection: "column",
+			overflowY: "auto",
+			px: "space-24",
+			pt: "space-24",
+			pb: "calc(var(--footer-height) + {sizes.size-24})"
+		},
+		footer: {
+			background: "background",
+			position: "absolute",
+			bottom: 0,
+			left: 0,
+			right: 0,
+			bg: "white/50",
+			backdropFilter: "auto",
+			backdropBlur: "4px",
+			display: "flex",
+			flexDirection: {
+				base: "column-reverse",
+				md: "row"
+			},
+			gap: "space-16",
+			justifyContent: {
+				base: "stretch",
+				md: "flex-end"
+			},
+			px: "space-24",
+			pt: "space-16",
+			pb: "space-16",
+			borderBottomLeftRadius: "radius-16",
+			borderBottomRightRadius: "radius-16"
+		},
+		positioner: {
+			alignItems: "center",
+			display: "flex",
+			inset: 0,
+			justifyContent: "center",
+			overflow: "auto",
+			p: {
+				base: "space-8",
+				md: "space-16"
+			},
+			position: "fixed",
+			zIndex: "modal"
+		},
+		title: {
+			textStyle: "heading.h4",
+			color: "primary.900",
+			fontFamily: "cabinet"
+		}
+	},
+	className: "dialog",
+	slots: [
+		...e.keys(),
+		"header",
+		"body",
+		"footer"
+	]
 });
-export {
-  r as dialogRecipe
-};
-//# sourceMappingURL=dialog.js.map
+//#endregion
+export { n as dialogRecipe };
+
+//# sourceMappingURL=dialog.js.map

package/dist/theme/recipes/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../src/theme/recipes/dialog.ts"],"sourcesContent":["import { dialogAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const dialogRecipe = defineSlotRecipe({\n  base: {\n    backdrop: {\n      backdropFilter: 'blur(4px)',\n      background: 'primary.300/20',\n      position: 'fixed',\n      zIndex: 'modal',\n      inset: 0,\n      _open: {\n        animation: 'backdrop-in',\n      },\n      _closed: {\n        animation: 'backdrop-out',\n      },\n    },\n    content: {\n      '--footer-height': '70px',\n      position: 'relative',\n      '& [data-recipe-slot=\"header\"] + [data-recipe-slot=\"footer\"]': {\n        pt: 'space-40',\n      },\n      '&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"footer\"]) [data-recipe-slot=\"header\"]': {\n        pb: 'calc(var(--footer-height) + {sizes.size-24})',\n        borderBottomLeftRadius: 'radius-16',\n        borderBottomRightRadius: 'radius-16',\n      },\n      _closed: {\n        animation: 'dialog-out',\n      },\n      _open: {\n        animation: 'dialog-in',\n      },\n      alignSelf: {\n        base: 'flex-end',\n        md: 'center',\n      },\n      fontFamily: 'satoshi',\n      display: 'flex',\n      flexDirection: 'column',\n      maxHeight: '100%',\n      minW: {\n        base: '100%',\n        md: '800px',\n      },\n      maxW: '922px',\n      '& > form': {\n        display: 'contents',\n      },\n      '& > :first-child, & > form > :first-child': {\n        borderTopLeftRadius: 'radius-16',\n        borderTopRightRadius: 'radius-16',\n      },\n      '&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"footer\"])': {\n        '& [data-recipe-slot=\"footer\"]': {\n          borderBottomLeftRadius: 'radius-16',\n          borderBottomRightRadius: 'radius-16',\n        },\n      },\n      '&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"body\"])': {\n        '& [data-recipe-slot=\"body\"]': {\n          borderBottomLeftRadius: 'radius-16',\n          borderBottomRightRadius: 'radius-16',\n        },\n      },\n      '&:has([data-recipe-slot=\"body\"] + [data-recipe-slot=\"footer\"])': {\n        '& [data-recipe-slot=\"footer\"]': {\n          borderBottomLeftRadius: 'radius-16',\n          borderBottomRightRadius: 'radius-16',\n        },\n      },\n      '&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"body\"] + [data-recipe-slot=\"footer\"])': {\n        '& [data-recipe-slot=\"body\"], [data-recipe-slot=\"footer\"]': {\n          borderBottomLeftRadius: 'radius-16',\n          borderBottomRightRadius: 'radius-16',\n        },\n      },\n    },\n    header: {\n      '& [data-part=\"close-trigger\"]': {\n        alignSelf: 'flex-start',\n        ml: 'auto',\n      },\n      background: 'background',\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: 'row',\n      gap: 'space-16',\n      px: 'space-24',\n      py: 'space-16',\n    },\n    body: {\n      background: 'background',\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      overflowY: 'auto',\n      px: 'space-24',\n      pt: 'space-24',\n      pb: 'calc(var(--footer-height) + {sizes.size-24})',\n    },\n    footer: {\n      background: 'background',\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      right: 0,\n      bg: 'white/50',\n      backdropFilter: 'auto',\n      backdropBlur: '4px',\n      display: 'flex',\n      flexDirection: {\n        base: 'column-reverse',\n        md: 'row',\n      },\n      gap: 'space-16',\n      justifyContent: {\n        base: 'stretch',\n        md: 'flex-end',\n      },\n      px: 'space-24',\n      pt: 'space-16',\n      pb: 'space-16',\n      borderBottomLeftRadius: 'radius-16',\n      borderBottomRightRadius: 'radius-16',\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      inset: 0,\n      justifyContent: 'center',\n      overflow: 'auto',\n      p: {\n        base: 'space-8',\n        md: 'space-16',\n      },\n      position: 'fixed',\n      zIndex: 'modal',\n    },\n    title: {\n      textStyle: 'heading.h4',\n      color: 'primary.900',\n      fontFamily: 'cabinet',\n    },\n  },\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'header', 'body', 'footer'],\n})\n"],"names":["dialogRecipe","defineSlotRecipe","dialogAnatomy"],"mappings":"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"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/theme/recipes/dialog.ts"],"sourcesContent":["import { dialogAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const dialogRecipe = defineSlotRecipe({\n  base: {\n    backdrop: {\n      backdropFilter: 'blur(4px)',\n      background: 'primary.300/20',\n      position: 'fixed',\n      zIndex: 'modal',\n      inset: 0,\n      _open: {\n        animation: 'backdrop-in',\n      },\n      _closed: {\n        animation: 'backdrop-out',\n      },\n    },\n    content: {\n      '--footer-height': '70px',\n      position: 'relative',\n      '& [data-recipe-slot=\"header\"] + [data-recipe-slot=\"footer\"]': {\n        pt: 'space-40',\n      },\n      '&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"footer\"]) [data-recipe-slot=\"header\"]': {\n        pb: 'calc(var(--footer-height) + {sizes.size-24})',\n        borderBottomLeftRadius: 'radius-16',\n        borderBottomRightRadius: 'radius-16',\n      },\n      _closed: {\n        animation: 'dialog-out',\n      },\n      _open: {\n        animation: 'dialog-in',\n      },\n      alignSelf: {\n        base: 'flex-end',\n        md: 'center',\n      },\n      fontFamily: 'satoshi',\n      display: 'flex',\n      flexDirection: 'column',\n      maxHeight: '100%',\n      minW: {\n        base: '100%',\n        md: '800px',\n      },\n      maxW: '922px',\n      '& > form': {\n        display: 'contents',\n      },\n      '& > :first-child, & > form > :first-child': {\n        borderTopLeftRadius: 'radius-16',\n        borderTopRightRadius: 'radius-16',\n      },\n      '&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"footer\"])': {\n        '& [data-recipe-slot=\"footer\"]': {\n          borderBottomLeftRadius: 'radius-16',\n          borderBottomRightRadius: 'radius-16',\n        },\n      },\n      '&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"body\"])': {\n        '& [data-recipe-slot=\"body\"]': {\n          borderBottomLeftRadius: 'radius-16',\n          borderBottomRightRadius: 'radius-16',\n        },\n      },\n      '&:has([data-recipe-slot=\"body\"] + [data-recipe-slot=\"footer\"])': {\n        '& [data-recipe-slot=\"footer\"]': {\n          borderBottomLeftRadius: 'radius-16',\n          borderBottomRightRadius: 'radius-16',\n        },\n      },\n      '&:has([data-recipe-slot=\"header\"] + [data-recipe-slot=\"body\"] + [data-recipe-slot=\"footer\"])': {\n        '& [data-recipe-slot=\"body\"], [data-recipe-slot=\"footer\"]': {\n          borderBottomLeftRadius: 'radius-16',\n          borderBottomRightRadius: 'radius-16',\n        },\n      },\n    },\n    header: {\n      '& [data-part=\"close-trigger\"]': {\n        alignSelf: 'flex-start',\n        ml: 'auto',\n      },\n      background: 'background',\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: 'row',\n      gap: 'space-16',\n      px: 'space-24',\n      py: 'space-16',\n    },\n    body: {\n      background: 'background',\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      overflowY: 'auto',\n      px: 'space-24',\n      pt: 'space-24',\n      pb: 'calc(var(--footer-height) + {sizes.size-24})',\n    },\n    footer: {\n      background: 'background',\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      right: 0,\n      bg: 'white/50',\n      backdropFilter: 'auto',\n      backdropBlur: '4px',\n      display: 'flex',\n      flexDirection: {\n        base: 'column-reverse',\n        md: 'row',\n      },\n      gap: 'space-16',\n      justifyContent: {\n        base: 'stretch',\n        md: 'flex-end',\n      },\n      px: 'space-24',\n      pt: 'space-16',\n      pb: 'space-16',\n      borderBottomLeftRadius: 'radius-16',\n      borderBottomRightRadius: 'radius-16',\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      inset: 0,\n      justifyContent: 'center',\n      overflow: 'auto',\n      p: {\n        base: 'space-8',\n        md: 'space-16',\n      },\n      position: 'fixed',\n      zIndex: 'modal',\n    },\n    title: {\n      textStyle: 'heading.h4',\n      color: 'primary.900',\n      fontFamily: 'cabinet',\n    },\n  },\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'header', 'body', 'footer'],\n})\n"],"mappings":";;;;AAGA,IAAa,IAAe,EAAiB;CAC3C,MAAM;EACJ,UAAU;GACR,gBAAgB;GAChB,YAAY;GACZ,UAAU;GACV,QAAQ;GACR,OAAO;GACP,OAAO,EACL,WAAW,cACb;GACA,SAAS,EACP,WAAW,eACb;EACF;EACA,SAAS;GACP,mBAAmB;GACnB,UAAU;GACV,mEAA+D,EAC7D,IAAI,WACN;GACA,sGAAgG;IAC9F,IAAI;IACJ,wBAAwB;IACxB,yBAAyB;GAC3B;GACA,SAAS,EACP,WAAW,aACb;GACA,OAAO,EACL,WAAW,YACb;GACA,WAAW;IACT,MAAM;IACN,IAAI;GACN;GACA,YAAY;GACZ,SAAS;GACT,eAAe;GACf,WAAW;GACX,MAAM;IACJ,MAAM;IACN,IAAI;GACN;GACA,MAAM;GACN,YAAY,EACV,SAAS,WACX;GACA,6CAA6C;IAC3C,qBAAqB;IACrB,sBAAsB;GACxB;GACA,wEAAoE,EAClE,mCAAiC;IAC/B,wBAAwB;IACxB,yBAAyB;GAC3B,EACF;GACA,sEAAkE,EAChE,iCAA+B;IAC7B,wBAAwB;IACxB,yBAAyB;GAC3B,EACF;GACA,sEAAkE,EAChE,mCAAiC;IAC/B,wBAAwB;IACxB,yBAAyB;GAC3B,EACF;GACA,sGAAgG,EAC9F,gEAA4D;IAC1D,wBAAwB;IACxB,yBAAyB;GAC3B,EACF;EACF;EACA,QAAQ;GACN,mCAAiC;IAC/B,WAAW;IACX,IAAI;GACN;GACA,YAAY;GACZ,YAAY;GACZ,SAAS;GACT,eAAe;GACf,KAAK;GACL,IAAI;GACJ,IAAI;EACN;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,QAAQ;GACN,YAAY;GACZ,UAAU;GACV,QAAQ;GACR,MAAM;GACN,OAAO;GACP,IAAI;GACJ,gBAAgB;GAChB,cAAc;GACd,SAAS;GACT,eAAe;IACb,MAAM;IACN,IAAI;GACN;GACA,KAAK;GACL,gBAAgB;IACd,MAAM;IACN,IAAI;GACN;GACA,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,wBAAwB;GACxB,yBAAyB;EAC3B;EACA,YAAY;GACV,YAAY;GACZ,SAAS;GACT,OAAO;GACP,gBAAgB;GAChB,UAAU;GACV,GAAG;IACD,MAAM;IACN,IAAI;GACN;GACA,UAAU;GACV,QAAQ;EACV;EACA,OAAO;GACL,WAAW;GACX,OAAO;GACP,YAAY;EACd;CACF;CACA,WAAW;CACX,OAAO;EAAC,GAAG,EAAc,KAAK;EAAG;EAAU;EAAQ;CAAQ;AAC7D,CAAC"}

package/dist/theme/recipes/drawer.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),t=require("@pandacss/dev"),i=e.dialogAnatomy.extendWith("header","body","footer"),o=t.defineSlotRecipe({className:"drawer",slots:i.keys(),jsx:["Drawer"],base:{backdrop:{backdropFilter:"blur(4px)",background:"primary.300/20",height:"100vh",position:"fixed",width:"100vw",zIndex:"overlay",inset:0,_open:{animation:"backdrop-in"},_closed:{animation:"backdrop-out"}},positioner:{alignItems:"center",display:"flex",height:"100dvh",position:"fixed",inset:0,zIndex:"modal"},content:{"--footer-height":"70px",outline:"none",position:"relative",background:"white",display:"flex",flexDirection:"column",height:"full",minWidth:{base:"full",md:"736px"},maxWidth:{base:"full",md:"800px"},width:"full"},header:{display:"flex",flexDirection:"row",alignItems:"center",gap:"space-16",px:"space-24",py:"space-16"},body:{display:"flex",flexDirection:"column",flex:1,overflow:"auto",px:"space-24",pt:"space-16",pb:"var(--footer-height)"},footer:{display:"flex",flexDirection:{base:"column-reverse",md:"row"},position:"absolute",bottom:0,left:0,right:0,bg:"white/50",backdropFilter:"auto",backdropBlur:"4px",justifyContent:"flex-end",px:"space-24",pt:"space-16",pb:"space-16",gap:"space-16"},title:{color:"primary.900",fontFamily:"cabinet",textStyle:"heading.h4"}},defaultVariants:{variant:"right"},variants:{variant:{left:{positioner:{justifyContent:"flex-start"},content:{_open:{animation:"drawer-in-left"},_closed:{animation:"drawer-out-left"}}},right:{positioner:{justifyContent:"flex-end"},content:{_open:{animation:"drawer-in-right"},_closed:{animation:"drawer-out-right"}}}}}});exports.drawerRecipe=o;
-//# sourceMappingURL=drawer.cjs.map
+"use client";let e=require("@ark-ui/react"),t=require("@pandacss/dev");var n=e.dialogAnatomy.extendWith(`header`,`body`,`footer`),r=(0,t.defineSlotRecipe)({className:`drawer`,slots:n.keys(),jsx:[`Drawer`],base:{backdrop:{backdropFilter:`blur(4px)`,background:`primary.300/20`,height:`100vh`,position:`fixed`,width:`100vw`,zIndex:`overlay`,inset:0,_open:{animation:`backdrop-in`},_closed:{animation:`backdrop-out`}},positioner:{alignItems:`center`,display:`flex`,height:`100dvh`,position:`fixed`,inset:0,zIndex:`modal`},content:{"--footer-height":`70px`,outline:`none`,position:`relative`,background:`white`,display:`flex`,flexDirection:`column`,height:`full`,minWidth:{base:`full`,md:`736px`},maxWidth:{base:`full`,md:`800px`},width:`full`},header:{display:`flex`,flexDirection:`row`,alignItems:`center`,gap:`space-16`,px:`space-24`,py:`space-16`},body:{display:`flex`,flexDirection:`column`,flex:1,overflow:`auto`,px:`space-24`,pt:`space-16`,pb:`var(--footer-height)`},footer:{display:`flex`,flexDirection:{base:`column-reverse`,md:`row`},position:`absolute`,bottom:0,left:0,right:0,bg:`white/50`,backdropFilter:`auto`,backdropBlur:`4px`,justifyContent:`flex-end`,px:`space-24`,pt:`space-16`,pb:`space-16`,gap:`space-16`},title:{color:`primary.900`,fontFamily:`cabinet`,textStyle:`heading.h4`}},defaultVariants:{variant:`right`},variants:{variant:{left:{positioner:{justifyContent:`flex-start`},content:{_open:{animation:`drawer-in-left`},_closed:{animation:`drawer-out-left`}}},right:{positioner:{justifyContent:`flex-end`},content:{_open:{animation:`drawer-in-right`},_closed:{animation:`drawer-out-right`}}}}}});exports.drawerRecipe=r;
+//# sourceMappingURL=drawer.cjs.map

package/dist/theme/recipes/drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.cjs","sources":["../../../src/theme/recipes/drawer.ts"],"sourcesContent":["import { dialogAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nconst anatomy = dialogAnatomy.extendWith('header', 'body', 'footer')\n\nexport const drawerRecipe = defineSlotRecipe({\n  className: 'drawer',\n  slots: anatomy.keys(),\n  jsx: ['Drawer'],\n  base: {\n    backdrop: {\n      backdropFilter: 'blur(4px)',\n      background: 'primary.300/20',\n      height: '100vh',\n      position: 'fixed',\n      width: '100vw',\n      zIndex: 'overlay',\n      inset: 0,\n      _open: {\n        animation: 'backdrop-in',\n      },\n      _closed: {\n        animation: 'backdrop-out',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      position: 'fixed',\n      inset: 0,\n      zIndex: 'modal',\n    },\n    content: {\n      '--footer-height': '70px',\n      outline: 'none',\n      position: 'relative',\n      background: 'white',\n      display: 'flex',\n      flexDirection: 'column',\n      height: 'full',\n      minWidth: {\n        base: 'full',\n        md: '736px',\n      },\n      maxWidth: {\n        base: 'full',\n        md: '800px',\n      },\n      width: 'full',\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 'space-16',\n      px: 'space-24',\n      py: 'space-16',\n    },\n    body: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: 1,\n      overflow: 'auto',\n      px: 'space-24',\n      pt: 'space-16',\n      pb: 'var(--footer-height)',\n    },\n    footer: {\n      display: 'flex',\n      flexDirection: {\n        base: 'column-reverse',\n        md: 'row',\n      },\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      right: 0,\n      bg: 'white/50',\n      backdropFilter: 'auto',\n      backdropBlur: '4px',\n      justifyContent: 'flex-end',\n      px: 'space-24',\n      pt: 'space-16',\n      pb: 'space-16',\n      gap: 'space-16',\n    },\n    title: {\n      color: 'primary.900',\n      fontFamily: 'cabinet',\n      textStyle: 'heading.h4',\n    },\n  },\n  defaultVariants: {\n    variant: 'right',\n  },\n  variants: {\n    variant: {\n      left: {\n        positioner: {\n          justifyContent: 'flex-start',\n        },\n        content: {\n          _open: {\n            animation: 'drawer-in-left',\n          },\n          _closed: {\n            animation: 'drawer-out-left',\n          },\n        },\n      },\n      right: {\n        positioner: {\n          justifyContent: 'flex-end',\n        },\n        content: {\n          _open: {\n            animation: 'drawer-in-right',\n          },\n          _closed: {\n            animation: 'drawer-out-right',\n          },\n        },\n      },\n    },\n  },\n})\n"],"names":["anatomy","dialogAnatomy","drawerRecipe","defineSlotRecipe"],"mappings":"yJAGMA,EAAUC,EAAAA,cAAc,WAAW,SAAU,OAAQ,QAAQ,EAEtDC,EAAeC,EAAAA,iBAAiB,CAC3C,UAAW,SACX,MAAOH,EAAQ,KAAA,EACf,IAAK,CAAC,QAAQ,EACd,KAAM,CACJ,SAAU,CACR,eAAgB,YAChB,WAAY,iBACZ,OAAQ,QACR,SAAU,QACV,MAAO,QACP,OAAQ,UACR,MAAO,EACP,MAAO,CACL,UAAW,aAAA,EAEb,QAAS,CACP,UAAW,cAAA,CACb,EAEF,WAAY,CACV,WAAY,SACZ,QAAS,OACT,OAAQ,SACR,SAAU,QACV,MAAO,EACP,OAAQ,OAAA,EAEV,QAAS,CACP,kBAAmB,OACnB,QAAS,OACT,SAAU,WACV,WAAY,QACZ,QAAS,OACT,cAAe,SACf,OAAQ,OACR,SAAU,CACR,KAAM,OACN,GAAI,OAAA,EAEN,SAAU,CACR,KAAM,OACN,GAAI,OAAA,EAEN,MAAO,MAAA,EAET,OAAQ,CACN,QAAS,OACT,cAAe,MACf,WAAY,SACZ,IAAK,WACL,GAAI,WACJ,GAAI,UAAA,EAEN,KAAM,CACJ,QAAS,OACT,cAAe,SACf,KAAM,EACN,SAAU,OACV,GAAI,WACJ,GAAI,WACJ,GAAI,sBAAA,EAEN,OAAQ,CACN,QAAS,OACT,cAAe,CACb,KAAM,iBACN,GAAI,KAAA,EAEN,SAAU,WACV,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAI,WACJ,eAAgB,OAChB,aAAc,MACd,eAAgB,WAChB,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,IAAK,UAAA,EAEP,MAAO,CACL,MAAO,cACP,WAAY,UACZ,UAAW,YAAA,CACb,EAEF,gBAAiB,CACf,QAAS,OAAA,EAEX,SAAU,CACR,QAAS,CACP,KAAM,CACJ,WAAY,CACV,eAAgB,YAAA,EAElB,QAAS,CACP,MAAO,CACL,UAAW,gBAAA,EAEb,QAAS,CACP,UAAW,iBAAA,CACb,CACF,EAEF,MAAO,CACL,WAAY,CACV,eAAgB,UAAA,EAElB,QAAS,CACP,MAAO,CACL,UAAW,iBAAA,EAEb,QAAS,CACP,UAAW,kBAAA,CACb,CACF,CACF,CACF,CAEJ,CAAC"}
+{"version":3,"file":"drawer.cjs","names":[],"sources":["../../../src/theme/recipes/drawer.ts"],"sourcesContent":["import { dialogAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nconst anatomy = dialogAnatomy.extendWith('header', 'body', 'footer')\n\nexport const drawerRecipe = defineSlotRecipe({\n  className: 'drawer',\n  slots: anatomy.keys(),\n  jsx: ['Drawer'],\n  base: {\n    backdrop: {\n      backdropFilter: 'blur(4px)',\n      background: 'primary.300/20',\n      height: '100vh',\n      position: 'fixed',\n      width: '100vw',\n      zIndex: 'overlay',\n      inset: 0,\n      _open: {\n        animation: 'backdrop-in',\n      },\n      _closed: {\n        animation: 'backdrop-out',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      position: 'fixed',\n      inset: 0,\n      zIndex: 'modal',\n    },\n    content: {\n      '--footer-height': '70px',\n      outline: 'none',\n      position: 'relative',\n      background: 'white',\n      display: 'flex',\n      flexDirection: 'column',\n      height: 'full',\n      minWidth: {\n        base: 'full',\n        md: '736px',\n      },\n      maxWidth: {\n        base: 'full',\n        md: '800px',\n      },\n      width: 'full',\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 'space-16',\n      px: 'space-24',\n      py: 'space-16',\n    },\n    body: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: 1,\n      overflow: 'auto',\n      px: 'space-24',\n      pt: 'space-16',\n      pb: 'var(--footer-height)',\n    },\n    footer: {\n      display: 'flex',\n      flexDirection: {\n        base: 'column-reverse',\n        md: 'row',\n      },\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      right: 0,\n      bg: 'white/50',\n      backdropFilter: 'auto',\n      backdropBlur: '4px',\n      justifyContent: 'flex-end',\n      px: 'space-24',\n      pt: 'space-16',\n      pb: 'space-16',\n      gap: 'space-16',\n    },\n    title: {\n      color: 'primary.900',\n      fontFamily: 'cabinet',\n      textStyle: 'heading.h4',\n    },\n  },\n  defaultVariants: {\n    variant: 'right',\n  },\n  variants: {\n    variant: {\n      left: {\n        positioner: {\n          justifyContent: 'flex-start',\n        },\n        content: {\n          _open: {\n            animation: 'drawer-in-left',\n          },\n          _closed: {\n            animation: 'drawer-out-left',\n          },\n        },\n      },\n      right: {\n        positioner: {\n          justifyContent: 'flex-end',\n        },\n        content: {\n          _open: {\n            animation: 'drawer-in-right',\n          },\n          _closed: {\n            animation: 'drawer-out-right',\n          },\n        },\n      },\n    },\n  },\n})\n"],"mappings":"uEAGA,IAAM,EAAU,EAAA,cAAc,WAAW,SAAU,OAAQ,QAAQ,EAEtD,GAAA,EAAA,EAAA,kBAAgC,CAC3C,UAAW,SACX,MAAO,EAAQ,KAAK,EACpB,IAAK,CAAC,QAAQ,EACd,KAAM,CACJ,SAAU,CACR,eAAgB,YAChB,WAAY,iBACZ,OAAQ,QACR,SAAU,QACV,MAAO,QACP,OAAQ,UACR,MAAO,EACP,MAAO,CACL,UAAW,aACb,EACA,QAAS,CACP,UAAW,cACb,CACF,EACA,WAAY,CACV,WAAY,SACZ,QAAS,OACT,OAAQ,SACR,SAAU,QACV,MAAO,EACP,OAAQ,OACV,EACA,QAAS,CACP,kBAAmB,OACnB,QAAS,OACT,SAAU,WACV,WAAY,QACZ,QAAS,OACT,cAAe,SACf,OAAQ,OACR,SAAU,CACR,KAAM,OACN,GAAI,OACN,EACA,SAAU,CACR,KAAM,OACN,GAAI,OACN,EACA,MAAO,MACT,EACA,OAAQ,CACN,QAAS,OACT,cAAe,MACf,WAAY,SACZ,IAAK,WACL,GAAI,WACJ,GAAI,UACN,EACA,KAAM,CACJ,QAAS,OACT,cAAe,SACf,KAAM,EACN,SAAU,OACV,GAAI,WACJ,GAAI,WACJ,GAAI,sBACN,EACA,OAAQ,CACN,QAAS,OACT,cAAe,CACb,KAAM,iBACN,GAAI,KACN,EACA,SAAU,WACV,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAI,WACJ,eAAgB,OAChB,aAAc,MACd,eAAgB,WAChB,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,IAAK,UACP,EACA,MAAO,CACL,MAAO,cACP,WAAY,UACZ,UAAW,YACb,CACF,EACA,gBAAiB,CACf,QAAS,OACX,EACA,SAAU,CACR,QAAS,CACP,KAAM,CACJ,WAAY,CACV,eAAgB,YAClB,EACA,QAAS,CACP,MAAO,CACL,UAAW,gBACb,EACA,QAAS,CACP,UAAW,iBACb,CACF,CACF,EACA,MAAO,CACL,WAAY,CACV,eAAgB,UAClB,EACA,QAAS,CACP,MAAO,CACL,UAAW,iBACb,EACA,QAAS,CACP,UAAW,kBACb,CACF,CACF,CACF,CACF,CACF,CAAC"}

package/dist/theme/recipes/drawer.d.ts

@@ -1,2 +1,2 @@
-import { SlotRecipeConfig } from '@pandacss/types';
+import { SlotRecipeConfig } from '@pandacss/dev';
 export declare const drawerRecipe: SlotRecipeConfig;

package/dist/theme/recipes/drawer.js

@@ -1,129 +1,109 @@
 "use client";
 import { dialogAnatomy as e } from "@ark-ui/react";
 import { defineSlotRecipe as t } from "@pandacss/dev";
-const i = e.extendWith("header", "body", "footer"), n = t({
-  className: "drawer",
-  slots: i.keys(),
-  jsx: ["Drawer"],
-  base: {
-    backdrop: {
-      backdropFilter: "blur(4px)",
-      background: "primary.300/20",
-      height: "100vh",
-      position: "fixed",
-      width: "100vw",
-      zIndex: "overlay",
-      inset: 0,
-      _open: {
-        animation: "backdrop-in"
-      },
-      _closed: {
-        animation: "backdrop-out"
-      }
-    },
-    positioner: {
-      alignItems: "center",
-      display: "flex",
-      height: "100dvh",
-      position: "fixed",
-      inset: 0,
-      zIndex: "modal"
-    },
-    content: {
-      "--footer-height": "70px",
-      outline: "none",
-      position: "relative",
-      background: "white",
-      display: "flex",
-      flexDirection: "column",
-      height: "full",
-      minWidth: {
-        base: "full",
-        md: "736px"
-      },
-      maxWidth: {
-        base: "full",
-        md: "800px"
-      },
-      width: "full"
-    },
-    header: {
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      gap: "space-16",
-      px: "space-24",
-      py: "space-16"
-    },
-    body: {
-      display: "flex",
-      flexDirection: "column",
-      flex: 1,
-      overflow: "auto",
-      px: "space-24",
-      pt: "space-16",
-      pb: "var(--footer-height)"
-    },
-    footer: {
-      display: "flex",
-      flexDirection: {
-        base: "column-reverse",
-        md: "row"
-      },
-      position: "absolute",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      bg: "white/50",
-      backdropFilter: "auto",
-      backdropBlur: "4px",
-      justifyContent: "flex-end",
-      px: "space-24",
-      pt: "space-16",
-      pb: "space-16",
-      gap: "space-16"
-    },
-    title: {
-      color: "primary.900",
-      fontFamily: "cabinet",
-      textStyle: "heading.h4"
-    }
-  },
-  defaultVariants: {
-    variant: "right"
-  },
-  variants: {
-    variant: {
-      left: {
-        positioner: {
-          justifyContent: "flex-start"
-        },
-        content: {
-          _open: {
-            animation: "drawer-in-left"
-          },
-          _closed: {
-            animation: "drawer-out-left"
-          }
-        }
-      },
-      right: {
-        positioner: {
-          justifyContent: "flex-end"
-        },
-        content: {
-          _open: {
-            animation: "drawer-in-right"
-          },
-          _closed: {
-            animation: "drawer-out-right"
-          }
-        }
-      }
-    }
-  }
+var n = t({
+	className: "drawer",
+	slots: e.extendWith("header", "body", "footer").keys(),
+	jsx: ["Drawer"],
+	base: {
+		backdrop: {
+			backdropFilter: "blur(4px)",
+			background: "primary.300/20",
+			height: "100vh",
+			position: "fixed",
+			width: "100vw",
+			zIndex: "overlay",
+			inset: 0,
+			_open: { animation: "backdrop-in" },
+			_closed: { animation: "backdrop-out" }
+		},
+		positioner: {
+			alignItems: "center",
+			display: "flex",
+			height: "100dvh",
+			position: "fixed",
+			inset: 0,
+			zIndex: "modal"
+		},
+		content: {
+			"--footer-height": "70px",
+			outline: "none",
+			position: "relative",
+			background: "white",
+			display: "flex",
+			flexDirection: "column",
+			height: "full",
+			minWidth: {
+				base: "full",
+				md: "736px"
+			},
+			maxWidth: {
+				base: "full",
+				md: "800px"
+			},
+			width: "full"
+		},
+		header: {
+			display: "flex",
+			flexDirection: "row",
+			alignItems: "center",
+			gap: "space-16",
+			px: "space-24",
+			py: "space-16"
+		},
+		body: {
+			display: "flex",
+			flexDirection: "column",
+			flex: 1,
+			overflow: "auto",
+			px: "space-24",
+			pt: "space-16",
+			pb: "var(--footer-height)"
+		},
+		footer: {
+			display: "flex",
+			flexDirection: {
+				base: "column-reverse",
+				md: "row"
+			},
+			position: "absolute",
+			bottom: 0,
+			left: 0,
+			right: 0,
+			bg: "white/50",
+			backdropFilter: "auto",
+			backdropBlur: "4px",
+			justifyContent: "flex-end",
+			px: "space-24",
+			pt: "space-16",
+			pb: "space-16",
+			gap: "space-16"
+		},
+		title: {
+			color: "primary.900",
+			fontFamily: "cabinet",
+			textStyle: "heading.h4"
+		}
+	},
+	defaultVariants: { variant: "right" },
+	variants: { variant: {
+		left: {
+			positioner: { justifyContent: "flex-start" },
+			content: {
+				_open: { animation: "drawer-in-left" },
+				_closed: { animation: "drawer-out-left" }
+			}
+		},
+		right: {
+			positioner: { justifyContent: "flex-end" },
+			content: {
+				_open: { animation: "drawer-in-right" },
+				_closed: { animation: "drawer-out-right" }
+			}
+		}
+	} }
 });
-export {
-  n as drawerRecipe
-};
-//# sourceMappingURL=drawer.js.map
+//#endregion
+export { n as drawerRecipe };
+
+//# sourceMappingURL=drawer.js.map