@stokelp/ui 2.96.6 → 2.97.0

package/dist/theme/recipes/combobox.js

@@ -0,0 +1,179 @@
+"use client";
+import { comboboxAnatomy as e } from "@ark-ui/react";
+import { defineSlotRecipe as o } from "@pandacss/dev";
+const i = o({
+  base: {
+    control: {
+      fontFamily: "satoshi",
+      position: "relative",
+      '&:has(> [data-part="trigger"][hidden])': {
+        '& > [data-part="clear-trigger"]': {
+          right: "space-16!"
+        }
+      },
+      _disabled: {
+        cursor: "not-allowed"
+      }
+    },
+    content: {
+      fontFamily: "satoshi",
+      background: "background",
+      borderWidth: 1,
+      borderColor: "primary.500",
+      borderStyle: "solid",
+      borderTopStyle: "none",
+      borderBottomLeftRadius: "radius-8",
+      borderBottomRightRadius: "radius-8",
+      display: "flex",
+      flexDirection: "column",
+      outline: 0,
+      zIndex: "modal",
+      maxHeight: "180px",
+      overflow: "auto"
+    },
+    clearTrigger: {
+      position: "absolute",
+      cursor: "pointer",
+      right: "space-48",
+      top: "10px",
+      color: "secondary.900",
+      _disabled: {
+        color: "grey.300",
+        pointerEvents: "none"
+      }
+    },
+    trigger: {
+      position: "absolute",
+      cursor: "pointer",
+      right: "space-16",
+      top: "9px",
+      color: {
+        base: "secondary.900",
+        _disabled: "grey.300"
+      },
+      _disabled: {
+        _focus: {
+          border: "none"
+        },
+        pointerEvents: "none",
+        userSelect: "none",
+        cursor: "not-allowed"
+      }
+    },
+    item: {
+      _disabled: {
+        cursor: "not-allowed"
+      },
+      alignItems: "center",
+      background: {
+        _disabled: {
+          _hover: "grey.100!",
+          _selected: "grey.50!",
+          _checked: "grey.50!",
+          base: "grey.100!"
+        },
+        _selected: "primary.500",
+        _checked: "primary.500",
+        _highlighted: "primary.200",
+        _hover: "primary.200",
+        base: "background"
+      },
+      color: {
+        _disabled: {
+          _hover: "grey.300!",
+          _selected: "grey.300!",
+          _checked: "grey.300!",
+          base: "grey.300!"
+        },
+        _selected: "white",
+        _checked: "white"
+      },
+      cursor: "pointer",
+      display: "flex",
+      gap: "space-4",
+      transitionDuration: "fast",
+      transitionProperty: "background, color",
+      transitionTimingFunction: "default",
+      "& p": {
+        color: "inherit!"
+      }
+    },
+    itemGroupLabel: {
+      textStyle: "body.sm"
+    },
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "space-4",
+      width: "full",
+      _disabled: {
+        cursor: "not-allowed"
+      }
+    },
+    input: {
+      _disabled: {
+        pointerEvents: "none"
+      },
+      _placeholderShown: {
+        color: {
+          base: "grey.400",
+          _disabled: "grey.300"
+        }
+      },
+      _open: {
+        border: "1px solid {colors.primary.500}",
+        _open: {
+          borderBottomLeftRadius: "radius-0!",
+          borderBottomRightRadius: "radius-0!"
+        }
+      },
+      alignItems: "center",
+      borderBottomColor: {
+        _open: "grey.100"
+      },
+      paddingRight: {
+        base: "space-60!",
+        '&[value]:not([value=""])': "90px!"
+      },
+      position: "relative"
+    }
+  },
+  className: "combobox",
+  defaultVariants: {
+    size: "md"
+  },
+  jsx: ["Combobox"],
+  slots: e.keys(),
+  variants: {
+    hideClearTrigger: {
+      true: {
+        input: {
+          paddingRight: {
+            base: "space-60!",
+            '&[value]:not([value=""])': "space-60!"
+          }
+        },
+        clearTrigger: {
+          display: "none"
+        }
+      }
+    },
+    size: {
+      md: {
+        item: { px: "space-16", py: "space-8", textStyle: "body.md" },
+        input: {
+          gap: "space-8",
+          minH: "40px",
+          minW: "size-16",
+          py: "space-8",
+          px: "space-16",
+          textStyle: "body.md"
+        }
+      }
+    }
+  }
+});
+export {
+  i as comboboxRecipe
+};
+//# sourceMappingURL=combobox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sources":["../../../src/theme/recipes/combobox.ts"],"sourcesContent":["import { comboboxAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const comboboxRecipe = defineSlotRecipe({\n  base: {\n    control: {\n      fontFamily: 'satoshi',\n      position: 'relative',\n      '&:has(> [data-part=\"trigger\"][hidden])': {\n        '& > [data-part=\"clear-trigger\"]': {\n          right: 'space-16!',\n        },\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n    },\n    content: {\n      fontFamily: 'satoshi',\n      background: 'background',\n      borderWidth: 1,\n      borderColor: 'primary.500',\n      borderStyle: 'solid',\n      borderTopStyle: 'none',\n      borderBottomLeftRadius: 'radius-8',\n      borderBottomRightRadius: 'radius-8',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 0,\n      zIndex: 'modal',\n      maxHeight: '180px',\n      overflow: 'auto',\n    },\n    clearTrigger: {\n      position: 'absolute',\n      cursor: 'pointer',\n      right: 'space-48',\n      top: '10px',\n      color: 'secondary.900',\n      _disabled: {\n        color: 'grey.300',\n        pointerEvents: 'none',\n      },\n    },\n    trigger: {\n      position: 'absolute',\n      cursor: 'pointer',\n      right: 'space-16',\n      top: '9px',\n      color: {\n        base: 'secondary.900',\n        _disabled: 'grey.300',\n      },\n      _disabled: {\n        _focus: {\n          border: 'none',\n        },\n        pointerEvents: 'none',\n        userSelect: 'none',\n        cursor: 'not-allowed',\n      },\n    },\n    item: {\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n      alignItems: 'center',\n      background: {\n        _disabled: {\n          _hover: 'grey.100!',\n          _selected: 'grey.50!',\n          _checked: 'grey.50!',\n          base: 'grey.100!',\n        },\n        _selected: 'primary.500',\n        _checked: 'primary.500',\n        _highlighted: 'primary.200',\n        _hover: 'primary.200',\n        base: 'background',\n      },\n      color: {\n        _disabled: {\n          _hover: 'grey.300!',\n          _selected: 'grey.300!',\n          _checked: 'grey.300!',\n          base: 'grey.300!',\n        },\n        _selected: 'white',\n        _checked: 'white',\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: 'space-4',\n      transitionDuration: 'fast',\n      transitionProperty: 'background, color',\n      transitionTimingFunction: 'default',\n      '& p': {\n        color: 'inherit!',\n      },\n    },\n    itemGroupLabel: {\n      textStyle: 'body.sm',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n      width: 'full',\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n    },\n    input: {\n      _disabled: {\n        pointerEvents: 'none',\n      },\n      _placeholderShown: {\n        color: {\n          base: 'grey.400',\n          _disabled: 'grey.300',\n        },\n      },\n      _open: {\n        border: '1px solid {colors.primary.500}',\n        _open: {\n          borderBottomLeftRadius: 'radius-0!',\n          borderBottomRightRadius: 'radius-0!',\n        },\n      },\n      alignItems: 'center',\n      borderBottomColor: {\n        _open: 'grey.100',\n      },\n      paddingRight: {\n        base: 'space-60!',\n        '&[value]:not([value=\"\"])': '90px!',\n      },\n      position: 'relative',\n    },\n  },\n  className: 'combobox',\n  defaultVariants: {\n    size: 'md',\n  },\n  jsx: ['Combobox'],\n  slots: comboboxAnatomy.keys(),\n  variants: {\n    hideClearTrigger: {\n      true: {\n        input: {\n          paddingRight: {\n            base: 'space-60!',\n            '&[value]:not([value=\"\"])': 'space-60!',\n          },\n        },\n        clearTrigger: {\n          display: 'none',\n        },\n      },\n    },\n    size: {\n      md: {\n        item: { px: 'space-16', py: 'space-8', textStyle: 'body.md' },\n        input: {\n          gap: 'space-8',\n          minH: '40px',\n          minW: 'size-16',\n          py: 'space-8',\n          px: 'space-16',\n          textStyle: 'body.md',\n        },\n      },\n    },\n  },\n})\n"],"names":["comboboxRecipe","defineSlotRecipe","comboboxAnatomy"],"mappings":"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"}

