@stokelp/ui 2.96.6 → 2.97.0

package/dist/theme/recipes/dialog.js

@@ -0,0 +1,154 @@
+"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"]
+});
+export {
+  r as dialogRecipe
+};
+//# sourceMappingURL=dialog.js.map

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

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

package/dist/theme/recipes/drawer.cjs

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

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

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

package/dist/theme/recipes/drawer.js

@@ -0,0 +1,129 @@
+"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"
+          }
+        }
+      }
+    }
+  }
+});
+export {
+  n as drawerRecipe
+};
+//# sourceMappingURL=drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","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":";;;AAGA,MAAMA,IAAUC,EAAc,WAAW,UAAU,QAAQ,QAAQ,GAEtDC,IAAeC,EAAiB;AAAA,EAC3C,WAAW;AAAA,EACX,OAAOH,EAAQ,KAAA;AAAA,EACf,KAAK,CAAC,QAAQ;AAAA,EACd,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,QACL,WAAW;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,IAEV,SAAS;AAAA,MACP,mBAAmB;AAAA,MACnB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,MAEN,UAAU;AAAA,QACR,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,IAAA;AAAA,IAET,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,MAAM;AAAA,MACN,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,IAEN,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,QACb,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,MAEN,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA;AAAA,IAEP,OAAO;AAAA,MACL,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,gBAAgB;AAAA,QAAA;AAAA,QAElB,SAAS;AAAA,UACP,OAAO;AAAA,YACL,WAAW;AAAA,UAAA;AAAA,UAEb,SAAS;AAAA,YACP,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MACF;AAAA,MAEF,OAAO;AAAA,QACL,YAAY;AAAA,UACV,gBAAgB;AAAA,QAAA;AAAA,QAElB,SAAS;AAAA,UACP,OAAO;AAAA,YACL,WAAW;AAAA,UAAA;AAAA,UAEb,SAAS;AAAA,YACP,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;"}

package/dist/theme/recipes/flag.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),i=e.defineRecipe({base:{display:"inline-block",flexShrink:"0",lineHeight:"1em",verticalAlign:"middle"},variants:{shape:{rectangle:{},rounded:{borderRadius:"3px"},circle:{clipPath:"circle(40% at 50% 50%)"},square:{clipPath:"polygon(15% 0, 85% 0%, 85% 100%, 15% 100%)"}}},defaultVariants:{shape:"rounded"},className:"flag",jsx:["Flag"]});exports.flagRecipe=i;
+//# sourceMappingURL=flag.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flag.cjs","sources":["../../../src/theme/recipes/flag.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const flagRecipe = defineRecipe({\n  base: {\n    display: 'inline-block',\n    flexShrink: '0',\n    lineHeight: '1em',\n    verticalAlign: 'middle',\n  },\n  variants: {\n    shape: {\n      rectangle: {},\n      rounded: {\n        borderRadius: '3px',\n      },\n      circle: {\n        clipPath: 'circle(40% at 50% 50%)',\n      },\n      square: {\n        clipPath: 'polygon(15% 0, 85% 0%, 85% 100%, 15% 100%)',\n      },\n    },\n  },\n  defaultVariants: {\n    shape: 'rounded',\n  },\n  className: 'flag',\n  jsx: ['Flag'],\n})\n"],"names":["flagRecipe","defineRecipe"],"mappings":"8HAEaA,EAAaC,EAAAA,aAAa,CACrC,KAAM,CACJ,QAAS,eACT,WAAY,IACZ,WAAY,MACZ,cAAe,QAAA,EAEjB,SAAU,CACR,MAAO,CACL,UAAW,CAAA,EACX,QAAS,CACP,aAAc,KAAA,EAEhB,OAAQ,CACN,SAAU,wBAAA,EAEZ,OAAQ,CACN,SAAU,4CAAA,CACZ,CACF,EAEF,gBAAiB,CACf,MAAO,SAAA,EAET,UAAW,OACX,IAAK,CAAC,MAAM,CACd,CAAC"}

package/dist/theme/recipes/flag.js

