@stokelp/ui 2.102.0 → 2.104.0

package/dist/theme/recipes/checkbox-card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-card.cjs","sources":["../../../src/theme/recipes/checkbox-card.ts"],"sourcesContent":["import { defineSlotRecipe, SlotRecipeConfig } from '@pandacss/dev'\nimport { groupCard, groupCardVariants } from './common/group-card'\nimport { checkboxRecipe } from './checkbox'\n\nexport const checkboxCardRecipe: SlotRecipeConfig = defineSlotRecipe({\n  className: 'checkbox-card',\n  jsx: [\n    'CheckboxCard',\n    'CheckboxCard.Root',\n    'CheckboxCard.Content',\n    'CheckboxCard.Title',\n    'CheckboxCard.Description',\n    'CheckboxCard.Image',\n  ],\n  slots: [...checkboxRecipe.slots, 'image', 'content', 'title', 'description'],\n  defaultVariants: {\n    size: 'md',\n  },\n  base: {\n    root: groupCard.root,\n    content: groupCard.content,\n    control: { ...checkboxRecipe.base?.control, _hover: {} },\n    image: groupCard.image,\n    title: groupCard.title,\n    description: groupCard.description,\n  },\n  variants: {\n    size: {\n      md: {\n        root: groupCardVariants.size.md.root,\n        control: checkboxRecipe.variants?.size?.md?.control,\n        title: groupCardVariants.size.md.title,\n        image: groupCardVariants.size.md.image,\n        description: groupCardVariants.size.md.description,\n      },\n    },\n  },\n})\n"],"names":["checkboxCardRecipe","defineSlotRecipe","checkboxRecipe","groupCard","groupCardVariants"],"mappings":"+LAIaA,EAAuCC,EAAAA,iBAAiB,CACnE,UAAW,gBACX,IAAK,CACH,eACA,oBACA,uBACA,qBACA,2BACA,oBAAA,EAEF,MAAO,CAAC,GAAGC,iBAAe,MAAO,QAAS,UAAW,QAAS,aAAa,EAC3E,gBAAiB,CACf,KAAM,IAAA,EAER,KAAM,CACJ,KAAMC,EAAAA,UAAU,KAChB,QAASA,EAAAA,UAAU,QACnB,QAAS,CAAE,GAAGD,EAAAA,eAAe,MAAM,QAAS,OAAQ,EAAC,EACrD,MAAOC,EAAAA,UAAU,MACjB,MAAOA,EAAAA,UAAU,MACjB,YAAaA,EAAAA,UAAU,WAAA,EAEzB,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAMC,EAAAA,kBAAkB,KAAK,GAAG,KAChC,QAASF,EAAAA,eAAe,UAAU,MAAM,IAAI,QAC5C,MAAOE,EAAAA,kBAAkB,KAAK,GAAG,MACjC,MAAOA,EAAAA,kBAAkB,KAAK,GAAG,MACjC,YAAaA,EAAAA,kBAAkB,KAAK,GAAG,WAAA,CACzC,CACF,CAEJ,CAAC"}
+{"version":3,"file":"checkbox-card.cjs","names":[],"sources":["../../../src/theme/recipes/checkbox-card.ts"],"sourcesContent":["import { defineSlotRecipe, SlotRecipeConfig } from '@pandacss/dev'\nimport { groupCard, groupCardVariants } from './common/group-card'\nimport { checkboxRecipe } from './checkbox'\n\nexport const checkboxCardRecipe: SlotRecipeConfig = defineSlotRecipe({\n  className: 'checkbox-card',\n  jsx: [\n    'CheckboxCard',\n    'CheckboxCard.Root',\n    'CheckboxCard.Content',\n    'CheckboxCard.Title',\n    'CheckboxCard.Description',\n    'CheckboxCard.Image',\n  ],\n  slots: [...checkboxRecipe.slots, 'image', 'content', 'title', 'description'],\n  defaultVariants: {\n    size: 'md',\n  },\n  base: {\n    root: groupCard.root,\n    content: groupCard.content,\n    control: { ...checkboxRecipe.base?.control, _hover: {} },\n    image: groupCard.image,\n    title: groupCard.title,\n    description: groupCard.description,\n  },\n  variants: {\n    size: {\n      md: {\n        root: groupCardVariants.size.md.root,\n        control: checkboxRecipe.variants?.size?.md?.control,\n        title: groupCardVariants.size.md.title,\n        image: groupCardVariants.size.md.image,\n        description: groupCardVariants.size.md.description,\n      },\n    },\n  },\n})\n"],"mappings":"oFAIA,IAAa,GAAA,yBAAA,EAAA,kBAAwD,CACnE,UAAW,gBACX,IAAK,CACH,eACA,oBACA,uBACA,qBACA,2BACA,oBACF,EACA,MAAO,CAAC,GAAG,EAAA,eAAe,MAAO,QAAS,UAAW,QAAS,aAAa,EAC3E,gBAAiB,CACf,KAAM,IACR,EACA,KAAM,CACJ,KAAM,EAAA,UAAU,KAChB,QAAS,EAAA,UAAU,QACnB,QAAS,CAAE,GAAG,EAAA,eAAe,MAAM,QAAS,OAAQ,CAAC,CAAE,EACvD,MAAO,EAAA,UAAU,MACjB,MAAO,EAAA,UAAU,MACjB,YAAa,EAAA,UAAU,WACzB,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,EAAA,kBAAkB,KAAK,GAAG,KAChC,QAAS,EAAA,eAAe,UAAU,MAAM,IAAI,QAC5C,MAAO,EAAA,kBAAkB,KAAK,GAAG,MACjC,MAAO,EAAA,kBAAkB,KAAK,GAAG,MACjC,YAAa,EAAA,kBAAkB,KAAK,GAAG,WACzC,CACF,CACF,CACF,CAAC"}

package/dist/theme/recipes/checkbox-card.js

@@ -1,42 +1,46 @@
 "use client";
