@stokelp/ui 2.102.0 → 2.104.0

package/dist/theme/recipes/button.js

@@ -1,298 +1,290 @@
 "use client";
 import { defineRecipe as e } from "@pandacss/dev";
-const s = e({
-  base: {
-    _focusVisible: {
-      ring: "2px solid {colors.primary.200}",
-      ringOffset: "space-2"
-    },
-    alignItems: "center",
-    cursor: {
-      _disabled: "not-allowed",
-      base: "pointer"
-    },
-    opacity: {
-      _disabled: 0.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"
-        }
-      }
-    }
-  ]
+//#region src/theme/recipes/button.ts
+var t = e({
+	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"
+				}
+			}
+		}
+	]
 });
-export {
-  s as buttonRecipe
-};
-//# sourceMappingURL=button.js.map
+//#endregion
+export { t as buttonRecipe };
+
+//# sourceMappingURL=button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","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":";;AAEO,MAAMA,IAAeC,EAAa;AAAA,EACvC,MAAM;AAAA,IACJ,eAAe;AAAA,MACb,MAAM;AAAA,MACN,YAAY;AAAA,IAAA;AAAA,IAEd,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,MAAM;AAAA,IAAA;AAAA,IAER,SAAS;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,IAEb,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc,EAAE,MAAM,aAAa,iBAAiB,WAAA;AAAA,EAAW;AAAA,EAEjE,WAAW;AAAA,EACX,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,aAAa;AAAA,EACb,KAAK,CAAC,QAAQ;AAAA,EACd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEf,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEf,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,QACX,aAAa;AAAA,QACb,cAAc,EAAE,iBAAiB,WAAA;AAAA,MAAW;AAAA,IAC9C;AAAA,IAEF,SAAS;AAAA,MACP,SAAS;AAAA,QACP,IAAI;AAAA,UACF,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,MAAM;AAAA,QAAA;AAAA,QAER,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,IAAI;AAAA,UACF,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,MAAM;AAAA,QAAA;AAAA,QAER,OAAO;AAAA,UACL,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEX,aAAa;AAAA,QACb,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACR,IAAI;AAAA,UACF,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,MAAM;AAAA,QAAA;AAAA,QAER,OAAO;AAAA,UACL,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEX,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,IAEF,UAAU;AAAA,MACR,MAAM,CAAA;AAAA,MACN,QAAQ,CAAA;AAAA,MACR,SAAS,CAAA;AAAA,IAAC;AAAA,EACZ;AAAA,EAEF,kBAAkB;AAAA,IAChB;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,QACH,IAAI;AAAA,UACF,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,IAEF;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,QACH,IAAI;AAAA,UACF,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,MAAM;AAAA,QAAA;AAAA,QAER,aAAa;AAAA,UACX,MAAM;AAAA,UACN,SAAS;AAAA,QAAA;AAAA,QAEX,aAAa;AAAA,QACb,OAAO;AAAA,UACL,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,IAEF;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,QACH,IAAI;AAAA,UACF,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,MAAM;AAAA,QAAA;AAAA,QAER,OAAO;AAAA,UACL,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,IAEF;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,QACH,IAAI;AAAA,UACF,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,IAEF;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,QACH,IAAI;AAAA,UACF,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,MAAM;AAAA,QAAA;AAAA,QAER,aAAa;AAAA,UACX,MAAM;AAAA,UACN,SAAS;AAAA,QAAA;AAAA,QAEX,aAAa;AAAA,QACb,OAAO;AAAA,UACL,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,IAEF;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,QACH,IAAI;AAAA,UACF,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,MAAM;AAAA,QAAA;AAAA,QAER,OAAO;AAAA,UACL,WAAW;AAAA,YACT,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,UAER,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;"}
+{"version":3,"file":"button.js","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,IAAe,EAAa;CACvC,MAAM;EACJ,eAAe;GACb,MAAM;GACN,YAAY;EACd;EACA,YAAY;EACZ,QAAQ;GACN,WAAW;GACX,MAAM;EACR;EACA,SAAS,EACP,WAAW,IACb;EACA,SAAS;EACT,eAAe;EACf,KAAK;EACL,gBAAgB;EAChB,YAAY;EACZ,oBAAoB;EACpB,YAAY;EACZ,YAAY;EACZ,cAAc;GAAE,MAAM;GAAa,iBAAiB;EAAW;CACjE;CACA,WAAW;CACX,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,UAAU;CACZ;CACA,aAAa;CACb,KAAK,CAAC,QAAQ;CACd,UAAU;EACR,MAAM;GACJ,IAAI;IACF,IAAI;IACJ,IAAI;IACJ,WAAW;IACX,aAAa;GACf;GACA,IAAI;IACF,IAAI;IACJ,IAAI;IACJ,WAAW;IACX,aAAa;GACf;GACA,IAAI;IACF,IAAI;IACJ,IAAI;IACJ,WAAW;IACX,aAAa;IACb,cAAc,EAAE,iBAAiB,WAAW;GAC9C;EACF;EACA,SAAS;GACP,SAAS;IACP,IAAI;KACF,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,SAAS;KACT,QAAQ;KACR,MAAM;IACR;IACA,OAAO;GACT;GACA,WAAW;IACT,IAAI;KACF,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,SAAS;KACT,QAAQ;KACR,MAAM;IACR;IACA,OAAO;KACL,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,MAAM;KACN,QAAQ;KACR,SAAS;IACX;IACA,aAAa;IACb,aAAa;GACf;GACA,UAAU;IACR,IAAI;KACF,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,SAAS;KACT,QAAQ;KACR,MAAM;IACR;IACA,OAAO;KACL,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,MAAM;KACN,QAAQ;KACR,SAAS;IACX;IACA,aAAa;GACf;EACF;EACA,UAAU;GACR,MAAM,CAAC;GACP,QAAQ,CAAC;GACT,SAAS,CAAC;EACZ;CACF;CACA,kBAAkB;EAChB;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,UAAU,OACZ;EACF;EACA;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,UAAU,QACZ;EACF;EACA;GACE,SAAS;GACT,MAAM;GACN,KAAK,EACH,UAAU,QACZ;EACF;EACA;GACE,SAAS;GACT,UAAU;GACV,KAAK,EACH,IAAI;IACF,WAAW;KACT,QAAQ;KACR,SAAS;KACT,MAAM;IACR;IACA,SAAS;IACT,QAAQ;IACR,MAAM;GACR,EACF;EACF;EACA;GACE,SAAS;GACT,UAAU;GACV,KAAK;IACH,IAAI;KACF,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,SAAS;KACT,QAAQ;KACR,MAAM;IACR;IACA,aAAa;KACX,MAAM;KACN,SAAS;IACX;IACA,aAAa;IACb,OAAO;KACL,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,MAAM;KACN,QAAQ;KACR,SAAS;IACX;GACF;EACF;EACA;GACE,SAAS;GACT,UAAU;GACV,KAAK;IACH,IAAI;KACF,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,SAAS;KACT,QAAQ;KACR,MAAM;IACR;IACA,OAAO;KACL,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,MAAM;KACN,QAAQ;KACR,SAAS;IACX;GACF;EACF;EACA;GACE,SAAS;GACT,UAAU;GACV,KAAK,EACH,IAAI;IACF,WAAW;KACT,QAAQ;KACR,SAAS;KACT,MAAM;IACR;IACA,SAAS;IACT,QAAQ;IACR,MAAM;GACR,EACF;EACF;EACA;GACE,SAAS;GACT,UAAU;GACV,KAAK;IACH,IAAI;KACF,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,SAAS;KACT,QAAQ;KACR,MAAM;IACR;IACA,aAAa;KACX,MAAM;KACN,SAAS;IACX;IACA,aAAa;IACb,OAAO;KACL,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,MAAM;KACN,QAAQ;KACR,SAAS;IACX;GACF;EACF;EACA;GACE,SAAS;GACT,UAAU;GACV,KAAK;IACH,IAAI;KACF,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,SAAS;KACT,QAAQ;KACR,MAAM;IACR;IACA,OAAO;KACL,WAAW;MACT,QAAQ;MACR,SAAS;MACT,MAAM;KACR;KACA,MAAM;KACN,QAAQ;KACR,SAAS;IACX;GACF;EACF;CACF;AACF,CAAC"}