@@ -0,0 +1,33 @@
+"use client";
+import { defineRecipe as e } from "@pandacss/dev";
+const i = e({
+  base: {
+    display: "inline-block",
+    flexShrink: "0",
+    lineHeight: "1em",
+    verticalAlign: "middle"
+  },
+  variants: {
+    shape: {
+      rectangle: {},
+      rounded: {
+        borderRadius: "3px"
+      },
+      circle: {
+        clipPath: "circle(40% at 50% 50%)"
+      },
+      square: {
+        clipPath: "polygon(15% 0, 85% 0%, 85% 100%, 15% 100%)"
+      }
+    }
+  },
+  defaultVariants: {
+    shape: "rounded"
+  },
+  className: "flag",
+  jsx: ["Flag"]
+});
+export {
+  i as flagRecipe
+};
+//# sourceMappingURL=flag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flag.js","sources":["../../../src/theme/recipes/flag.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const flagRecipe = defineRecipe({\n  base: {\n    display: 'inline-block',\n    flexShrink: '0',\n    lineHeight: '1em',\n    verticalAlign: 'middle',\n  },\n  variants: {\n    shape: {\n      rectangle: {},\n      rounded: {\n        borderRadius: '3px',\n      },\n      circle: {\n        clipPath: 'circle(40% at 50% 50%)',\n      },\n      square: {\n        clipPath: 'polygon(15% 0, 85% 0%, 85% 100%, 15% 100%)',\n      },\n    },\n  },\n  defaultVariants: {\n    shape: 'rounded',\n  },\n  className: 'flag',\n  jsx: ['Flag'],\n})\n"],"names":["flagRecipe","defineRecipe"],"mappings":";;AAEO,MAAMA,IAAaC,EAAa;AAAA,EACrC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAe;AAAA,EAAA;AAAA,EAEjB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,WAAW,CAAA;AAAA,MACX,SAAS;AAAA,QACP,cAAc;AAAA,MAAA;AAAA,MAEhB,QAAQ;AAAA,QACN,UAAU;AAAA,MAAA;AAAA,MAEZ,QAAQ;AAAA,QACN,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,OAAO;AAAA,EAAA;AAAA,EAET,WAAW;AAAA,EACX,KAAK,CAAC,MAAM;AACd,CAAC;"}

package/dist/theme/recipes/form/control.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),o=e.defineRecipe({base:{_invalid:{'& [data-recipe="formHelperText"]':{color:"error.500"},'& input, & textarea, & [data-recipe="select"] button, & [data-recipe="inputGroup"], & .phone-number-input':{borderColor:"error.500!"},"& label":{color:"error.500"}},_required:{"& label::after":{content:'" *"',color:"error.500",fontWeight:"bold"}},isolation:"isolate",display:"flex",flexDirection:"column",gap:"space-4",width:"full",position:"relative"},className:"form-control",description:"The styles for the FormControl component",jsx:["FormControl"]});exports.formControlRecipe=o;
+//# sourceMappingURL=control.cjs.map

package/dist/theme/recipes/form/control.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.cjs","sources":["../../../../src/theme/recipes/form/control.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const formControlRecipe = defineRecipe({\n  base: {\n    _invalid: {\n      '& [data-recipe=\"formHelperText\"]': {\n        color: 'error.500',\n      },\n      '& input, & textarea, & [data-recipe=\"select\"] button, & [data-recipe=\"inputGroup\"], & .phone-number-input': {\n        borderColor: 'error.500!',\n      },\n      '& label': {\n        color: 'error.500',\n      },\n    },\n    _required: {\n      '& label::after': {\n        content: '\" *\"',\n        color: 'error.500',\n        fontWeight: 'bold',\n      },\n    },\n    isolation: 'isolate',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 'space-4',\n    width: 'full',\n    position: 'relative',\n  },\n  className: 'form-control',\n  description: 'The styles for the FormControl component',\n  jsx: ['FormControl'],\n})\n"],"names":["formControlRecipe","defineRecipe"],"mappings":"8HAEaA,EAAoBC,EAAAA,aAAa,CAC5C,KAAM,CACJ,SAAU,CACR,mCAAoC,CAClC,MAAO,WAAA,EAET,4GAA6G,CAC3G,YAAa,YAAA,EAEf,UAAW,CACT,MAAO,WAAA,CACT,EAEF,UAAW,CACT,iBAAkB,CAChB,QAAS,OACT,MAAO,YACP,WAAY,MAAA,CACd,EAEF,UAAW,UACX,QAAS,OACT,cAAe,SACf,IAAK,UACL,MAAO,OACP,SAAU,UAAA,EAEZ,UAAW,eACX,YAAa,2CACb,IAAK,CAAC,aAAa,CACrB,CAAC"}