package/dist/theme/recipes/common/group-card.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={root:{fontFamily:"satoshi",WebkitTapHighlightColor:"transparent",_disabled:{'& [data-recipe-slot="title"],[data-recipe-slot="itemTitle"]':{color:"grey.400"},'& [data-recipe-slot="description"],[data-recipe-slot="itemDescription"]':{color:"grey.200"},'& [data-recipe-slot="image"],[data-recipe-slot="itemImage"]':{filter:"grayscale(1)"},userSelect:"none",pointerEvents:"none"},alignItems:"center",cursor:"pointer",display:"flex",gap:"space-12",borderRadius:"radius-8",border:"1px solid",transitionProperty:"border-color, box-shadow",boxShadow:{_hover:"0px 4px 8px 0px {colors.secondary.500/20}"},bg:{base:"white",_disabled:"grey.50"},transitionDuration:"normal",borderColor:{base:"primary.100",_hover:"primary.500",_checked:"primary.500",_disabled:"grey.100"}},content:{flex:1,display:"flex",flexDirection:"column"},image:{borderRadius:"radius-4"},title:{color:"text.heading",fontWeight:"bold"},description:{color:"text"}},t={size:{md:{root:{px:"space-16",py:"space-12"},title:{textStyle:"body.md"},image:{objectFit:"cover",height:"size-32",width:"size-32"},description:{textStyle:"body.sm"}}}};exports.groupCard=e;exports.groupCardVariants=t;
+//# sourceMappingURL=group-card.cjs.map