-import { defineSlotRecipe as i } from "@pandacss/dev";
-import { groupCardVariants as o, groupCard as e } from "./common/group-card.js";
-import { checkboxRecipe as t } from "./checkbox.js";
-const s = i({
-  className: "checkbox-card",
-  jsx: [
-    "CheckboxCard",
-    "CheckboxCard.Root",
-    "CheckboxCard.Content",
-    "CheckboxCard.Title",
-    "CheckboxCard.Description",
-    "CheckboxCard.Image"
-  ],
-  slots: [...t.slots, "image", "content", "title", "description"],
-  defaultVariants: {
-    size: "md"
-  },
-  base: {
-    root: e.root,
-    content: e.content,
-    control: { ...t.base?.control, _hover: {} },
-    image: e.image,
-    title: e.title,
-    description: e.description
-  },
-  variants: {
-    size: {
-      md: {
-        root: o.size.md.root,
-        control: t.variants?.size?.md?.control,
-        title: o.size.md.title,
-        image: o.size.md.image,
-        description: o.size.md.description
-      }
-    }
-  }
+import { checkboxRecipe as e } from "./checkbox.js";
+import { groupCard as t, groupCardVariants as n } from "./common/group-card.js";
+import { defineSlotRecipe as r } from "@pandacss/dev";
+//#region src/theme/recipes/checkbox-card.ts
+var i = r({
+	className: "checkbox-card",
+	jsx: [
+		"CheckboxCard",
+		"CheckboxCard.Root",
+		"CheckboxCard.Content",
+		"CheckboxCard.Title",
+		"CheckboxCard.Description",
+		"CheckboxCard.Image"
+	],
+	slots: [
+		...e.slots,
+		"image",
+		"content",
+		"title",
+		"description"
+	],
+	defaultVariants: { size: "md" },
+	base: {
+		root: t.root,
+		content: t.content,
+		control: {
+			...e.base?.control,
+			_hover: {}
+		},
+		image: t.image,
+		title: t.title,
+		description: t.description
+	},
+	variants: { size: { md: {
+		root: n.size.md.root,
+		control: e.variants?.size?.md?.control,
+		title: n.size.md.title,
+		image: n.size.md.image,
+		description: n.size.md.description
+	} } }
 });
-export {
-  s as checkboxCardRecipe
-};
-//# sourceMappingURL=checkbox-card.js.map
+//#endregion
+export { i as checkboxCardRecipe };
+
+//# sourceMappingURL=checkbox-card.js.map

package/dist/theme/recipes/checkbox-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-card.js","sources":["../../../src/theme/recipes/checkbox-card.ts"],"sourcesContent":["import { defineSlotRecipe, SlotRecipeConfig } from '@pandacss/dev'\nimport { groupCard, groupCardVariants } from './common/group-card'\nimport { checkboxRecipe } from './checkbox'\n\nexport const checkboxCardRecipe: SlotRecipeConfig = defineSlotRecipe({\n  className: 'checkbox-card',\n  jsx: [\n    'CheckboxCard',\n    'CheckboxCard.Root',\n    'CheckboxCard.Content',\n    'CheckboxCard.Title',\n    'CheckboxCard.Description',\n    'CheckboxCard.Image',\n  ],\n  slots: [...checkboxRecipe.slots, 'image', 'content', 'title', 'description'],\n  defaultVariants: {\n    size: 'md',\n  },\n  base: {\n    root: groupCard.root,\n    content: groupCard.content,\n    control: { ...checkboxRecipe.base?.control, _hover: {} },\n    image: groupCard.image,\n    title: groupCard.title,\n    description: groupCard.description,\n  },\n  variants: {\n    size: {\n      md: {\n        root: groupCardVariants.size.md.root,\n        control: checkboxRecipe.variants?.size?.md?.control,\n        title: groupCardVariants.size.md.title,\n        image: groupCardVariants.size.md.image,\n        description: groupCardVariants.size.md.description,\n      },\n    },\n  },\n})\n"],"names":["checkboxCardRecipe","defineSlotRecipe","checkboxRecipe","groupCard","groupCardVariants"],"mappings":";;;;AAIO,MAAMA,IAAuCC,EAAiB;AAAA,EACnE,WAAW;AAAA,EACX,KAAK;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,OAAO,CAAC,GAAGC,EAAe,OAAO,SAAS,WAAW,SAAS,aAAa;AAAA,EAC3E,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAAA,EAER,MAAM;AAAA,IACJ,MAAMC,EAAU;AAAA,IAChB,SAASA,EAAU;AAAA,IACnB,SAAS,EAAE,GAAGD,EAAe,MAAM,SAAS,QAAQ,GAAC;AAAA,IACrD,OAAOC,EAAU;AAAA,IACjB,OAAOA,EAAU;AAAA,IACjB,aAAaA,EAAU;AAAA,EAAA;AAAA,EAEzB,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAMC,EAAkB,KAAK,GAAG;AAAA,QAChC,SAASF,EAAe,UAAU,MAAM,IAAI;AAAA,QAC5C,OAAOE,EAAkB,KAAK,GAAG;AAAA,QACjC,OAAOA,EAAkB,KAAK,GAAG;AAAA,QACjC,aAAaA,EAAkB,KAAK,GAAG;AAAA,MAAA;AAAA,IACzC;AAAA,EACF;AAEJ,CAAC;"}
+{"version":3,"file":"checkbox-card.js","names":[],"sources":["../../../src/theme/recipes/checkbox-card.ts"],"sourcesContent":["import { defineSlotRecipe, SlotRecipeConfig } from '@pandacss/dev'\nimport { groupCard, groupCardVariants } from './common/group-card'\nimport { checkboxRecipe } from './checkbox'\n\nexport const checkboxCardRecipe: SlotRecipeConfig = defineSlotRecipe({\n  className: 'checkbox-card',\n  jsx: [\n    'CheckboxCard',\n    'CheckboxCard.Root',\n    'CheckboxCard.Content',\n    'CheckboxCard.Title',\n    'CheckboxCard.Description',\n    'CheckboxCard.Image',\n  ],\n  slots: [...checkboxRecipe.slots, 'image', 'content', 'title', 'description'],\n  defaultVariants: {\n    size: 'md',\n  },\n  base: {\n    root: groupCard.root,\n    content: groupCard.content,\n    control: { ...checkboxRecipe.base?.control, _hover: {} },\n    image: groupCard.image,\n    title: groupCard.title,\n    description: groupCard.description,\n  },\n  variants: {\n    size: {\n      md: {\n        root: groupCardVariants.size.md.root,\n        control: checkboxRecipe.variants?.size?.md?.control,\n        title: groupCardVariants.size.md.title,\n        image: groupCardVariants.size.md.image,\n        description: groupCardVariants.size.md.description,\n      },\n    },\n  },\n})\n"],"mappings":";;;;;AAIA,IAAa,IAAuC,EAAiB;CACnE,WAAW;CACX,KAAK;EACH;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EAAC,GAAG,EAAe;EAAO;EAAS;EAAW;EAAS;CAAa;CAC3E,iBAAiB,EACf,MAAM,KACR;CACA,MAAM;EACJ,MAAM,EAAU;EAChB,SAAS,EAAU;EACnB,SAAS;GAAE,GAAG,EAAe,MAAM;GAAS,QAAQ,CAAC;EAAE;EACvD,OAAO,EAAU;EACjB,OAAO,EAAU;EACjB,aAAa,EAAU;CACzB;CACA,UAAU,EACR,MAAM,EACJ,IAAI;EACF,MAAM,EAAkB,KAAK,GAAG;EAChC,SAAS,EAAe,UAAU,MAAM,IAAI;EAC5C,OAAO,EAAkB,KAAK,GAAG;EACjC,OAAO,EAAkB,KAAK,GAAG;EACjC,aAAa,EAAkB,KAAK,GAAG;CACzC,EACF,EACF;AACF,CAAC"}

package/dist/theme/recipes/checkbox-group.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@pandacss/dev"),c=e.defineRecipe({className:"checkbox-group",jsx:["CheckboxGroup"],base:{display:"flex",flexDirection:"row",gap:"space-8"}});exports.checkboxGroupRecipe=c;
-//# sourceMappingURL=checkbox-group.cjs.map
+"use client";var e=(0,require("@pandacss/dev").defineRecipe)({className:`checkbox-group`,jsx:[`CheckboxGroup`],base:{display:`flex`,flexDirection:`row`,gap:`space-8`}});exports.checkboxGroupRecipe=e;
+//# sourceMappingURL=checkbox-group.cjs.map

package/dist/theme/recipes/checkbox-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.cjs","sources":["../../../src/theme/recipes/checkbox-group.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const checkboxGroupRecipe = defineRecipe({\n  className: 'checkbox-group',\n  jsx: ['CheckboxGroup'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: 'space-8',\n  },\n})\n"],"names":["checkboxGroupRecipe","defineRecipe"],"mappings":"8HAEaA,EAAsBC,EAAAA,aAAa,CAC9C,UAAW,iBACX,IAAK,CAAC,eAAe,EACrB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,IAAK,SAAA,CAET,CAAC"}
+{"version":3,"file":"checkbox-group.cjs","names":[],"sources":["../../../src/theme/recipes/checkbox-group.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const checkboxGroupRecipe = defineRecipe({\n  className: 'checkbox-group',\n  jsx: ['CheckboxGroup'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: 'space-8',\n  },\n})\n"],"mappings":"aAEA,IAAa,GAAA,yBAAA,EAAA,cAAmC,CAC9C,UAAW,iBACX,IAAK,CAAC,eAAe,EACrB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,IAAK,SACP,CACF,CAAC"}

package/dist/theme/recipes/checkbox-group.js

@@ -1,15 +1,16 @@
 "use client";
 import { defineRecipe as e } from "@pandacss/dev";
-const o = e({
-  className: "checkbox-group",
-  jsx: ["CheckboxGroup"],
-  base: {
-    display: "flex",
-    flexDirection: "row",
-    gap: "space-8"
-  }
+//#region src/theme/recipes/checkbox-group.ts
+var t = e({
+	className: "checkbox-group",
+	jsx: ["CheckboxGroup"],
+	base: {
+		display: "flex",
+		flexDirection: "row",
+		gap: "space-8"
+	}
 });
-export {
-  o as checkboxGroupRecipe
-};
-//# sourceMappingURL=checkbox-group.js.map
+//#endregion
+export { t as checkboxGroupRecipe };
+
+//# sourceMappingURL=checkbox-group.js.map

package/dist/theme/recipes/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","sources":["../../../src/theme/recipes/checkbox-group.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const checkboxGroupRecipe = defineRecipe({\n  className: 'checkbox-group',\n  jsx: ['CheckboxGroup'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: 'space-8',\n  },\n})\n"],"names":["checkboxGroupRecipe","defineRecipe"],"mappings":";;AAEO,MAAMA,IAAsBC,EAAa;AAAA,EAC9C,WAAW;AAAA,EACX,KAAK,CAAC,eAAe;AAAA,EACrB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,EAAA;AAET,CAAC;"}
+{"version":3,"file":"checkbox-group.js","names":[],"sources":["../../../src/theme/recipes/checkbox-group.ts"],"sourcesContent":["import { defineRecipe } from '@pandacss/dev'\n\nexport const checkboxGroupRecipe = defineRecipe({\n  className: 'checkbox-group',\n  jsx: ['CheckboxGroup'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: 'space-8',\n  },\n})\n"],"mappings":";;;AAEA,IAAa,IAAsB,EAAa;CAC9C,WAAW;CACX,KAAK,CAAC,eAAe;CACrB,MAAM;EACJ,SAAS;EACT,eAAe;EACf,KAAK;CACP;AACF,CAAC"}

package/dist/theme/recipes/checkbox.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ark-ui/react"),e=require("@pandacss/dev"),o=e.defineSlotRecipe({className:"checkbox",slots:r.checkboxAnatomy.keys(),jsx:["Checkbox"],base:{root:{alignItems:"center",display:"flex",cursor:{base:"pointer",_disabled:"not-allowed"},_disabled:{userSelect:"none"}},label:{color:{base:"text",_disabled:"grey.300"},fontFamily:"satoshi",lineClamp:1},control:{alignItems:"center",borderColor:"grey.100",borderWidth:"1px",color:"white",display:"flex",bg:"white",justifyContent:"center",transitionDuration:"normal",transitionProperty:"border-color, background",transitionTimingFunction:"default",_hover:{borderColor:"secondary.500"},_checked:{background:"primary.500",borderColor:"primary.500",_hover:{background:"primary.500"}},_disabled:{background:"grey.50",borderColor:"grey.100",_checked:{background:"grey.200",borderColor:"grey.200"},_indeterminate:{background:"grey.200",borderColor:"grey.200"}},_invalid:{borderColor:"error.500",_checked:{background:"error.500",borderColor:"error.500"},_indeterminate:{background:"error.500",borderColor:"error.500"}},_indeterminate:{background:"primary.500",borderColor:"primary.500",_hover:{background:"primary.500"}},"&:has(+ :focus-visible)":{outline:"1px solid",outlineColor:"secondary.300",_checked:{outlineColor:"secondary.300"},_hover:{borderColor:"grey.100",_checked:{borderColor:"primary.500",background:"primary.500"},_indeterminate:{borderColor:"primary.500",background:"primary.500"}}}}},defaultVariants:{size:"md"},variants:{size:{md:{root:{gap:"space-4"},control:{width:"size-16",height:"size-16",minWidth:"size-16",minHeight:"size-16",borderRadius:"radius-4","& svg":{width:"size-12",height:"size-12",minWidth:"size-12",minHeight:"size-12"}},label:{textStyle:"body.md"}}}}});exports.checkboxRecipe=o;
-//# sourceMappingURL=checkbox.cjs.map
+"use client";let e=require("@ark-ui/react");var t=(0,require("@pandacss/dev").defineSlotRecipe)({className:`checkbox`,slots:e.checkboxAnatomy.keys(),jsx:[`Checkbox`],base:{root:{alignItems:`center`,display:`flex`,cursor:{base:`pointer`,_disabled:`not-allowed`},_disabled:{userSelect:`none`}},label:{color:{base:`text`,_disabled:`grey.300`},fontFamily:`satoshi`,lineClamp:1},control:{alignItems:`center`,borderColor:`grey.100`,borderWidth:`1px`,color:`white`,display:`flex`,bg:`white`,justifyContent:`center`,transitionDuration:`normal`,transitionProperty:`border-color, background`,transitionTimingFunction:`default`,_hover:{borderColor:`secondary.500`},_checked:{background:`primary.500`,borderColor:`primary.500`,_hover:{background:`primary.500`}},_disabled:{background:`grey.50`,borderColor:`grey.100`,_checked:{background:`grey.200`,borderColor:`grey.200`},_indeterminate:{background:`grey.200`,borderColor:`grey.200`}},_invalid:{borderColor:`error.500`,_checked:{background:`error.500`,borderColor:`error.500`},_indeterminate:{background:`error.500`,borderColor:`error.500`}},_indeterminate:{background:`primary.500`,borderColor:`primary.500`,_hover:{background:`primary.500`}},"&:has(+ :focus-visible)":{outline:`1px solid`,outlineColor:`secondary.300`,_checked:{outlineColor:`secondary.300`},_hover:{borderColor:`grey.100`,_checked:{borderColor:`primary.500`,background:`primary.500`},_indeterminate:{borderColor:`primary.500`,background:`primary.500`}}}}},defaultVariants:{size:`md`},variants:{size:{md:{root:{gap:`space-4`},control:{width:`size-16`,height:`size-16`,minWidth:`size-16`,minHeight:`size-16`,borderRadius:`radius-4`,"& svg":{width:`size-12`,height:`size-12`,minWidth:`size-12`,minHeight:`size-12`}},label:{textStyle:`body.md`}}}}});exports.checkboxRecipe=t;
+//# sourceMappingURL=checkbox.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.cjs","sources":["../../../src/theme/recipes/checkbox.ts"],"sourcesContent":["import { checkboxAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const checkboxRecipe = defineSlotRecipe({\n  className: 'checkbox',\n  slots: checkboxAnatomy.keys(),\n  jsx: ['Checkbox'],\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      cursor: {\n        base: 'pointer',\n        _disabled: 'not-allowed',\n      },\n      _disabled: {\n        userSelect: 'none',\n      },\n    },\n    label: {\n      color: {\n        base: 'text',\n        _disabled: 'grey.300',\n      },\n      fontFamily: 'satoshi',\n      lineClamp: 1,\n    },\n    control: {\n      alignItems: 'center',\n      borderColor: 'grey.100',\n      borderWidth: '1px',\n      color: 'white',\n      display: 'flex',\n      bg: 'white',\n      justifyContent: 'center',\n      transitionDuration: 'normal',\n      transitionProperty: 'border-color, background',\n      transitionTimingFunction: 'default',\n      _hover: {\n        borderColor: 'secondary.500',\n      },\n      _checked: {\n        background: 'primary.500',\n        borderColor: 'primary.500',\n        _hover: {\n          background: 'primary.500',\n        },\n      },\n      _disabled: {\n        background: 'grey.50',\n        borderColor: 'grey.100',\n        _checked: {\n          background: 'grey.200',\n          borderColor: 'grey.200',\n        },\n        _indeterminate: {\n          background: 'grey.200',\n          borderColor: 'grey.200',\n        },\n      },\n      _invalid: {\n        borderColor: 'error.500',\n        _checked: {\n          background: 'error.500',\n          borderColor: 'error.500',\n        },\n        _indeterminate: {\n          background: 'error.500',\n          borderColor: 'error.500',\n        },\n      },\n      _indeterminate: {\n        background: 'primary.500',\n        borderColor: 'primary.500',\n        _hover: {\n          background: 'primary.500',\n        },\n      },\n      '&:has(+ :focus-visible)': {\n        outline: '1px solid',\n        outlineColor: 'secondary.300',\n        _checked: {\n          outlineColor: 'secondary.300',\n        },\n        _hover: {\n          borderColor: 'grey.100',\n          _checked: {\n            borderColor: 'primary.500',\n            background: 'primary.500',\n          },\n          _indeterminate: {\n            borderColor: 'primary.500',\n            background: 'primary.500',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n  variants: {\n    size: {\n      md: {\n        root: {\n          gap: 'space-4',\n        },\n        control: {\n          width: 'size-16',\n          height: 'size-16',\n          minWidth: 'size-16',\n          minHeight: 'size-16',\n          borderRadius: 'radius-4',\n          '& svg': {\n            width: 'size-12',\n            height: 'size-12',\n            minWidth: 'size-12',\n            minHeight: 'size-12',\n          },\n        },\n        label: {\n          textStyle: 'body.md',\n        },\n      },\n    },\n  },\n})\n"],"names":["checkboxRecipe","defineSlotRecipe","checkboxAnatomy"],"mappings":"yJAGaA,EAAiBC,EAAAA,iBAAiB,CAC7C,UAAW,WACX,MAAOC,EAAAA,gBAAgB,KAAA,EACvB,IAAK,CAAC,UAAU,EAChB,KAAM,CACJ,KAAM,CACJ,WAAY,SACZ,QAAS,OACT,OAAQ,CACN,KAAM,UACN,UAAW,aAAA,EAEb,UAAW,CACT,WAAY,MAAA,CACd,EAEF,MAAO,CACL,MAAO,CACL,KAAM,OACN,UAAW,UAAA,EAEb,WAAY,UACZ,UAAW,CAAA,EAEb,QAAS,CACP,WAAY,SACZ,YAAa,WACb,YAAa,MACb,MAAO,QACP,QAAS,OACT,GAAI,QACJ,eAAgB,SAChB,mBAAoB,SACpB,mBAAoB,2BACpB,yBAA0B,UAC1B,OAAQ,CACN,YAAa,eAAA,EAEf,SAAU,CACR,WAAY,cACZ,YAAa,cACb,OAAQ,CACN,WAAY,aAAA,CACd,EAEF,UAAW,CACT,WAAY,UACZ,YAAa,WACb,SAAU,CACR,WAAY,WACZ,YAAa,UAAA,EAEf,eAAgB,CACd,WAAY,WACZ,YAAa,UAAA,CACf,EAEF,SAAU,CACR,YAAa,YACb,SAAU,CACR,WAAY,YACZ,YAAa,WAAA,EAEf,eAAgB,CACd,WAAY,YACZ,YAAa,WAAA,CACf,EAEF,eAAgB,CACd,WAAY,cACZ,YAAa,cACb,OAAQ,CACN,WAAY,aAAA,CACd,EAEF,0BAA2B,CACzB,QAAS,YACT,aAAc,gBACd,SAAU,CACR,aAAc,eAAA,EAEhB,OAAQ,CACN,YAAa,WACb,SAAU,CACR,YAAa,cACb,WAAY,aAAA,EAEd,eAAgB,CACd,YAAa,cACb,WAAY,aAAA,CACd,CACF,CACF,CACF,EAEF,gBAAiB,CACf,KAAM,IAAA,EAER,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,CACJ,IAAK,SAAA,EAEP,QAAS,CACP,MAAO,UACP,OAAQ,UACR,SAAU,UACV,UAAW,UACX,aAAc,WACd,QAAS,CACP,MAAO,UACP,OAAQ,UACR,SAAU,UACV,UAAW,SAAA,CACb,EAEF,MAAO,CACL,UAAW,SAAA,CACb,CACF,CACF,CAEJ,CAAC"}
+{"version":3,"file":"checkbox.cjs","names":[],"sources":["../../../src/theme/recipes/checkbox.ts"],"sourcesContent":["import { checkboxAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const checkboxRecipe = defineSlotRecipe({\n  className: 'checkbox',\n  slots: checkboxAnatomy.keys(),\n  jsx: ['Checkbox'],\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      cursor: {\n        base: 'pointer',\n        _disabled: 'not-allowed',\n      },\n      _disabled: {\n        userSelect: 'none',\n      },\n    },\n    label: {\n      color: {\n        base: 'text',\n        _disabled: 'grey.300',\n      },\n      fontFamily: 'satoshi',\n      lineClamp: 1,\n    },\n    control: {\n      alignItems: 'center',\n      borderColor: 'grey.100',\n      borderWidth: '1px',\n      color: 'white',\n      display: 'flex',\n      bg: 'white',\n      justifyContent: 'center',\n      transitionDuration: 'normal',\n      transitionProperty: 'border-color, background',\n      transitionTimingFunction: 'default',\n      _hover: {\n        borderColor: 'secondary.500',\n      },\n      _checked: {\n        background: 'primary.500',\n        borderColor: 'primary.500',\n        _hover: {\n          background: 'primary.500',\n        },\n      },\n      _disabled: {\n        background: 'grey.50',\n        borderColor: 'grey.100',\n        _checked: {\n          background: 'grey.200',\n          borderColor: 'grey.200',\n        },\n        _indeterminate: {\n          background: 'grey.200',\n          borderColor: 'grey.200',\n        },\n      },\n      _invalid: {\n        borderColor: 'error.500',\n        _checked: {\n          background: 'error.500',\n          borderColor: 'error.500',\n        },\n        _indeterminate: {\n          background: 'error.500',\n          borderColor: 'error.500',\n        },\n      },\n      _indeterminate: {\n        background: 'primary.500',\n        borderColor: 'primary.500',\n        _hover: {\n          background: 'primary.500',\n        },\n      },\n      '&:has(+ :focus-visible)': {\n        outline: '1px solid',\n        outlineColor: 'secondary.300',\n        _checked: {\n          outlineColor: 'secondary.300',\n        },\n        _hover: {\n          borderColor: 'grey.100',\n          _checked: {\n            borderColor: 'primary.500',\n            background: 'primary.500',\n          },\n          _indeterminate: {\n            borderColor: 'primary.500',\n            background: 'primary.500',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n  variants: {\n    size: {\n      md: {\n        root: {\n          gap: 'space-4',\n        },\n        control: {\n          width: 'size-16',\n          height: 'size-16',\n          minWidth: 'size-16',\n          minHeight: 'size-16',\n          borderRadius: 'radius-4',\n          '& svg': {\n            width: 'size-12',\n            height: 'size-12',\n            minWidth: 'size-12',\n            minHeight: 'size-12',\n          },\n        },\n        label: {\n          textStyle: 'body.md',\n        },\n      },\n    },\n  },\n})\n"],"mappings":"4CAGA,IAAa,GAAA,yBAAA,EAAA,kBAAkC,CAC7C,UAAW,WACX,MAAO,EAAA,gBAAgB,KAAK,EAC5B,IAAK,CAAC,UAAU,EAChB,KAAM,CACJ,KAAM,CACJ,WAAY,SACZ,QAAS,OACT,OAAQ,CACN,KAAM,UACN,UAAW,aACb,EACA,UAAW,CACT,WAAY,MACd,CACF,EACA,MAAO,CACL,MAAO,CACL,KAAM,OACN,UAAW,UACb,EACA,WAAY,UACZ,UAAW,CACb,EACA,QAAS,CACP,WAAY,SACZ,YAAa,WACb,YAAa,MACb,MAAO,QACP,QAAS,OACT,GAAI,QACJ,eAAgB,SAChB,mBAAoB,SACpB,mBAAoB,2BACpB,yBAA0B,UAC1B,OAAQ,CACN,YAAa,eACf,EACA,SAAU,CACR,WAAY,cACZ,YAAa,cACb,OAAQ,CACN,WAAY,aACd,CACF,EACA,UAAW,CACT,WAAY,UACZ,YAAa,WACb,SAAU,CACR,WAAY,WACZ,YAAa,UACf,EACA,eAAgB,CACd,WAAY,WACZ,YAAa,UACf,CACF,EACA,SAAU,CACR,YAAa,YACb,SAAU,CACR,WAAY,YACZ,YAAa,WACf,EACA,eAAgB,CACd,WAAY,YACZ,YAAa,WACf,CACF,EACA,eAAgB,CACd,WAAY,cACZ,YAAa,cACb,OAAQ,CACN,WAAY,aACd,CACF,EACA,0BAA2B,CACzB,QAAS,YACT,aAAc,gBACd,SAAU,CACR,aAAc,eAChB,EACA,OAAQ,CACN,YAAa,WACb,SAAU,CACR,YAAa,cACb,WAAY,aACd,EACA,eAAgB,CACd,YAAa,cACb,WAAY,aACd,CACF,CACF,CACF,CACF,EACA,gBAAiB,CACf,KAAM,IACR,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,CACJ,IAAK,SACP,EACA,QAAS,CACP,MAAO,UACP,OAAQ,UACR,SAAU,UACV,UAAW,UACX,aAAc,WACd,QAAS,CACP,MAAO,UACP,OAAQ,UACR,SAAU,UACV,UAAW,SACb,CACF,EACA,MAAO,CACL,UAAW,SACb,CACF,CACF,CACF,CACF,CAAC"}

package/dist/theme/recipes/checkbox.js

@@ -1,131 +1,112 @@
 "use client";
-import { checkboxAnatomy as r } from "@ark-ui/react";
-import { defineSlotRecipe as e } from "@pandacss/dev";
-const d = e({
-  className: "checkbox",
-  slots: r.keys(),
-  jsx: ["Checkbox"],
-  base: {
-    root: {
-      alignItems: "center",
-      display: "flex",
-      cursor: {
-        base: "pointer",
-        _disabled: "not-allowed"
-      },
-      _disabled: {
-        userSelect: "none"
-      }
-    },
-    label: {
-      color: {
-        base: "text",
-        _disabled: "grey.300"
-      },
-      fontFamily: "satoshi",
-      lineClamp: 1
-    },
-    control: {
-      alignItems: "center",
-      borderColor: "grey.100",
-      borderWidth: "1px",
-      color: "white",
-      display: "flex",
-      bg: "white",
-      justifyContent: "center",
-      transitionDuration: "normal",
-      transitionProperty: "border-color, background",
-      transitionTimingFunction: "default",
-      _hover: {
-        borderColor: "secondary.500"
-      },
-      _checked: {
-        background: "primary.500",
-        borderColor: "primary.500",
-        _hover: {
-          background: "primary.500"
-        }
-      },
-      _disabled: {
-        background: "grey.50",
-        borderColor: "grey.100",
-        _checked: {
-          background: "grey.200",
-          borderColor: "grey.200"
-        },
-        _indeterminate: {
-          background: "grey.200",
-          borderColor: "grey.200"
-        }
-      },
-      _invalid: {
-        borderColor: "error.500",
-        _checked: {
-          background: "error.500",
-          borderColor: "error.500"
-        },
-        _indeterminate: {
-          background: "error.500",
-          borderColor: "error.500"
-        }
-      },
-      _indeterminate: {
-        background: "primary.500",
-        borderColor: "primary.500",
-        _hover: {
-          background: "primary.500"
-        }
-      },
-      "&:has(+ :focus-visible)": {
-        outline: "1px solid",
-        outlineColor: "secondary.300",
-        _checked: {
-          outlineColor: "secondary.300"
-        },
-        _hover: {
-          borderColor: "grey.100",
-          _checked: {
-            borderColor: "primary.500",
-            background: "primary.500"
-          },
-          _indeterminate: {
-            borderColor: "primary.500",
-            background: "primary.500"
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  },
-  variants: {
-    size: {
-      md: {
-        root: {
-          gap: "space-4"
-        },
-        control: {
-          width: "size-16",
-          height: "size-16",
-          minWidth: "size-16",
-          minHeight: "size-16",
-          borderRadius: "radius-4",
-          "& svg": {
-            width: "size-12",
-            height: "size-12",
-            minWidth: "size-12",
-            minHeight: "size-12"
-          }
-        },
-        label: {
-          textStyle: "body.md"
-        }
-      }
-    }
-  }
+import { checkboxAnatomy as e } from "@ark-ui/react";
+import { defineSlotRecipe as t } from "@pandacss/dev";
+//#region src/theme/recipes/checkbox.ts
+var n = t({
+	className: "checkbox",
+	slots: e.keys(),
+	jsx: ["Checkbox"],
+	base: {
+		root: {
+			alignItems: "center",
+			display: "flex",
+			cursor: {
+				base: "pointer",
+				_disabled: "not-allowed"
+			},
+			_disabled: { userSelect: "none" }
+		},
+		label: {
+			color: {
+				base: "text",
+				_disabled: "grey.300"
+			},
+			fontFamily: "satoshi",
+			lineClamp: 1
+		},
+		control: {
+			alignItems: "center",
+			borderColor: "grey.100",
+			borderWidth: "1px",
+			color: "white",
+			display: "flex",
+			bg: "white",
+			justifyContent: "center",
+			transitionDuration: "normal",
+			transitionProperty: "border-color, background",
+			transitionTimingFunction: "default",
+			_hover: { borderColor: "secondary.500" },
+			_checked: {
+				background: "primary.500",
+				borderColor: "primary.500",
+				_hover: { background: "primary.500" }
+			},
+			_disabled: {
+				background: "grey.50",
+				borderColor: "grey.100",
+				_checked: {
+					background: "grey.200",
+					borderColor: "grey.200"
+				},
+				_indeterminate: {
+					background: "grey.200",
+					borderColor: "grey.200"
+				}
+			},
+			_invalid: {
+				borderColor: "error.500",
+				_checked: {
+					background: "error.500",
+					borderColor: "error.500"
+				},
+				_indeterminate: {
+					background: "error.500",
+					borderColor: "error.500"
+				}
+			},
+			_indeterminate: {
+				background: "primary.500",
+				borderColor: "primary.500",
+				_hover: { background: "primary.500" }
+			},
+			"&:has(+ :focus-visible)": {
+				outline: "1px solid",
+				outlineColor: "secondary.300",
+				_checked: { outlineColor: "secondary.300" },
+				_hover: {
+					borderColor: "grey.100",
+					_checked: {
+						borderColor: "primary.500",
+						background: "primary.500"
+					},
+					_indeterminate: {
+						borderColor: "primary.500",
+						background: "primary.500"
+					}
+				}
+			}
+		}
+	},
+	defaultVariants: { size: "md" },
+	variants: { size: { md: {
+		root: { gap: "space-4" },
+		control: {
+			width: "size-16",
+			height: "size-16",
+			minWidth: "size-16",
+			minHeight: "size-16",
+			borderRadius: "radius-4",
+			"& svg": {
+				width: "size-12",
+				height: "size-12",
+				minWidth: "size-12",
+				minHeight: "size-12"
+			}
+		},
+		label: { textStyle: "body.md" }
+	} } }
 });
-export {
-  d as checkboxRecipe
-};
-//# sourceMappingURL=checkbox.js.map
+//#endregion
+export { n as checkboxRecipe };
+
+//# sourceMappingURL=checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../src/theme/recipes/checkbox.ts"],"sourcesContent":["import { checkboxAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const checkboxRecipe = defineSlotRecipe({\n  className: 'checkbox',\n  slots: checkboxAnatomy.keys(),\n  jsx: ['Checkbox'],\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      cursor: {\n        base: 'pointer',\n        _disabled: 'not-allowed',\n      },\n      _disabled: {\n        userSelect: 'none',\n      },\n    },\n    label: {\n      color: {\n        base: 'text',\n        _disabled: 'grey.300',\n      },\n      fontFamily: 'satoshi',\n      lineClamp: 1,\n    },\n    control: {\n      alignItems: 'center',\n      borderColor: 'grey.100',\n      borderWidth: '1px',\n      color: 'white',\n      display: 'flex',\n      bg: 'white',\n      justifyContent: 'center',\n      transitionDuration: 'normal',\n      transitionProperty: 'border-color, background',\n      transitionTimingFunction: 'default',\n      _hover: {\n        borderColor: 'secondary.500',\n      },\n      _checked: {\n        background: 'primary.500',\n        borderColor: 'primary.500',\n        _hover: {\n          background: 'primary.500',\n        },\n      },\n      _disabled: {\n        background: 'grey.50',\n        borderColor: 'grey.100',\n        _checked: {\n          background: 'grey.200',\n          borderColor: 'grey.200',\n        },\n        _indeterminate: {\n          background: 'grey.200',\n          borderColor: 'grey.200',\n        },\n      },\n      _invalid: {\n        borderColor: 'error.500',\n        _checked: {\n          background: 'error.500',\n          borderColor: 'error.500',\n        },\n        _indeterminate: {\n          background: 'error.500',\n          borderColor: 'error.500',\n        },\n      },\n      _indeterminate: {\n        background: 'primary.500',\n        borderColor: 'primary.500',\n        _hover: {\n          background: 'primary.500',\n        },\n      },\n      '&:has(+ :focus-visible)': {\n        outline: '1px solid',\n        outlineColor: 'secondary.300',\n        _checked: {\n          outlineColor: 'secondary.300',\n        },\n        _hover: {\n          borderColor: 'grey.100',\n          _checked: {\n            borderColor: 'primary.500',\n            background: 'primary.500',\n          },\n          _indeterminate: {\n            borderColor: 'primary.500',\n            background: 'primary.500',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n  variants: {\n    size: {\n      md: {\n        root: {\n          gap: 'space-4',\n        },\n        control: {\n          width: 'size-16',\n          height: 'size-16',\n          minWidth: 'size-16',\n          minHeight: 'size-16',\n          borderRadius: 'radius-4',\n          '& svg': {\n            width: 'size-12',\n            height: 'size-12',\n            minWidth: 'size-12',\n            minHeight: 'size-12',\n          },\n        },\n        label: {\n          textStyle: 'body.md',\n        },\n      },\n    },\n  },\n})\n"],"names":["checkboxRecipe","defineSlotRecipe","checkboxAnatomy"],"mappings":";;;AAGO,MAAMA,IAAiBC,EAAiB;AAAA,EAC7C,WAAW;AAAA,EACX,OAAOC,EAAgB,KAAA;AAAA,EACvB,KAAK,CAAC,UAAU;AAAA,EAChB,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb,WAAW;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,IAEF,OAAO;AAAA,MACL,OAAO;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb,YAAY;AAAA,MACZ,WAAW;AAAA,IAAA;AAAA,IAEb,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA,MACb,OAAO;AAAA,MACP,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,MACpB,0BAA0B;AAAA,MAC1B,QAAQ;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,MAEf,UAAU;AAAA,QACR,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,QAAQ;AAAA,UACN,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,MAEF,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,UAAU;AAAA,UACR,YAAY;AAAA,UACZ,aAAa;AAAA,QAAA;AAAA,QAEf,gBAAgB;AAAA,UACd,YAAY;AAAA,UACZ,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAEF,UAAU;AAAA,QACR,aAAa;AAAA,QACb,UAAU;AAAA,UACR,YAAY;AAAA,UACZ,aAAa;AAAA,QAAA;AAAA,QAEf,gBAAgB;AAAA,UACd,YAAY;AAAA,UACZ,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,MAEF,gBAAgB;AAAA,QACd,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,QAAQ;AAAA,UACN,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,MAEF,2BAA2B;AAAA,QACzB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,UAAU;AAAA,UACR,cAAc;AAAA,QAAA;AAAA,QAEhB,QAAQ;AAAA,UACN,aAAa;AAAA,UACb,UAAU;AAAA,YACR,aAAa;AAAA,YACb,YAAY;AAAA,UAAA;AAAA,UAEd,gBAAgB;AAAA,YACd,aAAa;AAAA,YACb,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,KAAK;AAAA,QAAA;AAAA,QAEP,SAAS;AAAA,UACP,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAW;AAAA,UACX,cAAc;AAAA,UACd,SAAS;AAAA,YACP,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,QAEF,OAAO;AAAA,UACL,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/theme/recipes/checkbox.ts"],"sourcesContent":["import { checkboxAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const checkboxRecipe = defineSlotRecipe({\n  className: 'checkbox',\n  slots: checkboxAnatomy.keys(),\n  jsx: ['Checkbox'],\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      cursor: {\n        base: 'pointer',\n        _disabled: 'not-allowed',\n      },\n      _disabled: {\n        userSelect: 'none',\n      },\n    },\n    label: {\n      color: {\n        base: 'text',\n        _disabled: 'grey.300',\n      },\n      fontFamily: 'satoshi',\n      lineClamp: 1,\n    },\n    control: {\n      alignItems: 'center',\n      borderColor: 'grey.100',\n      borderWidth: '1px',\n      color: 'white',\n      display: 'flex',\n      bg: 'white',\n      justifyContent: 'center',\n      transitionDuration: 'normal',\n      transitionProperty: 'border-color, background',\n      transitionTimingFunction: 'default',\n      _hover: {\n        borderColor: 'secondary.500',\n      },\n      _checked: {\n        background: 'primary.500',\n        borderColor: 'primary.500',\n        _hover: {\n          background: 'primary.500',\n        },\n      },\n      _disabled: {\n        background: 'grey.50',\n        borderColor: 'grey.100',\n        _checked: {\n          background: 'grey.200',\n          borderColor: 'grey.200',\n        },\n        _indeterminate: {\n          background: 'grey.200',\n          borderColor: 'grey.200',\n        },\n      },\n      _invalid: {\n        borderColor: 'error.500',\n        _checked: {\n          background: 'error.500',\n          borderColor: 'error.500',\n        },\n        _indeterminate: {\n          background: 'error.500',\n          borderColor: 'error.500',\n        },\n      },\n      _indeterminate: {\n        background: 'primary.500',\n        borderColor: 'primary.500',\n        _hover: {\n          background: 'primary.500',\n        },\n      },\n      '&:has(+ :focus-visible)': {\n        outline: '1px solid',\n        outlineColor: 'secondary.300',\n        _checked: {\n          outlineColor: 'secondary.300',\n        },\n        _hover: {\n          borderColor: 'grey.100',\n          _checked: {\n            borderColor: 'primary.500',\n            background: 'primary.500',\n          },\n          _indeterminate: {\n            borderColor: 'primary.500',\n            background: 'primary.500',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n  variants: {\n    size: {\n      md: {\n        root: {\n          gap: 'space-4',\n        },\n        control: {\n          width: 'size-16',\n          height: 'size-16',\n          minWidth: 'size-16',\n          minHeight: 'size-16',\n          borderRadius: 'radius-4',\n          '& svg': {\n            width: 'size-12',\n            height: 'size-12',\n            minWidth: 'size-12',\n            minHeight: 'size-12',\n          },\n        },\n        label: {\n          textStyle: 'body.md',\n        },\n      },\n    },\n  },\n})\n"],"mappings":";;;;AAGA,IAAa,IAAiB,EAAiB;CAC7C,WAAW;CACX,OAAO,EAAgB,KAAK;CAC5B,KAAK,CAAC,UAAU;CAChB,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,QAAQ;IACN,MAAM;IACN,WAAW;GACb;GACA,WAAW,EACT,YAAY,OACd;EACF;EACA,OAAO;GACL,OAAO;IACL,MAAM;IACN,WAAW;GACb;GACA,YAAY;GACZ,WAAW;EACb;EACA,SAAS;GACP,YAAY;GACZ,aAAa;GACb,aAAa;GACb,OAAO;GACP,SAAS;GACT,IAAI;GACJ,gBAAgB;GAChB,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,QAAQ,EACN,aAAa,gBACf;GACA,UAAU;IACR,YAAY;IACZ,aAAa;IACb,QAAQ,EACN,YAAY,cACd;GACF;GACA,WAAW;IACT,YAAY;IACZ,aAAa;IACb,UAAU;KACR,YAAY;KACZ,aAAa;IACf;IACA,gBAAgB;KACd,YAAY;KACZ,aAAa;IACf;GACF;GACA,UAAU;IACR,aAAa;IACb,UAAU;KACR,YAAY;KACZ,aAAa;IACf;IACA,gBAAgB;KACd,YAAY;KACZ,aAAa;IACf;GACF;GACA,gBAAgB;IACd,YAAY;IACZ,aAAa;IACb,QAAQ,EACN,YAAY,cACd;GACF;GACA,2BAA2B;IACzB,SAAS;IACT,cAAc;IACd,UAAU,EACR,cAAc,gBAChB;IACA,QAAQ;KACN,aAAa;KACb,UAAU;MACR,aAAa;MACb,YAAY;KACd;KACA,gBAAgB;MACd,aAAa;MACb,YAAY;KACd;IACF;GACF;EACF;CACF;CACA,iBAAiB,EACf,MAAM,KACR;CACA,UAAU,EACR,MAAM,EACJ,IAAI;EACF,MAAM,EACJ,KAAK,UACP;EACA,SAAS;GACP,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,cAAc;GACd,SAAS;IACP,OAAO;IACP,QAAQ;IACR,UAAU;IACV,WAAW;GACb;EACF;EACA,OAAO,EACL,WAAW,UACb;CACF,EACF,EACF;AACF,CAAC"}

package/dist/theme/recipes/chip.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@pandacss/dev"),e=o.defineSlotRecipe({base:{root:{borderRadius:"full",display:"inline-flex",flexDirection:"row",flexShrink:0,alignItems:"center",gap:"space-2"},avatar:{borderRadius:"full",display:"inline-block",objectFit:"cover"},body:{fontFamily:"satoshi"},clearTrigger:{cursor:"pointer"}},slots:["root","avatar","body","clearTrigger"],className:"chip",defaultVariants:{size:"md",colorScheme:"secondary"},description:"The styles for the Chip component",jsx:["Chip"],variants:{size:{lg:{avatar:{height:"size-20",width:"size-20"},body:{textStyle:"body.lg"},root:{py:"space-4",px:"space-16"}},md:{avatar:{height:"size-16",width:"size-16"},body:{textStyle:"body.md"},root:{py:"space-2",px:"space-8"}},sm:{avatar:{height:"size-12",width:"size-12"},body:{textStyle:"body.sm"},root:{py:"space-2",px:"space-8"}}},colorScheme:{secondary:{root:{bg:"secondary.500",color:"white"}},grey:{root:{bg:"grey.50",color:"text"}},red:{root:{bg:"decorative.red.light",color:"text"}},yellow:{root:{bg:"decorative.yellow.mid",color:"text"}},green:{root:{bg:"decorative.green.mid",color:"white"}},blue:{root:{bg:"decorative.blue.mid",color:"white"}},purple:{root:{bg:"decorative.purple.mid",color:"white"}},brown:{root:{bg:"decorative.brown.mid",color:"white"}},error:{root:{bg:"error.500",color:"white"}},warning:{root:{bg:"warning.500",color:"white"}},fish:{root:{bg:"typology.fish.mid",color:"grey.900"}},meat:{root:{bg:"typology.meat.mid",color:"grey.900"}},fruit:{root:{bg:"typology.fruit.mid",color:"grey.900"}},vegetable:{root:{bg:"typology.vegetable.mid",color:"grey.900"}},cereal:{root:{bg:"typology.cereal.mid",color:"grey.900"}},oil:{root:{bg:"typology.oil.mid",color:"grey.900"}},aromatic:{root:{bg:"typology.aromatic.mid",color:"grey.900"}}}}});exports.chipRecipe=e;
-//# sourceMappingURL=chip.cjs.map
+"use client";var e=(0,require("@pandacss/dev").defineSlotRecipe)({base:{root:{borderRadius:`full`,display:`inline-flex`,flexDirection:`row`,flexShrink:0,alignItems:`center`,gap:`space-2`},avatar:{borderRadius:`full`,display:`inline-block`,objectFit:`cover`},body:{fontFamily:`satoshi`},clearTrigger:{cursor:`pointer`}},slots:[`root`,`avatar`,`body`,`clearTrigger`],className:`chip`,defaultVariants:{size:`md`,colorScheme:`secondary`},description:`The styles for the Chip component`,jsx:[`Chip`],variants:{size:{lg:{avatar:{height:`size-20`,width:`size-20`},body:{textStyle:`body.lg`},root:{py:`space-4`,px:`space-16`}},md:{avatar:{height:`size-16`,width:`size-16`},body:{textStyle:`body.md`},root:{py:`space-2`,px:`space-8`}},sm:{avatar:{height:`size-12`,width:`size-12`},body:{textStyle:`body.sm`},root:{py:`space-2`,px:`space-8`}}},colorScheme:{secondary:{root:{bg:`secondary.500`,color:`white`}},grey:{root:{bg:`grey.50`,color:`text`}},red:{root:{bg:`decorative.red.light`,color:`text`}},yellow:{root:{bg:`decorative.yellow.mid`,color:`text`}},green:{root:{bg:`decorative.green.mid`,color:`white`}},blue:{root:{bg:`decorative.blue.mid`,color:`white`}},purple:{root:{bg:`decorative.purple.mid`,color:`white`}},brown:{root:{bg:`decorative.brown.mid`,color:`white`}},error:{root:{bg:`error.500`,color:`white`}},warning:{root:{bg:`warning.500`,color:`white`}},fish:{root:{bg:`typology.fish.mid`,color:`grey.900`}},meat:{root:{bg:`typology.meat.mid`,color:`grey.900`}},fruit:{root:{bg:`typology.fruit.mid`,color:`grey.900`}},vegetable:{root:{bg:`typology.vegetable.mid`,color:`grey.900`}},cereal:{root:{bg:`typology.cereal.mid`,color:`grey.900`}},oil:{root:{bg:`typology.oil.mid`,color:`grey.900`}},aromatic:{root:{bg:`typology.aromatic.mid`,color:`grey.900`}}}}});exports.chipRecipe=e;
+//# sourceMappingURL=chip.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.cjs","sources":["../../../src/theme/recipes/chip.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const chipRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      borderRadius: 'full',\n      display: 'inline-flex',\n      flexDirection: 'row',\n      flexShrink: 0,\n      alignItems: 'center',\n      gap: 'space-2',\n    },\n    avatar: {\n      borderRadius: 'full',\n      display: 'inline-block',\n      objectFit: 'cover',\n    },\n    body: {\n      fontFamily: 'satoshi',\n    },\n    clearTrigger: {\n      cursor: 'pointer',\n    },\n  },\n  slots: ['root', 'avatar', 'body', 'clearTrigger'],\n  className: 'chip',\n  defaultVariants: {\n    size: 'md',\n    colorScheme: 'secondary',\n  },\n  description: 'The styles for the Chip component',\n  jsx: ['Chip'],\n  variants: {\n    size: {\n      lg: {\n        avatar: {\n          height: 'size-20',\n          width: 'size-20',\n        },\n        body: {\n          textStyle: 'body.lg',\n        },\n        root: {\n          py: 'space-4',\n          px: 'space-16',\n        },\n      },\n      md: {\n        avatar: {\n          height: 'size-16',\n          width: 'size-16',\n        },\n        body: {\n          textStyle: 'body.md',\n        },\n        root: {\n          py: 'space-2',\n          px: 'space-8',\n        },\n      },\n      sm: {\n        avatar: {\n          height: 'size-12',\n          width: 'size-12',\n        },\n        body: {\n          textStyle: 'body.sm',\n        },\n        root: {\n          py: 'space-2',\n          px: 'space-8',\n        },\n      },\n    },\n    colorScheme: {\n      secondary: {\n        root: {\n          bg: 'secondary.500',\n          color: 'white',\n        },\n      },\n      grey: {\n        root: {\n          bg: 'grey.50',\n          color: 'text',\n        },\n      },\n      red: {\n        root: {\n          bg: 'decorative.red.light',\n          color: 'text',\n        },\n      },\n      yellow: {\n        root: {\n          bg: 'decorative.yellow.mid',\n          color: 'text',\n        },\n      },\n      green: {\n        root: {\n          bg: 'decorative.green.mid',\n          color: 'white',\n        },\n      },\n      blue: {\n        root: {\n          bg: 'decorative.blue.mid',\n          color: 'white',\n        },\n      },\n      purple: {\n        root: {\n          bg: 'decorative.purple.mid',\n          color: 'white',\n        },\n      },\n      brown: {\n        root: {\n          bg: 'decorative.brown.mid',\n          color: 'white',\n        },\n      },\n      error: {\n        root: {\n          bg: 'error.500',\n          color: 'white',\n        },\n      },\n      warning: {\n        root: {\n          bg: 'warning.500',\n          color: 'white',\n        },\n      },\n      fish: {\n        root: {\n          bg: 'typology.fish.mid',\n          color: 'grey.900',\n        },\n      },\n      meat: {\n        root: {\n          bg: 'typology.meat.mid',\n          color: 'grey.900',\n        },\n      },\n      fruit: {\n        root: {\n          bg: 'typology.fruit.mid',\n          color: 'grey.900',\n        },\n      },\n      vegetable: {\n        root: {\n          bg: 'typology.vegetable.mid',\n          color: 'grey.900',\n        },\n      },\n      cereal: {\n        root: {\n          bg: 'typology.cereal.mid',\n          color: 'grey.900',\n        },\n      },\n      oil: {\n        root: {\n          bg: 'typology.oil.mid',\n          color: 'grey.900',\n        },\n      },\n      aromatic: {\n        root: {\n          bg: 'typology.aromatic.mid',\n          color: 'grey.900',\n        },\n      },\n    },\n  },\n})\n"],"names":["chipRecipe","defineSlotRecipe"],"mappings":"8HAEaA,EAAaC,EAAAA,iBAAiB,CACzC,KAAM,CACJ,KAAM,CACJ,aAAc,OACd,QAAS,cACT,cAAe,MACf,WAAY,EACZ,WAAY,SACZ,IAAK,SAAA,EAEP,OAAQ,CACN,aAAc,OACd,QAAS,eACT,UAAW,OAAA,EAEb,KAAM,CACJ,WAAY,SAAA,EAEd,aAAc,CACZ,OAAQ,SAAA,CACV,EAEF,MAAO,CAAC,OAAQ,SAAU,OAAQ,cAAc,EAChD,UAAW,OACX,gBAAiB,CACf,KAAM,KACN,YAAa,WAAA,EAEf,YAAa,oCACb,IAAK,CAAC,MAAM,EACZ,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,CACN,OAAQ,UACR,MAAO,SAAA,EAET,KAAM,CACJ,UAAW,SAAA,EAEb,KAAM,CACJ,GAAI,UACJ,GAAI,UAAA,CACN,EAEF,GAAI,CACF,OAAQ,CACN,OAAQ,UACR,MAAO,SAAA,EAET,KAAM,CACJ,UAAW,SAAA,EAEb,KAAM,CACJ,GAAI,UACJ,GAAI,SAAA,CACN,EAEF,GAAI,CACF,OAAQ,CACN,OAAQ,UACR,MAAO,SAAA,EAET,KAAM,CACJ,UAAW,SAAA,EAEb,KAAM,CACJ,GAAI,UACJ,GAAI,SAAA,CACN,CACF,EAEF,YAAa,CACX,UAAW,CACT,KAAM,CACJ,GAAI,gBACJ,MAAO,OAAA,CACT,EAEF,KAAM,CACJ,KAAM,CACJ,GAAI,UACJ,MAAO,MAAA,CACT,EAEF,IAAK,CACH,KAAM,CACJ,GAAI,uBACJ,MAAO,MAAA,CACT,EAEF,OAAQ,CACN,KAAM,CACJ,GAAI,wBACJ,MAAO,MAAA,CACT,EAEF,MAAO,CACL,KAAM,CACJ,GAAI,uBACJ,MAAO,OAAA,CACT,EAEF,KAAM,CACJ,KAAM,CACJ,GAAI,sBACJ,MAAO,OAAA,CACT,EAEF,OAAQ,CACN,KAAM,CACJ,GAAI,wBACJ,MAAO,OAAA,CACT,EAEF,MAAO,CACL,KAAM,CACJ,GAAI,uBACJ,MAAO,OAAA,CACT,EAEF,MAAO,CACL,KAAM,CACJ,GAAI,YACJ,MAAO,OAAA,CACT,EAEF,QAAS,CACP,KAAM,CACJ,GAAI,cACJ,MAAO,OAAA,CACT,EAEF,KAAM,CACJ,KAAM,CACJ,GAAI,oBACJ,MAAO,UAAA,CACT,EAEF,KAAM,CACJ,KAAM,CACJ,GAAI,oBACJ,MAAO,UAAA,CACT,EAEF,MAAO,CACL,KAAM,CACJ,GAAI,qBACJ,MAAO,UAAA,CACT,EAEF,UAAW,CACT,KAAM,CACJ,GAAI,yBACJ,MAAO,UAAA,CACT,EAEF,OAAQ,CACN,KAAM,CACJ,GAAI,sBACJ,MAAO,UAAA,CACT,EAEF,IAAK,CACH,KAAM,CACJ,GAAI,mBACJ,MAAO,UAAA,CACT,EAEF,SAAU,CACR,KAAM,CACJ,GAAI,wBACJ,MAAO,UAAA,CACT,CACF,CACF,CAEJ,CAAC"}
+{"version":3,"file":"chip.cjs","names":[],"sources":["../../../src/theme/recipes/chip.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\n\nexport const chipRecipe = defineSlotRecipe({\n  base: {\n    root: {\n      borderRadius: 'full',\n      display: 'inline-flex',\n      flexDirection: 'row',\n      flexShrink: 0,\n      alignItems: 'center',\n      gap: 'space-2',\n    },\n    avatar: {\n      borderRadius: 'full',\n      display: 'inline-block',\n      objectFit: 'cover',\n    },\n    body: {\n      fontFamily: 'satoshi',\n    },\n    clearTrigger: {\n      cursor: 'pointer',\n    },\n  },\n  slots: ['root', 'avatar', 'body', 'clearTrigger'],\n  className: 'chip',\n  defaultVariants: {\n    size: 'md',\n    colorScheme: 'secondary',\n  },\n  description: 'The styles for the Chip component',\n  jsx: ['Chip'],\n  variants: {\n    size: {\n      lg: {\n        avatar: {\n          height: 'size-20',\n          width: 'size-20',\n        },\n        body: {\n          textStyle: 'body.lg',\n        },\n        root: {\n          py: 'space-4',\n          px: 'space-16',\n        },\n      },\n      md: {\n        avatar: {\n          height: 'size-16',\n          width: 'size-16',\n        },\n        body: {\n          textStyle: 'body.md',\n        },\n        root: {\n          py: 'space-2',\n          px: 'space-8',\n        },\n      },\n      sm: {\n        avatar: {\n          height: 'size-12',\n          width: 'size-12',\n        },\n        body: {\n          textStyle: 'body.sm',\n        },\n        root: {\n          py: 'space-2',\n          px: 'space-8',\n        },\n      },\n    },\n    colorScheme: {\n      secondary: {\n        root: {\n          bg: 'secondary.500',\n          color: 'white',\n        },\n      },\n      grey: {\n        root: {\n          bg: 'grey.50',\n          color: 'text',\n        },\n      },\n      red: {\n        root: {\n          bg: 'decorative.red.light',\n          color: 'text',\n        },\n      },\n      yellow: {\n        root: {\n          bg: 'decorative.yellow.mid',\n          color: 'text',\n        },\n      },\n      green: {\n        root: {\n          bg: 'decorative.green.mid',\n          color: 'white',\n        },\n      },\n      blue: {\n        root: {\n          bg: 'decorative.blue.mid',\n          color: 'white',\n        },\n      },\n      purple: {\n        root: {\n          bg: 'decorative.purple.mid',\n          color: 'white',\n        },\n      },\n      brown: {\n        root: {\n          bg: 'decorative.brown.mid',\n          color: 'white',\n        },\n      },\n      error: {\n        root: {\n          bg: 'error.500',\n          color: 'white',\n        },\n      },\n      warning: {\n        root: {\n          bg: 'warning.500',\n          color: 'white',\n        },\n      },\n      fish: {\n        root: {\n          bg: 'typology.fish.mid',\n          color: 'grey.900',\n        },\n      },\n      meat: {\n        root: {\n          bg: 'typology.meat.mid',\n          color: 'grey.900',\n        },\n      },\n      fruit: {\n        root: {\n          bg: 'typology.fruit.mid',\n          color: 'grey.900',\n        },\n      },\n      vegetable: {\n        root: {\n          bg: 'typology.vegetable.mid',\n          color: 'grey.900',\n        },\n      },\n      cereal: {\n        root: {\n          bg: 'typology.cereal.mid',\n          color: 'grey.900',\n        },\n      },\n      oil: {\n        root: {\n          bg: 'typology.oil.mid',\n          color: 'grey.900',\n        },\n      },\n      aromatic: {\n        root: {\n          bg: 'typology.aromatic.mid',\n          color: 'grey.900',\n        },\n      },\n    },\n  },\n})\n"],"mappings":"aAEA,IAAa,GAAA,yBAAA,EAAA,kBAA8B,CACzC,KAAM,CACJ,KAAM,CACJ,aAAc,OACd,QAAS,cACT,cAAe,MACf,WAAY,EACZ,WAAY,SACZ,IAAK,SACP,EACA,OAAQ,CACN,aAAc,OACd,QAAS,eACT,UAAW,OACb,EACA,KAAM,CACJ,WAAY,SACd,EACA,aAAc,CACZ,OAAQ,SACV,CACF,EACA,MAAO,CAAC,OAAQ,SAAU,OAAQ,cAAc,EAChD,UAAW,OACX,gBAAiB,CACf,KAAM,KACN,YAAa,WACf,EACA,YAAa,oCACb,IAAK,CAAC,MAAM,EACZ,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,CACN,OAAQ,UACR,MAAO,SACT,EACA,KAAM,CACJ,UAAW,SACb,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,UACN,CACF,EACA,GAAI,CACF,OAAQ,CACN,OAAQ,UACR,MAAO,SACT,EACA,KAAM,CACJ,UAAW,SACb,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,SACN,CACF,EACA,GAAI,CACF,OAAQ,CACN,OAAQ,UACR,MAAO,SACT,EACA,KAAM,CACJ,UAAW,SACb,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,SACN,CACF,CACF,EACA,YAAa,CACX,UAAW,CACT,KAAM,CACJ,GAAI,gBACJ,MAAO,OACT,CACF,EACA,KAAM,CACJ,KAAM,CACJ,GAAI,UACJ,MAAO,MACT,CACF,EACA,IAAK,CACH,KAAM,CACJ,GAAI,uBACJ,MAAO,MACT,CACF,EACA,OAAQ,CACN,KAAM,CACJ,GAAI,wBACJ,MAAO,MACT,CACF,EACA,MAAO,CACL,KAAM,CACJ,GAAI,uBACJ,MAAO,OACT,CACF,EACA,KAAM,CACJ,KAAM,CACJ,GAAI,sBACJ,MAAO,OACT,CACF,EACA,OAAQ,CACN,KAAM,CACJ,GAAI,wBACJ,MAAO,OACT,CACF,EACA,MAAO,CACL,KAAM,CACJ,GAAI,uBACJ,MAAO,OACT,CACF,EACA,MAAO,CACL,KAAM,CACJ,GAAI,YACJ,MAAO,OACT,CACF,EACA,QAAS,CACP,KAAM,CACJ,GAAI,cACJ,MAAO,OACT,CACF,EACA,KAAM,CACJ,KAAM,CACJ,GAAI,oBACJ,MAAO,UACT,CACF,EACA,KAAM,CACJ,KAAM,CACJ,GAAI,oBACJ,MAAO,UACT,CACF,EACA,MAAO,CACL,KAAM,CACJ,GAAI,qBACJ,MAAO,UACT,CACF,EACA,UAAW,CACT,KAAM,CACJ,GAAI,yBACJ,MAAO,UACT,CACF,EACA,OAAQ,CACN,KAAM,CACJ,GAAI,sBACJ,MAAO,UACT,CACF,EACA,IAAK,CACH,KAAM,CACJ,GAAI,mBACJ,MAAO,UACT,CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,wBACJ,MAAO,UACT,CACF,CACF,CACF,CACF,CAAC"}