package/dist/theme/recipes/form/control.js

@@ -0,0 +1,37 @@
+"use client";
+import { defineRecipe as e } from "@pandacss/dev";
+const r = e({
+  base: {
+    _invalid: {
+      '& [data-recipe="formHelperText"]': {
+        color: "error.500"
+      },
+      '& input, & textarea, & [data-recipe="select"] button, & [data-recipe="inputGroup"], & .phone-number-input': {
+        borderColor: "error.500!"
+      },
+      "& label": {
+        color: "error.500"
+      }
+    },
+    _required: {
+      "& label::after": {
+        content: '" *"',
+        color: "error.500",
+        fontWeight: "bold"
+      }
+    },
+    isolation: "isolate",
+    display: "flex",
+    flexDirection: "column",
+    gap: "space-4",
+    width: "full",
+    position: "relative"
+  },
+  className: "form-control",
+  description: "The styles for the FormControl component",
+  jsx: ["FormControl"]
+});
+export {
+  r as formControlRecipe
+};
+//# sourceMappingURL=control.js.map

package/dist/theme/recipes/form/control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.js","sources":["../../../../src/theme/recipes/form/control.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const formControlRecipe = defineRecipe({\n  base: {\n    _invalid: {\n      '& [data-recipe=\"formHelperText\"]': {\n        color: 'error.500',\n      },\n      '& input, & textarea, & [data-recipe=\"select\"] button, & [data-recipe=\"inputGroup\"], & .phone-number-input': {\n        borderColor: 'error.500!',\n      },\n      '& label': {\n        color: 'error.500',\n      },\n    },\n    _required: {\n      '& label::after': {\n        content: '\" *\"',\n        color: 'error.500',\n        fontWeight: 'bold',\n      },\n    },\n    isolation: 'isolate',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 'space-4',\n    width: 'full',\n    position: 'relative',\n  },\n  className: 'form-control',\n  description: 'The styles for the FormControl component',\n  jsx: ['FormControl'],\n})\n"],"names":["formControlRecipe","defineRecipe"],"mappings":";;AAEO,MAAMA,IAAoBC,EAAa;AAAA,EAC5C,MAAM;AAAA,IACJ,UAAU;AAAA,MACR,oCAAoC;AAAA,QAClC,OAAO;AAAA,MAAA;AAAA,MAET,6GAA6G;AAAA,QAC3G,aAAa;AAAA,MAAA;AAAA,MAEf,WAAW;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,WAAW;AAAA,MACT,kBAAkB;AAAA,QAChB,SAAS;AAAA,QACT,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,IAEF,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAAA,EAEZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,KAAK,CAAC,aAAa;AACrB,CAAC;"}

package/dist/theme/recipes/form/helper-text.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),t=e.defineRecipe({base:{color:"grey.400",fontFamily:"satoshi",textStyle:"body.sm"},className:"form-helper-text",description:"The styles for the FormHelperText component",jsx:["FormHelperText"]});exports.formHelperTextRecipe=t;
+//# sourceMappingURL=helper-text.cjs.map

package/dist/theme/recipes/form/helper-text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper-text.cjs","sources":["../../../../src/theme/recipes/form/helper-text.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const formHelperTextRecipe = defineRecipe({\n  base: {\n    color: 'grey.400',\n    fontFamily: 'satoshi',\n    textStyle: 'body.sm',\n  },\n  className: 'form-helper-text',\n  description: 'The styles for the FormHelperText component',\n  jsx: ['FormHelperText'],\n})\n"],"names":["formHelperTextRecipe","defineRecipe"],"mappings":"8HAEaA,EAAuBC,EAAAA,aAAa,CAC/C,KAAM,CACJ,MAAO,WACP,WAAY,UACZ,UAAW,SAAA,EAEb,UAAW,mBACX,YAAa,8CACb,IAAK,CAAC,gBAAgB,CACxB,CAAC"}

package/dist/theme/recipes/form/helper-text.js