package/dist/theme/recipes/common/group-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-card.cjs","sources":["../../../../src/theme/recipes/common/group-card.ts"],"sourcesContent":["import { type SystemStyleObject } from '@stokelp/styled-system/types'\n\nexport const groupCard = {\n  root: {\n    fontFamily: 'satoshi',\n    WebkitTapHighlightColor: 'transparent',\n    _disabled: {\n      '& [data-recipe-slot=\"title\"],[data-recipe-slot=\"itemTitle\"]': {\n        color: 'grey.400',\n      },\n      '& [data-recipe-slot=\"description\"],[data-recipe-slot=\"itemDescription\"]': {\n        color: 'grey.200',\n      },\n      '& [data-recipe-slot=\"image\"],[data-recipe-slot=\"itemImage\"]': {\n        filter: 'grayscale(1)',\n      },\n      userSelect: 'none',\n      pointerEvents: 'none',\n    },\n    alignItems: 'center',\n    cursor: 'pointer',\n    display: 'flex',\n    gap: 'space-12',\n    borderRadius: 'radius-8',\n    border: '1px solid',\n    transitionProperty: 'border-color, box-shadow',\n    boxShadow: {\n      _hover: '0px 4px 8px 0px {colors.secondary.500/20}',\n    },\n    bg: {\n      base: 'white',\n      _disabled: 'grey.50',\n    },\n    transitionDuration: 'normal',\n    borderColor: {\n      base: 'primary.100',\n      _hover: 'primary.500',\n      _checked: 'primary.500',\n      _disabled: 'grey.100',\n    },\n  },\n  content: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  image: {\n    borderRadius: 'radius-4',\n  },\n  title: {\n    color: 'text.heading',\n    fontWeight: 'bold',\n  },\n  description: {\n    color: 'text',\n  },\n} satisfies Record<string, SystemStyleObject>\n\nexport const groupCardVariants = {\n  size: {\n    md: {\n      root: {\n        px: 'space-16',\n        py: 'space-12',\n      },\n      title: {\n        textStyle: 'body.md',\n      },\n      image: {\n        objectFit: 'cover',\n        height: 'size-32',\n        width: 'size-32',\n      },\n      description: {\n        textStyle: 'body.sm',\n      },\n    },\n  },\n} satisfies Record<'size', Record<'md', Record<string, SystemStyleObject>>>\n"],"names":["groupCard","groupCardVariants"],"mappings":"6FAEO,MAAMA,EAAY,CACvB,KAAM,CACJ,WAAY,UACZ,wBAAyB,cACzB,UAAW,CACT,8DAA+D,CAC7D,MAAO,UAAA,EAET,0EAA2E,CACzE,MAAO,UAAA,EAET,8DAA+D,CAC7D,OAAQ,cAAA,EAEV,WAAY,OACZ,cAAe,MAAA,EAEjB,WAAY,SACZ,OAAQ,UACR,QAAS,OACT,IAAK,WACL,aAAc,WACd,OAAQ,YACR,mBAAoB,2BACpB,UAAW,CACT,OAAQ,2CAAA,EAEV,GAAI,CACF,KAAM,QACN,UAAW,SAAA,EAEb,mBAAoB,SACpB,YAAa,CACX,KAAM,cACN,OAAQ,cACR,SAAU,cACV,UAAW,UAAA,CACb,EAEF,QAAS,CACP,KAAM,EACN,QAAS,OACT,cAAe,QAAA,EAEjB,MAAO,CACL,aAAc,UAAA,EAEhB,MAAO,CACL,MAAO,eACP,WAAY,MAAA,EAEd,YAAa,CACX,MAAO,MAAA,CAEX,EAEaC,EAAoB,CAC/B,KAAM,CACJ,GAAI,CACF,KAAM,CACJ,GAAI,WACJ,GAAI,UAAA,EAEN,MAAO,CACL,UAAW,SAAA,EAEb,MAAO,CACL,UAAW,QACX,OAAQ,UACR,MAAO,SAAA,EAET,YAAa,CACX,UAAW,SAAA,CACb,CACF,CAEJ"}

package/dist/theme/recipes/common/group-card.js

@@ -0,0 +1,81 @@
+"use client";
+const e = {
+  root: {
+    fontFamily: "satoshi",
+    WebkitTapHighlightColor: "transparent",
+    _disabled: {
+      '& [data-recipe-slot="title"],[data-recipe-slot="itemTitle"]': {
+        color: "grey.400"
+      },
+      '& [data-recipe-slot="description"],[data-recipe-slot="itemDescription"]': {
+        color: "grey.200"
+      },
+      '& [data-recipe-slot="image"],[data-recipe-slot="itemImage"]': {
+        filter: "grayscale(1)"
+      },
+      userSelect: "none",
+      pointerEvents: "none"
+    },
+    alignItems: "center",
+    cursor: "pointer",
+    display: "flex",
+    gap: "space-12",
+    borderRadius: "radius-8",
+    border: "1px solid",
+    transitionProperty: "border-color, box-shadow",
+    boxShadow: {
+      _hover: "0px 4px 8px 0px {colors.secondary.500/20}"
+    },
+    bg: {
+      base: "white",
+      _disabled: "grey.50"
+    },
+    transitionDuration: "normal",
+    borderColor: {
+      base: "primary.100",
+      _hover: "primary.500",
+      _checked: "primary.500",
+      _disabled: "grey.100"
+    }
+  },
+  content: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column"
+  },
+  image: {
+    borderRadius: "radius-4"
+  },
+  title: {
+    color: "text.heading",
+    fontWeight: "bold"
+  },
+  description: {
+    color: "text"
+  }
+}, t = {
+  size: {
+    md: {
+      root: {
+        px: "space-16",
+        py: "space-12"
+      },
+      title: {
+        textStyle: "body.md"
+      },
+      image: {
+        objectFit: "cover",
+        height: "size-32",
+        width: "size-32"
+      },
+      description: {
+        textStyle: "body.sm"
+      }
+    }
+  }
+};
+export {
+  e as groupCard,
+  t as groupCardVariants
+};
+//# sourceMappingURL=group-card.js.map