package/dist/theme/recipes/chat/chat-document-message.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),o=e.defineRecipe({base:{minWidth:300,maxWidth:"100%",bg:"white",outline:"none",cursor:"pointer",border:"1px solid",borderColor:{_disabled:{base:"primary.100",_hover:"primary.100"},base:"primary.100",_hover:"secondary.500"},p:"space-16",borderRadius:"radius-8",gap:"space-8",justifyContent:"space-between",userSelect:"none",transitionProperty:"border-color, box-shadow",transitionDuration:"fast",_disabled:{pointerEvents:"none",'& [data-recipe-slot="title"]':{color:"grey.300!"},'& [data-recipe-slot="description"]':{color:"grey.300!"},'& [data-recipe-slot="icon"]':{color:"grey.300!"}}},jsx:["ChatDocumentMessage"],className:"chat-document-message",description:"The styles for the Chat document message component"});exports.chatDocumentMessageRecipe=o;
-//# sourceMappingURL=chat-document-message.cjs.map
+"use client";var e=(0,require("@pandacss/dev").defineRecipe)({base:{minWidth:300,maxWidth:`100%`,bg:`white`,outline:`none`,cursor:`pointer`,border:`1px solid`,borderColor:{_disabled:{base:`primary.100`,_hover:`primary.100`},base:`primary.100`,_hover:`secondary.500`},p:`space-16`,borderRadius:`radius-8`,gap:`space-8`,justifyContent:`space-between`,userSelect:`none`,transitionProperty:`border-color, box-shadow`,transitionDuration:`fast`,_disabled:{pointerEvents:`none`,'& [data-recipe-slot="title"]':{color:`grey.300!`},'& [data-recipe-slot="description"]':{color:`grey.300!`},'& [data-recipe-slot="icon"]':{color:`grey.300!`}}},jsx:[`ChatDocumentMessage`],className:`chat-document-message`,description:`The styles for the Chat document message component`});exports.chatDocumentMessageRecipe=e;
+//# sourceMappingURL=chat-document-message.cjs.map