@@ -0,0 +1,16 @@
+"use client";
+import { defineRecipe as e } from "@pandacss/dev";
+const o = e({
+  base: {
+    color: "grey.400",
+    fontFamily: "satoshi",
+    textStyle: "body.sm"
+  },
+  className: "form-helper-text",
+  description: "The styles for the FormHelperText component",
+  jsx: ["FormHelperText"]
+});
+export {
+  o as formHelperTextRecipe
+};
+//# sourceMappingURL=helper-text.js.map

package/dist/theme/recipes/form/helper-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper-text.js","sources":["../../../../src/theme/recipes/form/helper-text.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const formHelperTextRecipe = defineRecipe({\n  base: {\n    color: 'grey.400',\n    fontFamily: 'satoshi',\n    textStyle: 'body.sm',\n  },\n  className: 'form-helper-text',\n  description: 'The styles for the FormHelperText component',\n  jsx: ['FormHelperText'],\n})\n"],"names":["formHelperTextRecipe","defineRecipe"],"mappings":";;AAEO,MAAMA,IAAuBC,EAAa;AAAA,EAC/C,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,EAAA;AAAA,EAEb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,KAAK,CAAC,gBAAgB;AACxB,CAAC;"}

package/dist/theme/recipes/form/label.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),a=e.defineSlotRecipe({base:{root:{color:"grey.400",fontFamily:"satoshi",textStyle:"body.sm",display:"flex",alignItems:"center",gap:"space-4","&:has(~input:disabled, ~input[data-disabled], ~input:read-only, ~input[data-readonly]),input:is(:disabled, [data-disabled], :read-only, [data-readonly]) ~ & ":{color:"grey.300",cursor:"not-allowed"}},addon:{bg:"primary.100",color:"secondary.800",borderRadius:"radius-2",px:"space-2"},icon:{display:"inline"}},variants:{variant:{static:{},absolute:{root:{position:"absolute",left:"space-12",top:"-space-8",zIndex:1,bg:"white"}}}},defaultVariants:{variant:"absolute"},slots:["root","addon","icon"],className:"form-label",description:"The styles for the FormLabel component",jsx:["FormLabel"]});exports.formLabelRecipe=a;
+//# sourceMappingURL=label.cjs.map

package/dist/theme/recipes/form/label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.cjs","sources":["../../../../src/theme/recipes/form/label.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const formLabelRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      color: 'grey.400',\n      fontFamily: 'satoshi',\n      textStyle: 'body.sm',\n      display: 'flex',\n      alignItems: 'center',\n      gap: 'space-4',\n      '&:has(~input:disabled, ~input[data-disabled], ~input:read-only, ~input[data-readonly]),input:is(:disabled, [data-disabled], :read-only, [data-readonly]) ~ & ':\n        {\n          color: 'grey.300',\n          cursor: 'not-allowed',\n        },\n    },\n    addon: {\n      bg: 'primary.100',\n      color: 'secondary.800',\n      borderRadius: 'radius-2',\n      px: 'space-2',\n    },\n    icon: {\n      display: 'inline',\n    },\n  },\n  variants: {\n    variant: {\n      static: {},\n      absolute: {\n        root: {\n          position: 'absolute',\n          left: 'space-12',\n          top: '-space-8',\n          zIndex: 1,\n          bg: 'white',\n        },\n      },\n    },\n  },\n  defaultVariants: { variant: 'absolute' },\n  slots: ['root', 'addon', 'icon'],\n  className: 'form-label',\n  description: 'The styles for the FormLabel component',\n  jsx: ['FormLabel'],\n})\n"],"names":["formLabelRecipe","defineSlotRecipe"],"mappings":"8HAEaA,EAAkBC,EAAAA,iBAAiB,CAC9C,KAAM,CACJ,KAAM,CACJ,MAAO,WACP,WAAY,UACZ,UAAW,UACX,QAAS,OACT,WAAY,SACZ,IAAK,UACL,gKACE,CACE,MAAO,WACP,OAAQ,aAAA,CACV,EAEJ,MAAO,CACL,GAAI,cACJ,MAAO,gBACP,aAAc,WACd,GAAI,SAAA,EAEN,KAAM,CACJ,QAAS,QAAA,CACX,EAEF,SAAU,CACR,QAAS,CACP,OAAQ,CAAA,EACR,SAAU,CACR,KAAM,CACJ,SAAU,WACV,KAAM,WACN,IAAK,WACL,OAAQ,EACR,GAAI,OAAA,CACN,CACF,CACF,EAEF,gBAAiB,CAAE,QAAS,UAAA,EAC5B,MAAO,CAAC,OAAQ,QAAS,MAAM,EAC/B,UAAW,aACX,YAAa,yCACb,IAAK,CAAC,WAAW,CACnB,CAAC"}