package/dist/theme/recipes/common/group-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-card.js","sources":["../../../../src/theme/recipes/common/group-card.ts"],"sourcesContent":["import { type SystemStyleObject } from '@stokelp/styled-system/types'\n\nexport const groupCard = {\n  root: {\n    fontFamily: 'satoshi',\n    WebkitTapHighlightColor: 'transparent',\n    _disabled: {\n      '& [data-recipe-slot=\"title\"],[data-recipe-slot=\"itemTitle\"]': {\n        color: 'grey.400',\n      },\n      '& [data-recipe-slot=\"description\"],[data-recipe-slot=\"itemDescription\"]': {\n        color: 'grey.200',\n      },\n      '& [data-recipe-slot=\"image\"],[data-recipe-slot=\"itemImage\"]': {\n        filter: 'grayscale(1)',\n      },\n      userSelect: 'none',\n      pointerEvents: 'none',\n    },\n    alignItems: 'center',\n    cursor: 'pointer',\n    display: 'flex',\n    gap: 'space-12',\n    borderRadius: 'radius-8',\n    border: '1px solid',\n    transitionProperty: 'border-color, box-shadow',\n    boxShadow: {\n      _hover: '0px 4px 8px 0px {colors.secondary.500/20}',\n    },\n    bg: {\n      base: 'white',\n      _disabled: 'grey.50',\n    },\n    transitionDuration: 'normal',\n    borderColor: {\n      base: 'primary.100',\n      _hover: 'primary.500',\n      _checked: 'primary.500',\n      _disabled: 'grey.100',\n    },\n  },\n  content: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  image: {\n    borderRadius: 'radius-4',\n  },\n  title: {\n    color: 'text.heading',\n    fontWeight: 'bold',\n  },\n  description: {\n    color: 'text',\n  },\n} satisfies Record<string, SystemStyleObject>\n\nexport const groupCardVariants = {\n  size: {\n    md: {\n      root: {\n        px: 'space-16',\n        py: 'space-12',\n      },\n      title: {\n        textStyle: 'body.md',\n      },\n      image: {\n        objectFit: 'cover',\n        height: 'size-32',\n        width: 'size-32',\n      },\n      description: {\n        textStyle: 'body.sm',\n      },\n    },\n  },\n} satisfies Record<'size', Record<'md', Record<string, SystemStyleObject>>>\n"],"names":["groupCard","groupCardVariants"],"mappings":";AAEO,MAAMA,IAAY;AAAA,EACvB,MAAM;AAAA,IACJ,YAAY;AAAA,IACZ,yBAAyB;AAAA,IACzB,WAAW;AAAA,MACT,+DAA+D;AAAA,QAC7D,OAAO;AAAA,MAAA;AAAA,MAET,2EAA2E;AAAA,QACzE,OAAO;AAAA,MAAA;AAAA,MAET,+DAA+D;AAAA,QAC7D,QAAQ;AAAA,MAAA;AAAA,MAEV,YAAY;AAAA,MACZ,eAAe;AAAA,IAAA;AAAA,IAEjB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,KAAK;AAAA,IACL,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,oBAAoB;AAAA,IACpB,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,IAAI;AAAA,MACF,MAAM;AAAA,MACN,WAAW;AAAA,IAAA;AAAA,IAEb,oBAAoB;AAAA,IACpB,aAAa;AAAA,MACX,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,eAAe;AAAA,EAAA;AAAA,EAEjB,OAAO;AAAA,IACL,cAAc;AAAA,EAAA;AAAA,EAEhB,OAAO;AAAA,IACL,OAAO;AAAA,IACP,YAAY;AAAA,EAAA;AAAA,EAEd,aAAa;AAAA,IACX,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAoB;AAAA,EAC/B,MAAM;AAAA,IACJ,IAAI;AAAA,MACF,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,WAAW;AAAA,MAAA;AAAA,MAEb,OAAO;AAAA,QACL,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,aAAa;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ;"}

