@stokelp/ui 2.103.0 → 2.104.1

package/dist/theme/recipes/button-filter.js

@@ -1,63 +1,60 @@
 "use client";
 import { defineRecipe as e } from "@pandacss/dev";
-const r = e({
-  base: {
-    outline: "none",
-    alignItems: "center",
-    borderRadius: "radius-4",
-    padding: "space-14",
-    textStyle: "body.md",
-    display: "flex",
-    flexDirection: "row",
-    gap: "space-4",
-    justifyContent: "center",
-    transition: "color, background-color, border-color, opacity",
-    transitionDuration: "fast",
-    fontWeight: "bold",
-    fontFamily: "satoshi",
-    border: "2px solid",
-    cursor: {
-      base: "pointer",
-      _disabled: "not-allowed"
-    },
-    backgroundColor: {
-      base: "white",
-      _hover: "primary.100",
-      _disabled: "grey.50"
-    },
-    color: {
-      base: "grey.500",
-      _hover: "secondary.500",
-      _disabled: "grey.300"
-    },
-    borderColor: {
-      base: "grey.50",
-      _hover: "secondary.500",
-      _focusVisible: "secondary.500",
-      _active: "secondary.500",
-      _disabled: {
-        base: "grey.50",
-        _hover: "grey.50",
-        _active: "grey.50",
-        _focusVisible: "grey.50"
-      }
-    },
-    "& svg": {
-      color: "secondary.500",
-      width: "size-16",
-      height: "size-16"
-    },
-    _disabled: {
-      "& svg": {
-        color: "grey.400"
-      }
-    }
-  },
-  className: "button-filter",
-  description: "The styles for the ButtonFilter component",
-  jsx: ["ButtonFilter"]
+//#region src/theme/recipes/button-filter.ts
+var t = e({
+	base: {
+		outline: "none",
+		alignItems: "center",
+		borderRadius: "radius-4",
+		padding: "space-14",
+		textStyle: "body.md",
+		display: "flex",
+		flexDirection: "row",
+		gap: "space-4",
+		justifyContent: "center",
+		transition: "color, background-color, border-color, opacity",
+		transitionDuration: "fast",
+		fontWeight: "bold",
+		fontFamily: "satoshi",
+		border: "2px solid",
+		cursor: {
+			base: "pointer",
+			_disabled: "not-allowed"
+		},
+		backgroundColor: {
+			base: "white",
+			_hover: "primary.100",
+			_disabled: "grey.50"
+		},
+		color: {
+			base: "grey.500",
+			_hover: "secondary.500",
+			_disabled: "grey.300"
+		},
+		borderColor: {
+			base: "grey.50",
+			_hover: "secondary.500",
+			_focusVisible: "secondary.500",
+			_active: "secondary.500",
+			_disabled: {
+				base: "grey.50",
+				_hover: "grey.50",
+				_active: "grey.50",
+				_focusVisible: "grey.50"
+			}
+		},
+		"& svg": {
+			color: "secondary.500",
+			width: "size-16",
+			height: "size-16"
+		},
+		_disabled: { "& svg": { color: "grey.400" } }
+	},
+	className: "button-filter",
+	description: "The styles for the ButtonFilter component",
+	jsx: ["ButtonFilter"]
 });
-export {
-  r as buttonFilterRecipe
-};
-//# sourceMappingURL=button-filter.js.map
+//#endregion
+export { t as buttonFilterRecipe };
+
+//# sourceMappingURL=button-filter.js.map

package/dist/theme/recipes/button-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-filter.js","sources":["../../../src/theme/recipes/button-filter.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const buttonFilterRecipe = defineRecipe({\n  base: {\n    outline: 'none',\n    alignItems: 'center',\n    borderRadius: 'radius-4',\n    padding: 'space-14',\n    textStyle: 'body.md',\n    display: 'flex',\n    flexDirection: 'row',\n    gap: 'space-4',\n    justifyContent: 'center',\n    transition: 'color, background-color, border-color, opacity',\n    transitionDuration: 'fast',\n    fontWeight: 'bold',\n    fontFamily: 'satoshi',\n    border: '2px solid',\n    cursor: {\n      base: 'pointer',\n      _disabled: 'not-allowed',\n    },\n    backgroundColor: {\n      base: 'white',\n      _hover: 'primary.100',\n      _disabled: 'grey.50',\n    },\n    color: {\n      base: 'grey.500',\n      _hover: 'secondary.500',\n      _disabled: 'grey.300',\n    },\n    borderColor: {\n      base: 'grey.50',\n      _hover: 'secondary.500',\n      _focusVisible: 'secondary.500',\n      _active: 'secondary.500',\n      _disabled: {\n        base: 'grey.50',\n        _hover: 'grey.50',\n        _active: 'grey.50',\n        _focusVisible: 'grey.50',\n      },\n    },\n    '& svg': {\n      color: 'secondary.500',\n      width: 'size-16',\n      height: 'size-16',\n    },\n    _disabled: {\n      '& svg': {\n        color: 'grey.400',\n      },\n    },\n  },\n  className: 'button-filter',\n  description: 'The styles for the ButtonFilter component',\n  jsx: ['ButtonFilter'],\n})\n"],"names":["buttonFilterRecipe","defineRecipe"],"mappings":";;AAEO,MAAMA,IAAqBC,EAAa;AAAA,EAC7C,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,IAAA;AAAA,IAEb,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,WAAW;AAAA,IAAA;AAAA,IAEb,OAAO;AAAA,MACL,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,WAAW;AAAA,IAAA;AAAA,IAEb,aAAa;AAAA,MACX,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,IAEF,SAAS;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,IAEV,WAAW;AAAA,MACT,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,EACX,aAAa;AAAA,EACb,KAAK,CAAC,cAAc;AACtB,CAAC;"}
+{"version":3,"file":"button-filter.js","names":[],"sources":["../../../src/theme/recipes/button-filter.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const buttonFilterRecipe = defineRecipe({\n  base: {\n    outline: 'none',\n    alignItems: 'center',\n    borderRadius: 'radius-4',\n    padding: 'space-14',\n    textStyle: 'body.md',\n    display: 'flex',\n    flexDirection: 'row',\n    gap: 'space-4',\n    justifyContent: 'center',\n    transition: 'color, background-color, border-color, opacity',\n    transitionDuration: 'fast',\n    fontWeight: 'bold',\n    fontFamily: 'satoshi',\n    border: '2px solid',\n    cursor: {\n      base: 'pointer',\n      _disabled: 'not-allowed',\n    },\n    backgroundColor: {\n      base: 'white',\n      _hover: 'primary.100',\n      _disabled: 'grey.50',\n    },\n    color: {\n      base: 'grey.500',\n      _hover: 'secondary.500',\n      _disabled: 'grey.300',\n    },\n    borderColor: {\n      base: 'grey.50',\n      _hover: 'secondary.500',\n      _focusVisible: 'secondary.500',\n      _active: 'secondary.500',\n      _disabled: {\n        base: 'grey.50',\n        _hover: 'grey.50',\n        _active: 'grey.50',\n        _focusVisible: 'grey.50',\n      },\n    },\n    '& svg': {\n      color: 'secondary.500',\n      width: 'size-16',\n      height: 'size-16',\n    },\n    _disabled: {\n      '& svg': {\n        color: 'grey.400',\n      },\n    },\n  },\n  className: 'button-filter',\n  description: 'The styles for the ButtonFilter component',\n  jsx: ['ButtonFilter'],\n})\n"],"mappings":";;;AAEA,IAAa,IAAqB,EAAa;CAC7C,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,cAAc;EACd,SAAS;EACT,WAAW;EACX,SAAS;EACT,eAAe;EACf,KAAK;EACL,gBAAgB;EAChB,YAAY;EACZ,oBAAoB;EACpB,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,QAAQ;GACN,MAAM;GACN,WAAW;EACb;EACA,iBAAiB;GACf,MAAM;GACN,QAAQ;GACR,WAAW;EACb;EACA,OAAO;GACL,MAAM;GACN,QAAQ;GACR,WAAW;EACb;EACA,aAAa;GACX,MAAM;GACN,QAAQ;GACR,eAAe;GACf,SAAS;GACT,WAAW;IACT,MAAM;IACN,QAAQ;IACR,SAAS;IACT,eAAe;GACjB;EACF;EACA,SAAS;GACP,OAAO;GACP,OAAO;GACP,QAAQ;EACV;EACA,WAAW,EACT,SAAS,EACP,OAAO,WACT,EACF;CACF;CACA,WAAW;CACX,aAAa;CACb,KAAK,CAAC,cAAc;AACtB,CAAC"}

package/dist/theme/recipes/button.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),r=e.defineRecipe({base:{_focusVisible:{ring:"2px solid {colors.primary.200}",ringOffset:"space-2"},alignItems:"center",cursor:{_disabled:"not-allowed",base:"pointer"},opacity:{_disabled:.32},display:"flex",flexDirection:"row",gap:"space-4",justifyContent:"center",transition:"color, background-color, border-color, opacity",transitionDuration:"fast",fontWeight:"bold",fontFamily:"satoshi",borderRadius:{base:"radius-60",_liveQuoteTheme:"radius-8"}},className:"button",defaultVariants:{size:"lg",variant:"primary",severity:"none"},description:"The styles for the Button component",jsx:["Button"],variants:{size:{lg:{px:"space-20",py:"space-8",textStyle:"body.lg",borderWidth:"2px"},md:{px:"space-16",py:"space-6",textStyle:"body.md",borderWidth:"1px"},sm:{px:"space-12",py:"space-4",textStyle:"body.sm",borderWidth:"1px",borderRadius:{_liveQuoteTheme:"radius-4"}}},variant:{primary:{bg:{_disabled:{_hover:"primary.500",_active:"primary.500",base:"primary.500"},_active:"primary.800",_hover:"primary.600",base:"primary.500"},color:"white"},secondary:{bg:{_disabled:{_hover:"white",_active:"white",base:"white"},_active:"primary.600",_hover:"primary.500",base:"white"},color:{_disabled:{_hover:"primary.500",_active:"primary.500",base:"primary.500"},base:"primary.500",_hover:"white",_active:"white"},borderColor:"primary.500",borderStyle:"solid"},tertiary:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"primary.200",_hover:"primary.100",base:"transparent"},color:{_disabled:{_hover:"primary.500",_active:"primary.500",base:"primary.500"},base:"primary.500",_hover:"primary.600",_active:"primary.600"},borderWidth:"0px !important"}},severity:{none:{},danger:{},success:{}}},compoundVariants:[{variant:"primary",size:"sm",css:{minWidth:"80px"}},{variant:"primary",size:"md",css:{minWidth:"120px"}},{variant:"primary",size:"lg",css:{minWidth:"120px"}},{variant:"primary",severity:"danger",css:{bg:{_disabled:{_hover:"error.500",_active:"error.500",base:"error.500"},_active:"error.800",_hover:"error.700",base:"error.500"}}},{variant:"secondary",severity:"danger",css:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"error.700",_hover:"error.500",base:"transparent"},borderColor:{base:"error.500",_active:"error.700"},borderStyle:"solid",color:{_disabled:{_hover:"error.500",_active:"error.500",base:"error.500"},base:"error.500",_hover:"white",_active:"white"}}},{variant:"tertiary",severity:"danger",css:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"error.200",_hover:"error.100",base:"transparent"},color:{_disabled:{_hover:"error.500",_active:"error.500",base:"error.500"},base:"error.500",_hover:"error.700",_active:"error.700"}}},{variant:"primary",severity:"success",css:{bg:{_disabled:{_hover:"success.500",_active:"success.500",base:"success.500"},_active:"success.800",_hover:"success.700",base:"success.500"}}},{variant:"secondary",severity:"success",css:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"success.700",_hover:"success.500",base:"transparent"},borderColor:{base:"success.500",_active:"success.700"},borderStyle:"solid",color:{_disabled:{_hover:"success.500",_active:"success.500",base:"success.500"},base:"success.500",_hover:"white",_active:"white"}}},{variant:"tertiary",severity:"success",css:{bg:{_disabled:{_hover:"transparent",_active:"transparent",base:"transparent"},_active:"success.200",_hover:"success.100",base:"transparent"},color:{_disabled:{_hover:"success.500",_active:"success.500",base:"success.500"},base:"success.500",_hover:"success.700",_active:"success.700"}}}]});exports.buttonRecipe=r;
-//# sourceMappingURL=button.cjs.map
+"use client";var e=(0,require("@pandacss/dev").defineRecipe)({base:{_focusVisible:{ring:`2px solid {colors.primary.200}`,ringOffset:`space-2`},alignItems:`center`,cursor:{_disabled:`not-allowed`,base:`pointer`},opacity:{_disabled:.32},display:`flex`,flexDirection:`row`,gap:`space-4`,justifyContent:`center`,transition:`color, background-color, border-color, opacity`,transitionDuration:`fast`,fontWeight:`bold`,fontFamily:`satoshi`,borderRadius:{base:`radius-60`,_liveQuoteTheme:`radius-8`}},className:`button`,defaultVariants:{size:`lg`,variant:`primary`,severity:`none`},description:`The styles for the Button component`,jsx:[`Button`],variants:{size:{lg:{px:`space-20`,py:`space-8`,textStyle:`body.lg`,borderWidth:`2px`},md:{px:`space-16`,py:`space-6`,textStyle:`body.md`,borderWidth:`1px`},sm:{px:`space-12`,py:`space-4`,textStyle:`body.sm`,borderWidth:`1px`,borderRadius:{_liveQuoteTheme:`radius-4`}}},variant:{primary:{bg:{_disabled:{_hover:`primary.500`,_active:`primary.500`,base:`primary.500`},_active:`primary.800`,_hover:`primary.600`,base:`primary.500`},color:`white`},secondary:{bg:{_disabled:{_hover:`white`,_active:`white`,base:`white`},_active:`primary.600`,_hover:`primary.500`,base:`white`},color:{_disabled:{_hover:`primary.500`,_active:`primary.500`,base:`primary.500`},base:`primary.500`,_hover:`white`,_active:`white`},borderColor:`primary.500`,borderStyle:`solid`},tertiary:{bg:{_disabled:{_hover:`transparent`,_active:`transparent`,base:`transparent`},_active:`primary.200`,_hover:`primary.100`,base:`transparent`},color:{_disabled:{_hover:`primary.500`,_active:`primary.500`,base:`primary.500`},base:`primary.500`,_hover:`primary.600`,_active:`primary.600`},borderWidth:`0px !important`}},severity:{none:{},danger:{},success:{}}},compoundVariants:[{variant:`primary`,size:`sm`,css:{minWidth:`80px`}},{variant:`primary`,size:`md`,css:{minWidth:`120px`}},{variant:`primary`,size:`lg`,css:{minWidth:`120px`}},{variant:`primary`,severity:`danger`,css:{bg:{_disabled:{_hover:`error.500`,_active:`error.500`,base:`error.500`},_active:`error.800`,_hover:`error.700`,base:`error.500`}}},{variant:`secondary`,severity:`danger`,css:{bg:{_disabled:{_hover:`transparent`,_active:`transparent`,base:`transparent`},_active:`error.700`,_hover:`error.500`,base:`transparent`},borderColor:{base:`error.500`,_active:`error.700`},borderStyle:`solid`,color:{_disabled:{_hover:`error.500`,_active:`error.500`,base:`error.500`},base:`error.500`,_hover:`white`,_active:`white`}}},{variant:`tertiary`,severity:`danger`,css:{bg:{_disabled:{_hover:`transparent`,_active:`transparent`,base:`transparent`},_active:`error.200`,_hover:`error.100`,base:`transparent`},color:{_disabled:{_hover:`error.500`,_active:`error.500`,base:`error.500`},base:`error.500`,_hover:`error.700`,_active:`error.700`}}},{variant:`primary`,severity:`success`,css:{bg:{_disabled:{_hover:`success.500`,_active:`success.500`,base:`success.500`},_active:`success.800`,_hover:`success.700`,base:`success.500`}}},{variant:`secondary`,severity:`success`,css:{bg:{_disabled:{_hover:`transparent`,_active:`transparent`,base:`transparent`},_active:`success.700`,_hover:`success.500`,base:`transparent`},borderColor:{base:`success.500`,_active:`success.700`},borderStyle:`solid`,color:{_disabled:{_hover:`success.500`,_active:`success.500`,base:`success.500`},base:`success.500`,_hover:`white`,_active:`white`}}},{variant:`tertiary`,severity:`success`,css:{bg:{_disabled:{_hover:`transparent`,_active:`transparent`,base:`transparent`},_active:`success.200`,_hover:`success.100`,base:`transparent`},color:{_disabled:{_hover:`success.500`,_active:`success.500`,base:`success.500`},base:`success.500`,_hover:`success.700`,_active:`success.700`}}}]});exports.buttonRecipe=e;
+//# sourceMappingURL=button.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.cjs","sources":["../../../src/theme/recipes/button.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const buttonRecipe = defineRecipe({\n  base: {\n    _focusVisible: {\n      ring: '2px solid {colors.primary.200}',\n      ringOffset: 'space-2',\n    },\n    alignItems: 'center',\n    cursor: {\n      _disabled: 'not-allowed',\n      base: 'pointer',\n    },\n    opacity: {\n      _disabled: 0.32,\n    },\n    display: 'flex',\n    flexDirection: 'row',\n    gap: 'space-4',\n    justifyContent: 'center',\n    transition: 'color, background-color, border-color, opacity',\n    transitionDuration: 'fast',\n    fontWeight: 'bold',\n    fontFamily: 'satoshi',\n    borderRadius: { base: 'radius-60', _liveQuoteTheme: 'radius-8' },\n  },\n  className: 'button',\n  defaultVariants: {\n    size: 'lg',\n    variant: 'primary',\n    severity: 'none',\n  },\n  description: 'The styles for the Button component',\n  jsx: ['Button'],\n  variants: {\n    size: {\n      lg: {\n        px: 'space-20',\n        py: 'space-8',\n        textStyle: 'body.lg',\n        borderWidth: '2px',\n      },\n      md: {\n        px: 'space-16',\n        py: 'space-6',\n        textStyle: 'body.md',\n        borderWidth: '1px',\n      },\n      sm: {\n        px: 'space-12',\n        py: 'space-4',\n        textStyle: 'body.sm',\n        borderWidth: '1px',\n        borderRadius: { _liveQuoteTheme: 'radius-4' },\n      },\n    },\n    variant: {\n      primary: {\n        bg: {\n          _disabled: {\n            _hover: 'primary.500',\n            _active: 'primary.500',\n            base: 'primary.500',\n          },\n          _active: 'primary.800',\n          _hover: 'primary.600',\n          base: 'primary.500',\n        },\n        color: 'white',\n      },\n      secondary: {\n        bg: {\n          _disabled: {\n            _hover: 'white',\n            _active: 'white',\n            base: 'white',\n          },\n          _active: 'primary.600',\n          _hover: 'primary.500',\n          base: 'white',\n        },\n        color: {\n          _disabled: {\n            _hover: 'primary.500',\n            _active: 'primary.500',\n            base: 'primary.500',\n          },\n          base: 'primary.500',\n          _hover: 'white',\n          _active: 'white',\n        },\n        borderColor: 'primary.500',\n        borderStyle: 'solid',\n      },\n      tertiary: {\n        bg: {\n          _disabled: {\n            _hover: 'transparent',\n            _active: 'transparent',\n            base: 'transparent',\n          },\n          _active: 'primary.200',\n          _hover: 'primary.100',\n          base: 'transparent',\n        },\n        color: {\n          _disabled: {\n            _hover: 'primary.500',\n            _active: 'primary.500',\n            base: 'primary.500',\n          },\n          base: 'primary.500',\n          _hover: 'primary.600',\n          _active: 'primary.600',\n        },\n        borderWidth: '0px !important',\n      },\n    },\n    severity: {\n      none: {},\n      danger: {},\n      success: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'primary',\n      size: 'sm',\n      css: {\n        minWidth: '80px',\n      },\n    },\n    {\n      variant: 'primary',\n      size: 'md',\n      css: {\n        minWidth: '120px',\n      },\n    },\n    {\n      variant: 'primary',\n      size: 'lg',\n      css: {\n        minWidth: '120px',\n      },\n    },\n    {\n      variant: 'primary',\n      severity: 'danger',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'error.500',\n            _active: 'error.500',\n            base: 'error.500',\n          },\n          _active: 'error.800',\n          _hover: 'error.700',\n          base: 'error.500',\n        },\n      },\n    },\n    {\n      variant: 'secondary',\n      severity: 'danger',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'transparent',\n            _active: 'transparent',\n            base: 'transparent',\n          },\n          _active: 'error.700',\n          _hover: 'error.500',\n          base: 'transparent',\n        },\n        borderColor: {\n          base: 'error.500',\n          _active: 'error.700',\n        },\n        borderStyle: 'solid',\n        color: {\n          _disabled: {\n            _hover: 'error.500',\n            _active: 'error.500',\n            base: 'error.500',\n          },\n          base: 'error.500',\n          _hover: 'white',\n          _active: 'white',\n        },\n      },\n    },\n    {\n      variant: 'tertiary',\n      severity: 'danger',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'transparent',\n            _active: 'transparent',\n            base: 'transparent',\n          },\n          _active: 'error.200',\n          _hover: 'error.100',\n          base: 'transparent',\n        },\n        color: {\n          _disabled: {\n            _hover: 'error.500',\n            _active: 'error.500',\n            base: 'error.500',\n          },\n          base: 'error.500',\n          _hover: 'error.700',\n          _active: 'error.700',\n        },\n      },\n    },\n    {\n      variant: 'primary',\n      severity: 'success',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'success.500',\n            _active: 'success.500',\n            base: 'success.500',\n          },\n          _active: 'success.800',\n          _hover: 'success.700',\n          base: 'success.500',\n        },\n      },\n    },\n    {\n      variant: 'secondary',\n      severity: 'success',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'transparent',\n            _active: 'transparent',\n            base: 'transparent',\n          },\n          _active: 'success.700',\n          _hover: 'success.500',\n          base: 'transparent',\n        },\n        borderColor: {\n          base: 'success.500',\n          _active: 'success.700',\n        },\n        borderStyle: 'solid',\n        color: {\n          _disabled: {\n            _hover: 'success.500',\n            _active: 'success.500',\n            base: 'success.500',\n          },\n          base: 'success.500',\n          _hover: 'white',\n          _active: 'white',\n        },\n      },\n    },\n    {\n      variant: 'tertiary',\n      severity: 'success',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'transparent',\n            _active: 'transparent',\n            base: 'transparent',\n          },\n          _active: 'success.200',\n          _hover: 'success.100',\n          base: 'transparent',\n        },\n        color: {\n          _disabled: {\n            _hover: 'success.500',\n            _active: 'success.500',\n            base: 'success.500',\n          },\n          base: 'success.500',\n          _hover: 'success.700',\n          _active: 'success.700',\n        },\n      },\n    },\n  ],\n})\n"],"names":["buttonRecipe","defineRecipe"],"mappings":"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"}
+{"version":3,"file":"button.cjs","names":[],"sources":["../../../src/theme/recipes/button.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const buttonRecipe = defineRecipe({\n  base: {\n    _focusVisible: {\n      ring: '2px solid {colors.primary.200}',\n      ringOffset: 'space-2',\n    },\n    alignItems: 'center',\n    cursor: {\n      _disabled: 'not-allowed',\n      base: 'pointer',\n    },\n    opacity: {\n      _disabled: 0.32,\n    },\n    display: 'flex',\n    flexDirection: 'row',\n    gap: 'space-4',\n    justifyContent: 'center',\n    transition: 'color, background-color, border-color, opacity',\n    transitionDuration: 'fast',\n    fontWeight: 'bold',\n    fontFamily: 'satoshi',\n    borderRadius: { base: 'radius-60', _liveQuoteTheme: 'radius-8' },\n  },\n  className: 'button',\n  defaultVariants: {\n    size: 'lg',\n    variant: 'primary',\n    severity: 'none',\n  },\n  description: 'The styles for the Button component',\n  jsx: ['Button'],\n  variants: {\n    size: {\n      lg: {\n        px: 'space-20',\n        py: 'space-8',\n        textStyle: 'body.lg',\n        borderWidth: '2px',\n      },\n      md: {\n        px: 'space-16',\n        py: 'space-6',\n        textStyle: 'body.md',\n        borderWidth: '1px',\n      },\n      sm: {\n        px: 'space-12',\n        py: 'space-4',\n        textStyle: 'body.sm',\n        borderWidth: '1px',\n        borderRadius: { _liveQuoteTheme: 'radius-4' },\n      },\n    },\n    variant: {\n      primary: {\n        bg: {\n          _disabled: {\n            _hover: 'primary.500',\n            _active: 'primary.500',\n            base: 'primary.500',\n          },\n          _active: 'primary.800',\n          _hover: 'primary.600',\n          base: 'primary.500',\n        },\n        color: 'white',\n      },\n      secondary: {\n        bg: {\n          _disabled: {\n            _hover: 'white',\n            _active: 'white',\n            base: 'white',\n          },\n          _active: 'primary.600',\n          _hover: 'primary.500',\n          base: 'white',\n        },\n        color: {\n          _disabled: {\n            _hover: 'primary.500',\n            _active: 'primary.500',\n            base: 'primary.500',\n          },\n          base: 'primary.500',\n          _hover: 'white',\n          _active: 'white',\n        },\n        borderColor: 'primary.500',\n        borderStyle: 'solid',\n      },\n      tertiary: {\n        bg: {\n          _disabled: {\n            _hover: 'transparent',\n            _active: 'transparent',\n            base: 'transparent',\n          },\n          _active: 'primary.200',\n          _hover: 'primary.100',\n          base: 'transparent',\n        },\n        color: {\n          _disabled: {\n            _hover: 'primary.500',\n            _active: 'primary.500',\n            base: 'primary.500',\n          },\n          base: 'primary.500',\n          _hover: 'primary.600',\n          _active: 'primary.600',\n        },\n        borderWidth: '0px !important',\n      },\n    },\n    severity: {\n      none: {},\n      danger: {},\n      success: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'primary',\n      size: 'sm',\n      css: {\n        minWidth: '80px',\n      },\n    },\n    {\n      variant: 'primary',\n      size: 'md',\n      css: {\n        minWidth: '120px',\n      },\n    },\n    {\n      variant: 'primary',\n      size: 'lg',\n      css: {\n        minWidth: '120px',\n      },\n    },\n    {\n      variant: 'primary',\n      severity: 'danger',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'error.500',\n            _active: 'error.500',\n            base: 'error.500',\n          },\n          _active: 'error.800',\n          _hover: 'error.700',\n          base: 'error.500',\n        },\n      },\n    },\n    {\n      variant: 'secondary',\n      severity: 'danger',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'transparent',\n            _active: 'transparent',\n            base: 'transparent',\n          },\n          _active: 'error.700',\n          _hover: 'error.500',\n          base: 'transparent',\n        },\n        borderColor: {\n          base: 'error.500',\n          _active: 'error.700',\n        },\n        borderStyle: 'solid',\n        color: {\n          _disabled: {\n            _hover: 'error.500',\n            _active: 'error.500',\n            base: 'error.500',\n          },\n          base: 'error.500',\n          _hover: 'white',\n          _active: 'white',\n        },\n      },\n    },\n    {\n      variant: 'tertiary',\n      severity: 'danger',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'transparent',\n            _active: 'transparent',\n            base: 'transparent',\n          },\n          _active: 'error.200',\n          _hover: 'error.100',\n          base: 'transparent',\n        },\n        color: {\n          _disabled: {\n            _hover: 'error.500',\n            _active: 'error.500',\n            base: 'error.500',\n          },\n          base: 'error.500',\n          _hover: 'error.700',\n          _active: 'error.700',\n        },\n      },\n    },\n    {\n      variant: 'primary',\n      severity: 'success',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'success.500',\n            _active: 'success.500',\n            base: 'success.500',\n          },\n          _active: 'success.800',\n          _hover: 'success.700',\n          base: 'success.500',\n        },\n      },\n    },\n    {\n      variant: 'secondary',\n      severity: 'success',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'transparent',\n            _active: 'transparent',\n            base: 'transparent',\n          },\n          _active: 'success.700',\n          _hover: 'success.500',\n          base: 'transparent',\n        },\n        borderColor: {\n          base: 'success.500',\n          _active: 'success.700',\n        },\n        borderStyle: 'solid',\n        color: {\n          _disabled: {\n            _hover: 'success.500',\n            _active: 'success.500',\n            base: 'success.500',\n          },\n          base: 'success.500',\n          _hover: 'white',\n          _active: 'white',\n        },\n      },\n    },\n    {\n      variant: 'tertiary',\n      severity: 'success',\n      css: {\n        bg: {\n          _disabled: {\n            _hover: 'transparent',\n            _active: 'transparent',\n            base: 'transparent',\n          },\n          _active: 'success.200',\n          _hover: 'success.100',\n          base: 'transparent',\n        },\n        color: {\n          _disabled: {\n            _hover: 'success.500',\n            _active: 'success.500',\n            base: 'success.500',\n          },\n          base: 'success.500',\n          _hover: 'success.700',\n          _active: 'success.700',\n        },\n      },\n    },\n  ],\n})\n"],"mappings":"aAEA,IAAa,GAAA,yBAAA,EAAA,cAA4B,CACvC,KAAM,CACJ,cAAe,CACb,KAAM,iCACN,WAAY,SACd,EACA,WAAY,SACZ,OAAQ,CACN,UAAW,cACX,KAAM,SACR,EACA,QAAS,CACP,UAAW,GACb,EACA,QAAS,OACT,cAAe,MACf,IAAK,UACL,eAAgB,SAChB,WAAY,iDACZ,mBAAoB,OACpB,WAAY,OACZ,WAAY,UACZ,aAAc,CAAE,KAAM,YAAa,gBAAiB,UAAW,CACjE,EACA,UAAW,SACX,gBAAiB,CACf,KAAM,KACN,QAAS,UACT,SAAU,MACZ,EACA,YAAa,sCACb,IAAK,CAAC,QAAQ,EACd,SAAU,CACR,KAAM,CACJ,GAAI,CACF,GAAI,WACJ,GAAI,UACJ,UAAW,UACX,YAAa,KACf,EACA,GAAI,CACF,GAAI,WACJ,GAAI,UACJ,UAAW,UACX,YAAa,KACf,EACA,GAAI,CACF,GAAI,WACJ,GAAI,UACJ,UAAW,UACX,YAAa,MACb,aAAc,CAAE,gBAAiB,UAAW,CAC9C,CACF,EACA,QAAS,CACP,QAAS,CACP,GAAI,CACF,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,QAAS,cACT,OAAQ,cACR,KAAM,aACR,EACA,MAAO,OACT,EACA,UAAW,CACT,GAAI,CACF,UAAW,CACT,OAAQ,QACR,QAAS,QACT,KAAM,OACR,EACA,QAAS,cACT,OAAQ,cACR,KAAM,OACR,EACA,MAAO,CACL,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,KAAM,cACN,OAAQ,QACR,QAAS,OACX,EACA,YAAa,cACb,YAAa,OACf,EACA,SAAU,CACR,GAAI,CACF,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,QAAS,cACT,OAAQ,cACR,KAAM,aACR,EACA,MAAO,CACL,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,KAAM,cACN,OAAQ,cACR,QAAS,aACX,EACA,YAAa,gBACf,CACF,EACA,SAAU,CACR,KAAM,CAAC,EACP,OAAQ,CAAC,EACT,QAAS,CAAC,CACZ,CACF,EACA,iBAAkB,CAChB,CACE,QAAS,UACT,KAAM,KACN,IAAK,CACH,SAAU,MACZ,CACF,EACA,CACE,QAAS,UACT,KAAM,KACN,IAAK,CACH,SAAU,OACZ,CACF,EACA,CACE,QAAS,UACT,KAAM,KACN,IAAK,CACH,SAAU,OACZ,CACF,EACA,CACE,QAAS,UACT,SAAU,SACV,IAAK,CACH,GAAI,CACF,UAAW,CACT,OAAQ,YACR,QAAS,YACT,KAAM,WACR,EACA,QAAS,YACT,OAAQ,YACR,KAAM,WACR,CACF,CACF,EACA,CACE,QAAS,YACT,SAAU,SACV,IAAK,CACH,GAAI,CACF,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,QAAS,YACT,OAAQ,YACR,KAAM,aACR,EACA,YAAa,CACX,KAAM,YACN,QAAS,WACX,EACA,YAAa,QACb,MAAO,CACL,UAAW,CACT,OAAQ,YACR,QAAS,YACT,KAAM,WACR,EACA,KAAM,YACN,OAAQ,QACR,QAAS,OACX,CACF,CACF,EACA,CACE,QAAS,WACT,SAAU,SACV,IAAK,CACH,GAAI,CACF,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,QAAS,YACT,OAAQ,YACR,KAAM,aACR,EACA,MAAO,CACL,UAAW,CACT,OAAQ,YACR,QAAS,YACT,KAAM,WACR,EACA,KAAM,YACN,OAAQ,YACR,QAAS,WACX,CACF,CACF,EACA,CACE,QAAS,UACT,SAAU,UACV,IAAK,CACH,GAAI,CACF,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,QAAS,cACT,OAAQ,cACR,KAAM,aACR,CACF,CACF,EACA,CACE,QAAS,YACT,SAAU,UACV,IAAK,CACH,GAAI,CACF,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,QAAS,cACT,OAAQ,cACR,KAAM,aACR,EACA,YAAa,CACX,KAAM,cACN,QAAS,aACX,EACA,YAAa,QACb,MAAO,CACL,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,KAAM,cACN,OAAQ,QACR,QAAS,OACX,CACF,CACF,EACA,CACE,QAAS,WACT,SAAU,UACV,IAAK,CACH,GAAI,CACF,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,QAAS,cACT,OAAQ,cACR,KAAM,aACR,EACA,MAAO,CACL,UAAW,CACT,OAAQ,cACR,QAAS,cACT,KAAM,aACR,EACA,KAAM,cACN,OAAQ,cACR,QAAS,aACX,CACF,CACF,CACF,CACF,CAAC"}

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

@@ -1,2 +1,2 @@
-import { RecipeConfig, RecipeVariantRecord } from '@pandacss/types';
+import { RecipeConfig, RecipeVariantRecord } from '@pandacss/dev';
 export declare const buttonRecipe: RecipeConfig<RecipeVariantRecord>;