package/dist/theme/recipes/form/label.js

@@ -0,0 +1,50 @@
+"use client";
+import { defineSlotRecipe as a } from "@pandacss/dev";
+const o = a({
+  base: {
+    root: {
+      color: "grey.400",
+      fontFamily: "satoshi",
+      textStyle: "body.sm",
+      display: "flex",
+      alignItems: "center",
+      gap: "space-4",
+      "&:has(~input:disabled, ~input[data-disabled], ~input:read-only, ~input[data-readonly]),input:is(:disabled, [data-disabled], :read-only, [data-readonly]) ~ & ": {
+        color: "grey.300",
+        cursor: "not-allowed"
+      }
+    },
+    addon: {
+      bg: "primary.100",
+      color: "secondary.800",
+      borderRadius: "radius-2",
+      px: "space-2"
+    },
+    icon: {
+      display: "inline"
+    }
+  },
+  variants: {
+    variant: {
+      static: {},
+      absolute: {
+        root: {
+          position: "absolute",
+          left: "space-12",
+          top: "-space-8",
+          zIndex: 1,
+          bg: "white"
+        }
+      }
+    }
+  },
+  defaultVariants: { variant: "absolute" },
+  slots: ["root", "addon", "icon"],
+  className: "form-label",
+  description: "The styles for the FormLabel component",
+  jsx: ["FormLabel"]
+});
+export {
+  o as formLabelRecipe
+};
+//# sourceMappingURL=label.js.map

package/dist/theme/recipes/form/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../src/theme/recipes/form/label.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const formLabelRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      color: 'grey.400',\n      fontFamily: 'satoshi',\n      textStyle: 'body.sm',\n      display: 'flex',\n      alignItems: 'center',\n      gap: 'space-4',\n      '&:has(~input:disabled, ~input[data-disabled], ~input:read-only, ~input[data-readonly]),input:is(:disabled, [data-disabled], :read-only, [data-readonly]) ~ & ':\n        {\n          color: 'grey.300',\n          cursor: 'not-allowed',\n        },\n    },\n    addon: {\n      bg: 'primary.100',\n      color: 'secondary.800',\n      borderRadius: 'radius-2',\n      px: 'space-2',\n    },\n    icon: {\n      display: 'inline',\n    },\n  },\n  variants: {\n    variant: {\n      static: {},\n      absolute: {\n        root: {\n          position: 'absolute',\n          left: 'space-12',\n          top: '-space-8',\n          zIndex: 1,\n          bg: 'white',\n        },\n      },\n    },\n  },\n  defaultVariants: { variant: 'absolute' },\n  slots: ['root', 'addon', 'icon'],\n  className: 'form-label',\n  description: 'The styles for the FormLabel component',\n  jsx: ['FormLabel'],\n})\n"],"names":["formLabelRecipe","defineSlotRecipe"],"mappings":";;AAEO,MAAMA,IAAkBC,EAAiB;AAAA,EAC9C,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,iKACE;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEJ,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,cAAc;AAAA,MACd,IAAI;AAAA,IAAA;AAAA,IAEN,MAAM;AAAA,MACJ,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,QAAQ,CAAA;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,UAAU;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB,EAAE,SAAS,WAAA;AAAA,EAC5B,OAAO,CAAC,QAAQ,SAAS,MAAM;AAAA,EAC/B,WAAW;AAAA,EACX,aAAa;AAAA,EACb,KAAK,CAAC,WAAW;AACnB,CAAC;"}