package/dist/theme/recipes/datepicker.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@pandacss/dev"),t=require("@ark-ui/react"),e="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45NCAwLjUyOTk5OUw0IDMuNTgzMzNMNy4wNiAwLjUyOTk5OUw4IDEuNDdMNCA1LjQ3TDAgMS40N0wwLjk0IDAuNTI5OTk5WiIgZmlsbD0iIzFFM0E3NiIvPgo8L3N2Zz4K",i=r.defineSlotRecipe({className:"datepicker",slots:t.datePickerAnatomy.keys(),jsx:["DatePicker"],base:{clearTrigger:{mr:"space-4",cursor:"pointer"},root:{display:"flex",flexDirection:"column"},control:{display:"flex",flexDirection:"row",gap:"space-8",alignItems:"center"},viewControl:{display:"flex",justifyContent:"space-between",gap:"space-8",px:"space-16",pt:"space-8",background:"grey.50"},content:{background:"white",textStyle:"body.md",fontFamily:"satoshi",color:"grey.900",width:"304px",borderRadius:"radius-8",boxShadow:"0px 4px 20px 0px rgba(45, 42, 49, 0.1), 0px 4px 20px 0px rgba(45, 42, 49, 0.1)",inset:0,zIndex:"popover",_open:{animation:"fadeIn 0.25s ease-out"},_closed:{animation:"fadeOut 0.2s ease-out"}},monthSelect:{backgroundColor:"white",textTransform:"capitalize",borderRadius:"radius-8",border:"1px solid {colors.grey.100}",bg:"white",minWidth:"110px",py:"space-6",px:"space-4",appearance:"none",paddingRight:"30px",background:`url('${e}') no-repeat right 10px center`,_focus:{border:"1px solid {colors.primary.500}"}},yearSelect:{backgroundColor:"white",textTransform:"capitalize",borderRadius:"radius-8",border:"1px solid {colors.grey.100}",bg:"white",minWidth:"80px",py:"space-6",px:"space-4",appearance:"none",paddingRight:"30px",background:`url('${e}') no-repeat right 10px center`,_focus:{border:"1px solid {colors.primary.500}"}},prevTrigger:{cursor:"pointer","&:hover .default-icon":{display:"none"},"&:hover .hover-icon":{display:"block"},"& .hover-icon":{display:"none"}},table:{width:"100%"},tableHead:{fontStyle:"italic",background:"grey.50",fontSize:"10px",color:"grey.700",textTransform:"uppercase",boxShadow:"0px 1px 0px 0px {colors.grey.100}"},tableHeader:{py:"6px",width:"32px !important",height:"32px !important",fontWeight:300,"&:first-child":{paddingLeft:"16px"},"&:last-child":{paddingRight:"16px"}},tableCell:{textAlign:"center",verticalAlign:"middle",width:"32px !important",height:"32px !important",padding:"2px","&:first-child":{paddingLeft:"16px"},"&:last-child":{paddingRight:"16px"}},tableCellTrigger:{width:"32px!",height:"32px!",borderRadius:"radius-16",_disabled:{_hover:{bg:"none!",color:"grey.400!"},color:"grey.400",cursor:"not-allowed",userSelect:"none"},_hover:{bg:"primary.100",color:"blue.500"},_selected:{bg:"primary.500",color:"white",fontStyle:"italic"},"&[data-in-range]":{bg:"primary.100",_selected:{bg:"primary.500",color:"white",fontStyle:"italic"}},"&[data-today]":{color:"primary.500",fontWeight:700}},tableRow:{"&:first-child td":{paddingTop:"space-8"},"&:last-child td":{paddingBottom:"space-8"},px:"space-8",textAlign:"center"}}});exports.datepickerRecipe=i;
+//# sourceMappingURL=datepicker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.cjs","sources":["../../../src/theme/recipes/datepicker.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\nimport { datePickerAnatomy } from '@ark-ui/react'\n\nconst rightIconDataUri = `data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45NCAwLjUyOTk5OUw0IDMuNTgzMzNMNy4wNiAwLjUyOTk5OUw4IDEuNDdMNCA1LjQ3TDAgMS40N0wwLjk0IDAuNTI5OTk5WiIgZmlsbD0iIzFFM0E3NiIvPgo8L3N2Zz4K`\n\nexport const datepickerRecipe = defineSlotRecipe({\n  className: 'datepicker',\n  slots: datePickerAnatomy.keys(),\n  jsx: ['DatePicker'],\n  base: {\n    clearTrigger: {\n      mr: 'space-4',\n      cursor: 'pointer',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    control: {\n      display: 'flex',\n      flexDirection: 'row',\n      gap: 'space-8',\n      alignItems: 'center',\n    },\n    viewControl: {\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: 'space-8',\n      px: 'space-16',\n      pt: 'space-8',\n      background: 'grey.50',\n    },\n    content: {\n      background: 'white',\n      textStyle: 'body.md',\n      fontFamily: 'satoshi',\n      color: 'grey.900',\n      width: '304px',\n      borderRadius: 'radius-8',\n      boxShadow: '0px 4px 20px 0px rgba(45, 42, 49, 0.1), 0px 4px 20px 0px rgba(45, 42, 49, 0.1)',\n      inset: 0,\n      zIndex: 'popover',\n      _open: {\n        animation: 'fadeIn 0.25s ease-out',\n      },\n      _closed: {\n        animation: 'fadeOut 0.2s ease-out',\n      },\n    },\n    monthSelect: {\n      backgroundColor: 'white',\n      textTransform: 'capitalize',\n      borderRadius: 'radius-8',\n      border: '1px solid {colors.grey.100}',\n      bg: 'white',\n      minWidth: '110px',\n      py: 'space-6',\n      px: 'space-4',\n      appearance: 'none',\n      paddingRight: '30px',\n      background: `url('${rightIconDataUri}') no-repeat right 10px center`,\n      _focus: {\n        border: '1px solid {colors.primary.500}',\n      },\n    },\n    yearSelect: {\n      backgroundColor: 'white',\n      textTransform: 'capitalize',\n      borderRadius: 'radius-8',\n      border: '1px solid {colors.grey.100}',\n      bg: 'white',\n      minWidth: '80px',\n      py: 'space-6',\n      px: 'space-4',\n      appearance: 'none',\n      paddingRight: '30px',\n      background: `url('${rightIconDataUri}') no-repeat right 10px center`,\n      _focus: {\n        border: '1px solid {colors.primary.500}',\n      },\n    },\n    prevTrigger: {\n      cursor: 'pointer',\n      '&:hover .default-icon': {\n        display: 'none',\n      },\n      '&:hover .hover-icon': {\n        display: 'block',\n      },\n      '& .hover-icon': {\n        display: 'none',\n      },\n    },\n    table: {\n      width: '100%',\n    },\n    tableHead: {\n      fontStyle: 'italic',\n      background: 'grey.50',\n      fontSize: '10px',\n      color: 'grey.700',\n      textTransform: 'uppercase',\n      boxShadow: '0px 1px 0px 0px {colors.grey.100}',\n    },\n    tableHeader: {\n      py: '6px',\n      width: '32px !important',\n      height: '32px !important',\n      fontWeight: 300,\n      '&:first-child': {\n        paddingLeft: '16px',\n      },\n      '&:last-child': {\n        paddingRight: '16px',\n      },\n    },\n    tableCell: {\n      textAlign: 'center',\n      verticalAlign: 'middle',\n      width: '32px !important',\n      height: '32px !important',\n      padding: '2px',\n      '&:first-child': {\n        paddingLeft: '16px',\n      },\n      '&:last-child': {\n        paddingRight: '16px',\n      },\n    },\n    tableCellTrigger: {\n      width: '32px!',\n      height: '32px!',\n      borderRadius: 'radius-16',\n      _disabled: {\n        _hover: {\n          bg: 'none!',\n          color: 'grey.400!',\n        },\n        color: 'grey.400',\n        cursor: 'not-allowed',\n        userSelect: 'none',\n      },\n      _hover: {\n        bg: 'primary.100',\n        color: 'blue.500',\n      },\n      _selected: {\n        bg: 'primary.500',\n        color: 'white',\n        fontStyle: 'italic',\n      },\n      '&[data-in-range]': {\n        bg: 'primary.100',\n        _selected: {\n          bg: 'primary.500',\n          color: 'white',\n          fontStyle: 'italic',\n        },\n      },\n      '&[data-today]': {\n        color: 'primary.500',\n        fontWeight: 700,\n      },\n    },\n    tableRow: {\n      '&:first-child td': {\n        paddingTop: 'space-8',\n      },\n      '&:last-child td': {\n        paddingBottom: 'space-8',\n      },\n      px: 'space-8',\n      textAlign: 'center',\n    },\n  },\n})\n"],"names":["rightIconDataUri","datepickerRecipe","defineSlotRecipe","datePickerAnatomy"],"mappings":"yJAGMA,EAAmB,ySAEZC,EAAmBC,EAAAA,iBAAiB,CAC/C,UAAW,aACX,MAAOC,EAAAA,kBAAkB,KAAA,EACzB,IAAK,CAAC,YAAY,EAClB,KAAM,CACJ,aAAc,CACZ,GAAI,UACJ,OAAQ,SAAA,EAEV,KAAM,CACJ,QAAS,OACT,cAAe,QAAA,EAEjB,QAAS,CACP,QAAS,OACT,cAAe,MACf,IAAK,UACL,WAAY,QAAA,EAEd,YAAa,CACX,QAAS,OACT,eAAgB,gBAChB,IAAK,UACL,GAAI,WACJ,GAAI,UACJ,WAAY,SAAA,EAEd,QAAS,CACP,WAAY,QACZ,UAAW,UACX,WAAY,UACZ,MAAO,WACP,MAAO,QACP,aAAc,WACd,UAAW,iFACX,MAAO,EACP,OAAQ,UACR,MAAO,CACL,UAAW,uBAAA,EAEb,QAAS,CACP,UAAW,uBAAA,CACb,EAEF,YAAa,CACX,gBAAiB,QACjB,cAAe,aACf,aAAc,WACd,OAAQ,8BACR,GAAI,QACJ,SAAU,QACV,GAAI,UACJ,GAAI,UACJ,WAAY,OACZ,aAAc,OACd,WAAY,QAAQH,CAAgB,iCACpC,OAAQ,CACN,OAAQ,gCAAA,CACV,EAEF,WAAY,CACV,gBAAiB,QACjB,cAAe,aACf,aAAc,WACd,OAAQ,8BACR,GAAI,QACJ,SAAU,OACV,GAAI,UACJ,GAAI,UACJ,WAAY,OACZ,aAAc,OACd,WAAY,QAAQA,CAAgB,iCACpC,OAAQ,CACN,OAAQ,gCAAA,CACV,EAEF,YAAa,CACX,OAAQ,UACR,wBAAyB,CACvB,QAAS,MAAA,EAEX,sBAAuB,CACrB,QAAS,OAAA,EAEX,gBAAiB,CACf,QAAS,MAAA,CACX,EAEF,MAAO,CACL,MAAO,MAAA,EAET,UAAW,CACT,UAAW,SACX,WAAY,UACZ,SAAU,OACV,MAAO,WACP,cAAe,YACf,UAAW,mCAAA,EAEb,YAAa,CACX,GAAI,MACJ,MAAO,kBACP,OAAQ,kBACR,WAAY,IACZ,gBAAiB,CACf,YAAa,MAAA,EAEf,eAAgB,CACd,aAAc,MAAA,CAChB,EAEF,UAAW,CACT,UAAW,SACX,cAAe,SACf,MAAO,kBACP,OAAQ,kBACR,QAAS,MACT,gBAAiB,CACf,YAAa,MAAA,EAEf,eAAgB,CACd,aAAc,MAAA,CAChB,EAEF,iBAAkB,CAChB,MAAO,QACP,OAAQ,QACR,aAAc,YACd,UAAW,CACT,OAAQ,CACN,GAAI,QACJ,MAAO,WAAA,EAET,MAAO,WACP,OAAQ,cACR,WAAY,MAAA,EAEd,OAAQ,CACN,GAAI,cACJ,MAAO,UAAA,EAET,UAAW,CACT,GAAI,cACJ,MAAO,QACP,UAAW,QAAA,EAEb,mBAAoB,CAClB,GAAI,cACJ,UAAW,CACT,GAAI,cACJ,MAAO,QACP,UAAW,QAAA,CACb,EAEF,gBAAiB,CACf,MAAO,cACP,WAAY,GAAA,CACd,EAEF,SAAU,CACR,mBAAoB,CAClB,WAAY,SAAA,EAEd,kBAAmB,CACjB,cAAe,SAAA,EAEjB,GAAI,UACJ,UAAW,QAAA,CACb,CAEJ,CAAC"}