package/dist/theme/recipes/heading.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),t=e.defineRecipe({className:"heading",defaultVariants:{size:"h2"},jsx:["Heading"],base:{fontFamily:"cabinet",color:"text.heading"},variants:{italic:{true:{fontStyle:"italic"}},underline:{true:{textDecoration:"underline"}},size:{h1:{textStyle:"heading.h1"},h2:{textStyle:"heading.h2"},h3:{textStyle:"heading.h3"},h4:{textStyle:"heading.h4"},h5:{textStyle:"heading.h5"},h6:{textStyle:"heading.h6"}}}});exports.headingRecipe=t;
+//# sourceMappingURL=heading.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.cjs","sources":["../../../src/theme/recipes/heading.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const headingRecipe = defineRecipe({\n  className: 'heading',\n  defaultVariants: {\n    size: 'h2',\n  },\n  jsx: ['Heading'],\n  base: {\n    fontFamily: 'cabinet',\n    color: 'text.heading',\n  },\n  variants: {\n    italic: {\n      true: {\n        fontStyle: 'italic',\n      },\n    },\n    underline: {\n      true: {\n        textDecoration: 'underline',\n      },\n    },\n    size: {\n      h1: { textStyle: 'heading.h1' },\n      h2: { textStyle: 'heading.h2' },\n      h3: { textStyle: 'heading.h3' },\n      h4: { textStyle: 'heading.h4' },\n      h5: { textStyle: 'heading.h5' },\n      h6: { textStyle: 'heading.h6' },\n    },\n  },\n})\n"],"names":["headingRecipe","defineRecipe"],"mappings":"8HAEaA,EAAgBC,EAAAA,aAAa,CACxC,UAAW,UACX,gBAAiB,CACf,KAAM,IAAA,EAER,IAAK,CAAC,SAAS,EACf,KAAM,CACJ,WAAY,UACZ,MAAO,cAAA,EAET,SAAU,CACR,OAAQ,CACN,KAAM,CACJ,UAAW,QAAA,CACb,EAEF,UAAW,CACT,KAAM,CACJ,eAAgB,WAAA,CAClB,EAEF,KAAM,CACJ,GAAI,CAAE,UAAW,YAAA,EACjB,GAAI,CAAE,UAAW,YAAA,EACjB,GAAI,CAAE,UAAW,YAAA,EACjB,GAAI,CAAE,UAAW,YAAA,EACjB,GAAI,CAAE,UAAW,YAAA,EACjB,GAAI,CAAE,UAAW,YAAA,CAAa,CAChC,CAEJ,CAAC"}

package/dist/theme/recipes/heading.js

@@ -0,0 +1,37 @@
+"use client";
+import { defineRecipe as e } from "@pandacss/dev";
+const i = e({
+  className: "heading",
+  defaultVariants: {
+    size: "h2"
+  },
+  jsx: ["Heading"],
+  base: {
+    fontFamily: "cabinet",
+    color: "text.heading"
+  },
+  variants: {
+    italic: {
+      true: {
+        fontStyle: "italic"
+      }
+    },
+    underline: {
+      true: {
+        textDecoration: "underline"
+      }
+    },
+    size: {
+      h1: { textStyle: "heading.h1" },
+      h2: { textStyle: "heading.h2" },
+      h3: { textStyle: "heading.h3" },
+      h4: { textStyle: "heading.h4" },
+      h5: { textStyle: "heading.h5" },
+      h6: { textStyle: "heading.h6" }
+    }
+  }
+});
+export {
+  i as headingRecipe
+};
+//# sourceMappingURL=heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sources":["../../../src/theme/recipes/heading.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const headingRecipe = defineRecipe({\n  className: 'heading',\n  defaultVariants: {\n    size: 'h2',\n  },\n  jsx: ['Heading'],\n  base: {\n    fontFamily: 'cabinet',\n    color: 'text.heading',\n  },\n  variants: {\n    italic: {\n      true: {\n        fontStyle: 'italic',\n      },\n    },\n    underline: {\n      true: {\n        textDecoration: 'underline',\n      },\n    },\n    size: {\n      h1: { textStyle: 'heading.h1' },\n      h2: { textStyle: 'heading.h2' },\n      h3: { textStyle: 'heading.h3' },\n      h4: { textStyle: 'heading.h4' },\n      h5: { textStyle: 'heading.h5' },\n      h6: { textStyle: 'heading.h6' },\n    },\n  },\n})\n"],"names":["headingRecipe","defineRecipe"],"mappings":";;AAEO,MAAMA,IAAgBC,EAAa;AAAA,EACxC,WAAW;AAAA,EACX,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAAA,EAER,KAAK,CAAC,SAAS;AAAA,EACf,MAAM;AAAA,IACJ,YAAY;AAAA,IACZ,OAAO;AAAA,EAAA;AAAA,EAET,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IAEF,MAAM;AAAA,MACJ,IAAI,EAAE,WAAW,aAAA;AAAA,MACjB,IAAI,EAAE,WAAW,aAAA;AAAA,MACjB,IAAI,EAAE,WAAW,aAAA;AAAA,MACjB,IAAI,EAAE,WAAW,aAAA;AAAA,MACjB,IAAI,EAAE,WAAW,aAAA;AAAA,MACjB,IAAI,EAAE,WAAW,aAAA;AAAA,IAAa;AAAA,EAChC;AAEJ,CAAC;"}

package/dist/theme/recipes/highlightedInput.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),t=e.defineSlotRecipe({className:"highlightedInput",description:"Styles for HighlightedInput component",slots:["root","input","renderer","highlight"],jsx:["Root","InputSlot","Renderer","Highlight"],base:{root:{position:"relative",height:"size-40"},input:{position:"absolute",inset:0,width:"full",height:"full",outline:0,px:"space-16",background:"transparent",color:"transparent",caretColor:"text","&:placeholder-shown":{color:"initial"}},renderer:{position:"absolute",maxWidth:"full",display:"flex",px:"16px",py:"10px",whiteSpace:"pre",pointerEvents:"none",fontSize:"body.md",lineHeight:"normal",textStyle:"body.md",fontFamily:"satoshi",overflowX:"scroll",scrollbarWidth:"none",border:"1px solid transparent"}}});exports.highlightedInputRecipe=t;
+//# sourceMappingURL=highlightedInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"highlightedInput.cjs","sources":["../../../src/theme/recipes/highlightedInput.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const highlightedInputRecipe = defineSlotRecipe({\n  className: 'highlightedInput',\n  description: 'Styles for HighlightedInput component',\n  slots: ['root', 'input', 'renderer', 'highlight'],\n  jsx: ['Root', 'InputSlot', 'Renderer', 'Highlight'],\n  base: {\n    root: {\n      position: 'relative',\n      height: 'size-40',\n    },\n    input: {\n      position: 'absolute',\n      inset: 0,\n      width: 'full',\n      height: 'full',\n      outline: 0,\n      px: 'space-16',\n      background: 'transparent',\n      color: 'transparent',\n      caretColor: 'text',\n      '&:placeholder-shown': {\n        color: 'initial',\n      },\n    },\n    renderer: {\n      position: 'absolute',\n      maxWidth: 'full',\n      display: 'flex',\n      px: '16px',\n      py: '10px',\n      whiteSpace: 'pre',\n      pointerEvents: 'none',\n      fontSize: 'body.md',\n      lineHeight: 'normal',\n      textStyle: 'body.md',\n      fontFamily: 'satoshi',\n      overflowX: 'scroll',\n      scrollbarWidth: 'none',\n      border: '1px solid transparent',\n    },\n  },\n})\n"],"names":["highlightedInputRecipe","defineSlotRecipe"],"mappings":"8HAEaA,EAAyBC,EAAAA,iBAAiB,CACrD,UAAW,mBACX,YAAa,wCACb,MAAO,CAAC,OAAQ,QAAS,WAAY,WAAW,EAChD,IAAK,CAAC,OAAQ,YAAa,WAAY,WAAW,EAClD,KAAM,CACJ,KAAM,CACJ,SAAU,WACV,OAAQ,SAAA,EAEV,MAAO,CACL,SAAU,WACV,MAAO,EACP,MAAO,OACP,OAAQ,OACR,QAAS,EACT,GAAI,WACJ,WAAY,cACZ,MAAO,cACP,WAAY,OACZ,sBAAuB,CACrB,MAAO,SAAA,CACT,EAEF,SAAU,CACR,SAAU,WACV,SAAU,OACV,QAAS,OACT,GAAI,OACJ,GAAI,OACJ,WAAY,MACZ,cAAe,OACf,SAAU,UACV,WAAY,SACZ,UAAW,UACX,WAAY,UACZ,UAAW,SACX,eAAgB,OAChB,OAAQ,uBAAA,CACV,CAEJ,CAAC"}