package/dist/theme/recipes/datepicker.js

@@ -0,0 +1,178 @@
+"use client";
+import { defineSlotRecipe as r } from "@pandacss/dev";
+import { datePickerAnatomy as i } from "@ark-ui/react";
+const e = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45NCAwLjUyOTk5OUw0IDMuNTgzMzNMNy4wNiAwLjUyOTk5OUw4IDEuNDdMNCA1LjQ3TDAgMS40N0wwLjk0IDAuNTI5OTk5WiIgZmlsbD0iIzFFM0E3NiIvPgo8L3N2Zz4K", a = r({
+  className: "datepicker",
+  slots: i.keys(),
+  jsx: ["DatePicker"],
+  base: {
+    clearTrigger: {
+      mr: "space-4",
+      cursor: "pointer"
+    },
+    root: {
+      display: "flex",
+      flexDirection: "column"
+    },
+    control: {
+      display: "flex",
+      flexDirection: "row",
+      gap: "space-8",
+      alignItems: "center"
+    },
+    viewControl: {
+      display: "flex",
+      justifyContent: "space-between",
+      gap: "space-8",
+      px: "space-16",
+      pt: "space-8",
+      background: "grey.50"
+    },
+    content: {
+      background: "white",
+      textStyle: "body.md",
+      fontFamily: "satoshi",
+      color: "grey.900",
+      width: "304px",
+      borderRadius: "radius-8",
+      boxShadow: "0px 4px 20px 0px rgba(45, 42, 49, 0.1), 0px 4px 20px 0px rgba(45, 42, 49, 0.1)",
+      inset: 0,
+      zIndex: "popover",
+      _open: {
+        animation: "fadeIn 0.25s ease-out"
+      },
+      _closed: {
+        animation: "fadeOut 0.2s ease-out"
+      }
+    },
+    monthSelect: {
+      backgroundColor: "white",
+      textTransform: "capitalize",
+      borderRadius: "radius-8",
+      border: "1px solid {colors.grey.100}",
+      bg: "white",
+      minWidth: "110px",
+      py: "space-6",
+      px: "space-4",
+      appearance: "none",
+      paddingRight: "30px",
+      background: `url('${e}') no-repeat right 10px center`,
+      _focus: {
+        border: "1px solid {colors.primary.500}"
+      }
+    },
+    yearSelect: {
+      backgroundColor: "white",
+      textTransform: "capitalize",
+      borderRadius: "radius-8",
+      border: "1px solid {colors.grey.100}",
+      bg: "white",
+      minWidth: "80px",
+      py: "space-6",
+      px: "space-4",
+      appearance: "none",
+      paddingRight: "30px",
+      background: `url('${e}') no-repeat right 10px center`,
+      _focus: {
+        border: "1px solid {colors.primary.500}"
+      }
+    },
+    prevTrigger: {
+      cursor: "pointer",
+      "&:hover .default-icon": {
+        display: "none"
+      },
+      "&:hover .hover-icon": {
+        display: "block"
+      },
+      "& .hover-icon": {
+        display: "none"
+      }
+    },
+    table: {
+      width: "100%"
+    },
+    tableHead: {
+      fontStyle: "italic",
+      background: "grey.50",
+      fontSize: "10px",
+      color: "grey.700",
+      textTransform: "uppercase",
+      boxShadow: "0px 1px 0px 0px {colors.grey.100}"
+    },
+    tableHeader: {
+      py: "6px",
+      width: "32px !important",
+      height: "32px !important",
+      fontWeight: 300,
+      "&:first-child": {
+        paddingLeft: "16px"
+      },
+      "&:last-child": {
+        paddingRight: "16px"
+      }
+    },
+    tableCell: {
+      textAlign: "center",
+      verticalAlign: "middle",
+      width: "32px !important",
+      height: "32px !important",
+      padding: "2px",
+      "&:first-child": {
+        paddingLeft: "16px"
+      },
+      "&:last-child": {
+        paddingRight: "16px"
+      }
+    },
+    tableCellTrigger: {
+      width: "32px!",
+      height: "32px!",
+      borderRadius: "radius-16",
+      _disabled: {
+        _hover: {
+          bg: "none!",
+          color: "grey.400!"
+        },
+        color: "grey.400",
+        cursor: "not-allowed",
+        userSelect: "none"
+      },
+      _hover: {
+        bg: "primary.100",
+        color: "blue.500"
+      },
+      _selected: {
+        bg: "primary.500",
+        color: "white",
+        fontStyle: "italic"
+      },
+      "&[data-in-range]": {
+        bg: "primary.100",
+        _selected: {
+          bg: "primary.500",
+          color: "white",
+          fontStyle: "italic"
+        }
+      },
+      "&[data-today]": {
+        color: "primary.500",
+        fontWeight: 700
+      }
+    },
+    tableRow: {
+      "&:first-child td": {
+        paddingTop: "space-8"
+      },
+      "&:last-child td": {
+        paddingBottom: "space-8"
+      },
+      px: "space-8",
+      textAlign: "center"
+    }
+  }
+});
+export {
+  a as datepickerRecipe
+};
+//# sourceMappingURL=datepicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.js","sources":["../../../src/theme/recipes/datepicker.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\nimport { datePickerAnatomy } from '@ark-ui/react'\n\nconst rightIconDataUri = `data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC45NCAwLjUyOTk5OUw0IDMuNTgzMzNMNy4wNiAwLjUyOTk5OUw4IDEuNDdMNCA1LjQ3TDAgMS40N0wwLjk0IDAuNTI5OTk5WiIgZmlsbD0iIzFFM0E3NiIvPgo8L3N2Zz4K`\n\nexport const datepickerRecipe = defineSlotRecipe({\n  className: 'datepicker',\n  slots: datePickerAnatomy.keys(),\n  jsx: ['DatePicker'],\n  base: {\n    clearTrigger: {\n      mr: 'space-4',\n      cursor: 'pointer',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    control: {\n      display: 'flex',\n      flexDirection: 'row',\n      gap: 'space-8',\n      alignItems: 'center',\n    },\n    viewControl: {\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: 'space-8',\n      px: 'space-16',\n      pt: 'space-8',\n      background: 'grey.50',\n    },\n    content: {\n      background: 'white',\n      textStyle: 'body.md',\n      fontFamily: 'satoshi',\n      color: 'grey.900',\n      width: '304px',\n      borderRadius: 'radius-8',\n      boxShadow: '0px 4px 20px 0px rgba(45, 42, 49, 0.1), 0px 4px 20px 0px rgba(45, 42, 49, 0.1)',\n      inset: 0,\n      zIndex: 'popover',\n      _open: {\n        animation: 'fadeIn 0.25s ease-out',\n      },\n      _closed: {\n        animation: 'fadeOut 0.2s ease-out',\n      },\n    },\n    monthSelect: {\n      backgroundColor: 'white',\n      textTransform: 'capitalize',\n      borderRadius: 'radius-8',\n      border: '1px solid {colors.grey.100}',\n      bg: 'white',\n      minWidth: '110px',\n      py: 'space-6',\n      px: 'space-4',\n      appearance: 'none',\n      paddingRight: '30px',\n      background: `url('${rightIconDataUri}') no-repeat right 10px center`,\n      _focus: {\n        border: '1px solid {colors.primary.500}',\n      },\n    },\n    yearSelect: {\n      backgroundColor: 'white',\n      textTransform: 'capitalize',\n      borderRadius: 'radius-8',\n      border: '1px solid {colors.grey.100}',\n      bg: 'white',\n      minWidth: '80px',\n      py: 'space-6',\n      px: 'space-4',\n      appearance: 'none',\n      paddingRight: '30px',\n      background: `url('${rightIconDataUri}') no-repeat right 10px center`,\n      _focus: {\n        border: '1px solid {colors.primary.500}',\n      },\n    },\n    prevTrigger: {\n      cursor: 'pointer',\n      '&:hover .default-icon': {\n        display: 'none',\n      },\n      '&:hover .hover-icon': {\n        display: 'block',\n      },\n      '& .hover-icon': {\n        display: 'none',\n      },\n    },\n    table: {\n      width: '100%',\n    },\n    tableHead: {\n      fontStyle: 'italic',\n      background: 'grey.50',\n      fontSize: '10px',\n      color: 'grey.700',\n      textTransform: 'uppercase',\n      boxShadow: '0px 1px 0px 0px {colors.grey.100}',\n    },\n    tableHeader: {\n      py: '6px',\n      width: '32px !important',\n      height: '32px !important',\n      fontWeight: 300,\n      '&:first-child': {\n        paddingLeft: '16px',\n      },\n      '&:last-child': {\n        paddingRight: '16px',\n      },\n    },\n    tableCell: {\n      textAlign: 'center',\n      verticalAlign: 'middle',\n      width: '32px !important',\n      height: '32px !important',\n      padding: '2px',\n      '&:first-child': {\n        paddingLeft: '16px',\n      },\n      '&:last-child': {\n        paddingRight: '16px',\n      },\n    },\n    tableCellTrigger: {\n      width: '32px!',\n      height: '32px!',\n      borderRadius: 'radius-16',\n      _disabled: {\n        _hover: {\n          bg: 'none!',\n          color: 'grey.400!',\n        },\n        color: 'grey.400',\n        cursor: 'not-allowed',\n        userSelect: 'none',\n      },\n      _hover: {\n        bg: 'primary.100',\n        color: 'blue.500',\n      },\n      _selected: {\n        bg: 'primary.500',\n        color: 'white',\n        fontStyle: 'italic',\n      },\n      '&[data-in-range]': {\n        bg: 'primary.100',\n        _selected: {\n          bg: 'primary.500',\n          color: 'white',\n          fontStyle: 'italic',\n        },\n      },\n      '&[data-today]': {\n        color: 'primary.500',\n        fontWeight: 700,\n      },\n    },\n    tableRow: {\n      '&:first-child td': {\n        paddingTop: 'space-8',\n      },\n      '&:last-child td': {\n        paddingBottom: 'space-8',\n      },\n      px: 'space-8',\n      textAlign: 'center',\n    },\n  },\n})\n"],"names":["rightIconDataUri","datepickerRecipe","defineSlotRecipe","datePickerAnatomy"],"mappings":"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"}

package/dist/theme/recipes/dialog.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),o=require("@pandacss/dev"),t=o.defineSlotRecipe({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.dialogAnatomy.keys(),"header","body","footer"]});exports.dialogRecipe=t;
+//# sourceMappingURL=dialog.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.cjs","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":"yJAGaA,EAAeC,EAAAA,iBAAiB,CAC3C,KAAM,CACJ,SAAU,CACR,eAAgB,YAChB,WAAY,iBACZ,SAAU,QACV,OAAQ,QACR,MAAO,EACP,MAAO,CACL,UAAW,aAAA,EAEb,QAAS,CACP,UAAW,cAAA,CACb,EAEF,QAAS,CACP,kBAAmB,OACnB,SAAU,WACV,8DAA+D,CAC7D,GAAI,UAAA,EAEN,+FAAgG,CAC9F,GAAI,+CACJ,uBAAwB,YACxB,wBAAyB,WAAA,EAE3B,QAAS,CACP,UAAW,YAAA,EAEb,MAAO,CACL,UAAW,WAAA,EAEb,UAAW,CACT,KAAM,WACN,GAAI,QAAA,EAEN,WAAY,UACZ,QAAS,OACT,cAAe,SACf,UAAW,OACX,KAAM,CACJ,KAAM,OACN,GAAI,OAAA,EAEN,KAAM,QACN,WAAY,CACV,QAAS,UAAA,EAEX,4CAA6C,CAC3C,oBAAqB,YACrB,qBAAsB,WAAA,EAExB,mEAAoE,CAClE,gCAAiC,CAC/B,uBAAwB,YACxB,wBAAyB,WAAA,CAC3B,EAEF,iEAAkE,CAChE,8BAA+B,CAC7B,uBAAwB,YACxB,wBAAyB,WAAA,CAC3B,EAEF,iEAAkE,CAChE,gCAAiC,CAC/B,uBAAwB,YACxB,wBAAyB,WAAA,CAC3B,EAEF,+FAAgG,CAC9F,2DAA4D,CAC1D,uBAAwB,YACxB,wBAAyB,WAAA,CAC3B,CACF,EAEF,OAAQ,CACN,gCAAiC,CAC/B,UAAW,aACX,GAAI,MAAA,EAEN,WAAY,aACZ,WAAY,SACZ,QAAS,OACT,cAAe,MACf,IAAK,WACL,GAAI,WACJ,GAAI,UAAA,EAEN,KAAM,CACJ,WAAY,aACZ,QAAS,OACT,KAAM,EACN,cAAe,SACf,UAAW,OACX,GAAI,WACJ,GAAI,WACJ,GAAI,8CAAA,EAEN,OAAQ,CACN,WAAY,aACZ,SAAU,WACV,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAI,WACJ,eAAgB,OAChB,aAAc,MACd,QAAS,OACT,cAAe,CACb,KAAM,iBACN,GAAI,KAAA,EAEN,IAAK,WACL,eAAgB,CACd,KAAM,UACN,GAAI,UAAA,EAEN,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,uBAAwB,YACxB,wBAAyB,WAAA,EAE3B,WAAY,CACV,WAAY,SACZ,QAAS,OACT,MAAO,EACP,eAAgB,SAChB,SAAU,OACV,EAAG,CACD,KAAM,UACN,GAAI,UAAA,EAEN,SAAU,QACV,OAAQ,OAAA,EAEV,MAAO,CACL,UAAW,aACX,MAAO,cACP,WAAY,SAAA,CACd,EAEF,UAAW,SACX,MAAO,CAAC,GAAGC,EAAAA,cAAc,OAAQ,SAAU,OAAQ,QAAQ,CAC7D,CAAC"}