@stokelp/ui 2.96.6 → 2.97.0

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

@@ -0,0 +1,70 @@
+"use client";
+import { defineSlotRecipe as i } from "@pandacss/dev";
+import { radioGroupRecipe as e } from "./radio-group.js";
+import { groupCardVariants as t, groupCard as o } from "./common/group-card.js";
+const d = i({
+  base: {
+    item: {
+      ...o.root,
+      boxShadow: {
+        _hover: {
+          base: o.root.boxShadow._hover,
+          _checked: "none"
+        }
+      }
+    },
+    itemControl: {
+      ...e.base?.itemControl,
+      borderColor: {
+        ...e.base?.itemControl?.borderColor,
+        _hover: {}
+      }
+    },
+    itemContent: o.content,
+    itemTitle: o.title,
+    itemDescription: o.description,
+    itemImage: o.image,
+    root: {
+      display: "flex",
+      flexDirection: {
+        _horizontal: "row",
+        _vertical: "column"
+      }
+    }
+  },
+  className: "radio-card-group",
+  jsx: [
+    "RadioCardGroup",
+    "RadioCardGroup.Root",
+    "RadioCardGroup.Item",
+    "RadioCardGroup.ItemContent",
+    "RadioCardGroup.ItemTitle",
+    "RadioCardGroup.ItemDescription",
+    "RadioCardGroup.ItemImage"
+  ],
+  defaultVariants: {
+    size: "md"
+  },
+  slots: [...e.slots, "itemImage", "itemContent", "itemTitle", "itemDescription"],
+  variants: {
+    size: {
+      md: {
+        item: t.size.md.root,
+        itemControl: e.variants?.size?.md?.itemControl,
+        itemTitle: t.size.md.title,
+        itemImage: t.size.md.image,
+        itemDescription: t.size.md.description,
+        root: {
+          gap: {
+            _horizontal: "space-16",
+            _vertical: "space-16"
+          }
+        }
+      }
+    }
+  }
+});
+export {
+  d as radioCardGroupRecipe
+};
+//# sourceMappingURL=radio-card-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-card-group.js","sources":["../../../src/theme/recipes/radio-card-group.ts"],"sourcesContent":["import { defineSlotRecipe } from '@pandacss/dev'\nimport { radioGroupRecipe } from './radio-group'\nimport { groupCard, groupCardVariants } from './common/group-card'\n\nexport const radioCardGroupRecipe = defineSlotRecipe({\n  base: {\n    item: {\n      ...groupCard.root,\n      boxShadow: {\n        _hover: {\n          base: groupCard.root.boxShadow._hover,\n          _checked: 'none',\n        },\n      },\n    },\n    itemControl: {\n      ...radioGroupRecipe.base?.itemControl,\n      borderColor: {\n        ...(radioGroupRecipe.base?.itemControl?.borderColor as Record<string, string>),\n        _hover: {},\n      },\n    },\n    itemContent: groupCard.content,\n    itemTitle: groupCard.title,\n    itemDescription: groupCard.description,\n    itemImage: groupCard.image,\n    root: {\n      display: 'flex',\n      flexDirection: {\n        _horizontal: 'row',\n        _vertical: 'column',\n      },\n    },\n  },\n  className: 'radio-card-group',\n  jsx: [\n    'RadioCardGroup',\n    'RadioCardGroup.Root',\n    'RadioCardGroup.Item',\n    'RadioCardGroup.ItemContent',\n    'RadioCardGroup.ItemTitle',\n    'RadioCardGroup.ItemDescription',\n    'RadioCardGroup.ItemImage',\n  ],\n  defaultVariants: {\n    size: 'md',\n  },\n  slots: [...radioGroupRecipe.slots, 'itemImage', 'itemContent', 'itemTitle', 'itemDescription'],\n  variants: {\n    size: {\n      md: {\n        item: groupCardVariants.size.md.root,\n        itemControl: radioGroupRecipe.variants?.size?.md?.itemControl,\n        itemTitle: groupCardVariants.size.md.title,\n        itemImage: groupCardVariants.size.md.image,\n        itemDescription: groupCardVariants.size.md.description,\n        root: {\n          gap: {\n            _horizontal: 'space-16',\n            _vertical: 'space-16',\n          },\n        },\n      },\n    },\n  },\n})\n"],"names":["radioCardGroupRecipe","defineSlotRecipe","groupCard","radioGroupRecipe","groupCardVariants"],"mappings":";;;;AAIO,MAAMA,IAAuBC,EAAiB;AAAA,EACnD,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,GAAGC,EAAU;AAAA,MACb,WAAW;AAAA,QACT,QAAQ;AAAA,UACN,MAAMA,EAAU,KAAK,UAAU;AAAA,UAC/B,UAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IACF;AAAA,IAEF,aAAa;AAAA,MACX,GAAGC,EAAiB,MAAM;AAAA,MAC1B,aAAa;AAAA,QACX,GAAIA,EAAiB,MAAM,aAAa;AAAA,QACxC,QAAQ,CAAA;AAAA,MAAC;AAAA,IACX;AAAA,IAEF,aAAaD,EAAU;AAAA,IACvB,WAAWA,EAAU;AAAA,IACrB,iBAAiBA,EAAU;AAAA,IAC3B,WAAWA,EAAU;AAAA,IACrB,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,EACX,KAAK;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAAA,EAER,OAAO,CAAC,GAAGC,EAAiB,OAAO,aAAa,eAAe,aAAa,iBAAiB;AAAA,EAC7F,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAMC,EAAkB,KAAK,GAAG;AAAA,QAChC,aAAaD,EAAiB,UAAU,MAAM,IAAI;AAAA,QAClD,WAAWC,EAAkB,KAAK,GAAG;AAAA,QACrC,WAAWA,EAAkB,KAAK,GAAG;AAAA,QACrC,iBAAiBA,EAAkB,KAAK,GAAG;AAAA,QAC3C,MAAM;AAAA,UACJ,KAAK;AAAA,YACH,aAAa;AAAA,YACb,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;"}

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

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),r=require("@pandacss/dev"),i=r.defineSlotRecipe({base:{item:{_disabled:{cursor:"not-allowed"},alignItems:"center",cursor:"pointer",display:"flex"},itemControl:{flexShrink:0,_checked:{outlineColor:"white",outlineStyle:"solid"},background:{base:"white",_checked:"primary.500",_disabled:{base:"grey.50",_checked:"grey.200"},_invalid:{base:"white",_checked:"error.500"},_hover:{base:"white",_checked:"primary.500",_disabled:{base:"grey.50",_checked:"grey.200"},_invalid:{base:"white",_checked:"error.500"}}},borderColor:{base:"grey.100",_checked:"primary.500",_disabled:{base:"grey.100",_checked:"grey.200"},_invalid:"error.500",_hover:{base:"secondary.500",_checked:"primary.500",_disabled:{base:"grey.100",_checked:"grey.200"},_invalid:"error.500"}},_focus:{boxShadow:{base:"0 0 0 1px {colors.secondary.300}",_disabled:"none"}},borderRadius:"full",borderWidth:"1px"},itemText:{_disabled:{color:"grey.300"},fontFamily:"satoshi",color:"grey.800"},root:{display:"flex",flexDirection:{_horizontal:"row",_vertical:"column"}}},className:"radio-group",defaultVariants:{size:"md"},slots:e.radioGroupAnatomy.keys(),variants:{size:{md:{item:{gap:"space-4"},itemControl:{_checked:{outlineOffset:"-3px",outlineWidth:"1px"},height:"size-16",width:"size-16"},itemText:{textStyle:"body.md"},root:{gap:{_horizontal:"space-28",_vertical:"space-28"}}}}}});exports.radioGroupRecipe=i;
+//# sourceMappingURL=radio-group.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.cjs","sources":["../../../src/theme/recipes/radio-group.ts"],"sourcesContent":["import { radioGroupAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const radioGroupRecipe = defineSlotRecipe({\n  base: {\n    item: {\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n      alignItems: 'center',\n      cursor: 'pointer',\n      display: 'flex',\n    },\n    itemControl: {\n      flexShrink: 0,\n      _checked: {\n        outlineColor: 'white',\n        outlineStyle: 'solid',\n      },\n      background: {\n        base: 'white',\n        _checked: 'primary.500',\n        _disabled: {\n          base: 'grey.50',\n          _checked: 'grey.200',\n        },\n        _invalid: {\n          base: 'white',\n          _checked: 'error.500',\n        },\n        _hover: {\n          base: 'white',\n          _checked: 'primary.500',\n          _disabled: {\n            base: 'grey.50',\n            _checked: 'grey.200',\n          },\n          _invalid: {\n            base: 'white',\n            _checked: 'error.500',\n          },\n        },\n      },\n      borderColor: {\n        base: 'grey.100',\n        _checked: 'primary.500',\n        _disabled: {\n          base: 'grey.100',\n          _checked: 'grey.200',\n        },\n        _invalid: 'error.500',\n        _hover: {\n          base: 'secondary.500',\n          _checked: 'primary.500',\n          _disabled: {\n            base: 'grey.100',\n            _checked: 'grey.200',\n          },\n          _invalid: 'error.500',\n        },\n      },\n      _focus: {\n        boxShadow: {\n          base: '0 0 0 1px {colors.secondary.300}',\n          _disabled: 'none',\n        },\n      },\n      borderRadius: 'full',\n      borderWidth: '1px',\n    },\n    itemText: {\n      _disabled: {\n        color: 'grey.300',\n      },\n      fontFamily: 'satoshi',\n      color: 'grey.800',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: {\n        _horizontal: 'row',\n        _vertical: 'column',\n      },\n    },\n  },\n  className: 'radio-group',\n  defaultVariants: {\n    size: 'md',\n  },\n  slots: radioGroupAnatomy.keys(),\n  variants: {\n    size: {\n      md: {\n        item: {\n          gap: 'space-4',\n        },\n        itemControl: {\n          _checked: {\n            outlineOffset: '-3px',\n            outlineWidth: '1px',\n          },\n          height: 'size-16',\n          width: 'size-16',\n        },\n        itemText: {\n          textStyle: 'body.md',\n        },\n        root: {\n          gap: {\n            _horizontal: 'space-28',\n            _vertical: 'space-28',\n          },\n        },\n      },\n    },\n  },\n})\n"],"names":["radioGroupRecipe","defineSlotRecipe","radioGroupAnatomy"],"mappings":"yJAGaA,EAAmBC,EAAAA,iBAAiB,CAC/C,KAAM,CACJ,KAAM,CACJ,UAAW,CACT,OAAQ,aAAA,EAEV,WAAY,SACZ,OAAQ,UACR,QAAS,MAAA,EAEX,YAAa,CACX,WAAY,EACZ,SAAU,CACR,aAAc,QACd,aAAc,OAAA,EAEhB,WAAY,CACV,KAAM,QACN,SAAU,cACV,UAAW,CACT,KAAM,UACN,SAAU,UAAA,EAEZ,SAAU,CACR,KAAM,QACN,SAAU,WAAA,EAEZ,OAAQ,CACN,KAAM,QACN,SAAU,cACV,UAAW,CACT,KAAM,UACN,SAAU,UAAA,EAEZ,SAAU,CACR,KAAM,QACN,SAAU,WAAA,CACZ,CACF,EAEF,YAAa,CACX,KAAM,WACN,SAAU,cACV,UAAW,CACT,KAAM,WACN,SAAU,UAAA,EAEZ,SAAU,YACV,OAAQ,CACN,KAAM,gBACN,SAAU,cACV,UAAW,CACT,KAAM,WACN,SAAU,UAAA,EAEZ,SAAU,WAAA,CACZ,EAEF,OAAQ,CACN,UAAW,CACT,KAAM,mCACN,UAAW,MAAA,CACb,EAEF,aAAc,OACd,YAAa,KAAA,EAEf,SAAU,CACR,UAAW,CACT,MAAO,UAAA,EAET,WAAY,UACZ,MAAO,UAAA,EAET,KAAM,CACJ,QAAS,OACT,cAAe,CACb,YAAa,MACb,UAAW,QAAA,CACb,CACF,EAEF,UAAW,cACX,gBAAiB,CACf,KAAM,IAAA,EAER,MAAOC,EAAAA,kBAAkB,KAAA,EACzB,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,CACJ,IAAK,SAAA,EAEP,YAAa,CACX,SAAU,CACR,cAAe,OACf,aAAc,KAAA,EAEhB,OAAQ,UACR,MAAO,SAAA,EAET,SAAU,CACR,UAAW,SAAA,EAEb,KAAM,CACJ,IAAK,CACH,YAAa,WACb,UAAW,UAAA,CACb,CACF,CACF,CACF,CAEJ,CAAC"}

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

@@ -0,0 +1,121 @@
+"use client";
+import { radioGroupAnatomy as e } from "@ark-ui/react";
+import { defineSlotRecipe as r } from "@pandacss/dev";
+const a = r({
+  base: {
+    item: {
+      _disabled: {
+        cursor: "not-allowed"
+      },
+      alignItems: "center",
+      cursor: "pointer",
+      display: "flex"
+    },
+    itemControl: {
+      flexShrink: 0,
+      _checked: {
+        outlineColor: "white",
+        outlineStyle: "solid"
+      },
+      background: {
+        base: "white",
+        _checked: "primary.500",
+        _disabled: {
+          base: "grey.50",
+          _checked: "grey.200"
+        },
+        _invalid: {
+          base: "white",
+          _checked: "error.500"
+        },
+        _hover: {
+          base: "white",
+          _checked: "primary.500",
+          _disabled: {
+            base: "grey.50",
+            _checked: "grey.200"
+          },
+          _invalid: {
+            base: "white",
+            _checked: "error.500"
+          }
+        }
+      },
+      borderColor: {
+        base: "grey.100",
+        _checked: "primary.500",
+        _disabled: {
+          base: "grey.100",
+          _checked: "grey.200"
+        },
+        _invalid: "error.500",
+        _hover: {
+          base: "secondary.500",
+          _checked: "primary.500",
+          _disabled: {
+            base: "grey.100",
+            _checked: "grey.200"
+          },
+          _invalid: "error.500"
+        }
+      },
+      _focus: {
+        boxShadow: {
+          base: "0 0 0 1px {colors.secondary.300}",
+          _disabled: "none"
+        }
+      },
+      borderRadius: "full",
+      borderWidth: "1px"
+    },
+    itemText: {
+      _disabled: {
+        color: "grey.300"
+      },
+      fontFamily: "satoshi",
+      color: "grey.800"
+    },
+    root: {
+      display: "flex",
+      flexDirection: {
+        _horizontal: "row",
+        _vertical: "column"
+      }
+    }
+  },
+  className: "radio-group",
+  defaultVariants: {
+    size: "md"
+  },
+  slots: e.keys(),
+  variants: {
+    size: {
+      md: {
+        item: {
+          gap: "space-4"
+        },
+        itemControl: {
+          _checked: {
+            outlineOffset: "-3px",
+            outlineWidth: "1px"
+          },
+          height: "size-16",
+          width: "size-16"
+        },
+        itemText: {
+          textStyle: "body.md"
+        },
+        root: {
+          gap: {
+            _horizontal: "space-28",
+            _vertical: "space-28"
+          }
+        }
+      }
+    }
+  }
+});
+export {
+  a as radioGroupRecipe
+};
+//# sourceMappingURL=radio-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sources":["../../../src/theme/recipes/radio-group.ts"],"sourcesContent":["import { radioGroupAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const radioGroupRecipe = defineSlotRecipe({\n  base: {\n    item: {\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n      alignItems: 'center',\n      cursor: 'pointer',\n      display: 'flex',\n    },\n    itemControl: {\n      flexShrink: 0,\n      _checked: {\n        outlineColor: 'white',\n        outlineStyle: 'solid',\n      },\n      background: {\n        base: 'white',\n        _checked: 'primary.500',\n        _disabled: {\n          base: 'grey.50',\n          _checked: 'grey.200',\n        },\n        _invalid: {\n          base: 'white',\n          _checked: 'error.500',\n        },\n        _hover: {\n          base: 'white',\n          _checked: 'primary.500',\n          _disabled: {\n            base: 'grey.50',\n            _checked: 'grey.200',\n          },\n          _invalid: {\n            base: 'white',\n            _checked: 'error.500',\n          },\n        },\n      },\n      borderColor: {\n        base: 'grey.100',\n        _checked: 'primary.500',\n        _disabled: {\n          base: 'grey.100',\n          _checked: 'grey.200',\n        },\n        _invalid: 'error.500',\n        _hover: {\n          base: 'secondary.500',\n          _checked: 'primary.500',\n          _disabled: {\n            base: 'grey.100',\n            _checked: 'grey.200',\n          },\n          _invalid: 'error.500',\n        },\n      },\n      _focus: {\n        boxShadow: {\n          base: '0 0 0 1px {colors.secondary.300}',\n          _disabled: 'none',\n        },\n      },\n      borderRadius: 'full',\n      borderWidth: '1px',\n    },\n    itemText: {\n      _disabled: {\n        color: 'grey.300',\n      },\n      fontFamily: 'satoshi',\n      color: 'grey.800',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: {\n        _horizontal: 'row',\n        _vertical: 'column',\n      },\n    },\n  },\n  className: 'radio-group',\n  defaultVariants: {\n    size: 'md',\n  },\n  slots: radioGroupAnatomy.keys(),\n  variants: {\n    size: {\n      md: {\n        item: {\n          gap: 'space-4',\n        },\n        itemControl: {\n          _checked: {\n            outlineOffset: '-3px',\n            outlineWidth: '1px',\n          },\n          height: 'size-16',\n          width: 'size-16',\n        },\n        itemText: {\n          textStyle: 'body.md',\n        },\n        root: {\n          gap: {\n            _horizontal: 'space-28',\n            _vertical: 'space-28',\n          },\n        },\n      },\n    },\n  },\n})\n"],"names":["radioGroupRecipe","defineSlotRecipe","radioGroupAnatomy"],"mappings":";;;AAGO,MAAMA,IAAmBC,EAAiB;AAAA,EAC/C,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,WAAW;AAAA,QACT,QAAQ;AAAA,MAAA;AAAA,MAEV,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,QACR,cAAc;AAAA,QACd,cAAc;AAAA,MAAA;AAAA,MAEhB,YAAY;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,WAAW;AAAA,UACT,MAAM;AAAA,UACN,UAAU;AAAA,QAAA;AAAA,QAEZ,UAAU;AAAA,UACR,MAAM;AAAA,UACN,UAAU;AAAA,QAAA;AAAA,QAEZ,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,UAAU;AAAA,UACV,WAAW;AAAA,YACT,MAAM;AAAA,YACN,UAAU;AAAA,UAAA;AAAA,UAEZ,UAAU;AAAA,YACR,MAAM;AAAA,YACN,UAAU;AAAA,UAAA;AAAA,QACZ;AAAA,MACF;AAAA,MAEF,aAAa;AAAA,QACX,MAAM;AAAA,QACN,UAAU;AAAA,QACV,WAAW;AAAA,UACT,MAAM;AAAA,UACN,UAAU;AAAA,QAAA;AAAA,QAEZ,UAAU;AAAA,QACV,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,UAAU;AAAA,UACV,WAAW;AAAA,YACT,MAAM;AAAA,YACN,UAAU;AAAA,UAAA;AAAA,UAEZ,UAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MAEF,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,MAAM;AAAA,UACN,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,MAEF,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA,IAEf,UAAU;AAAA,MACR,WAAW;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,YAAY;AAAA,MACZ,OAAO;AAAA,IAAA;AAAA,IAET,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,EACX,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAAA,EAER,OAAOC,EAAkB,KAAA;AAAA,EACzB,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,KAAK;AAAA,QAAA;AAAA,QAEP,aAAa;AAAA,UACX,UAAU;AAAA,YACR,eAAe;AAAA,YACf,cAAc;AAAA,UAAA;AAAA,UAEhB,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA;AAAA,QAET,UAAU;AAAA,UACR,WAAW;AAAA,QAAA;AAAA,QAEb,MAAM;AAAA,UACJ,KAAK;AAAA,YACH,aAAa;AAAA,YACb,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;"}

package/dist/theme/recipes/select-language.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),a=require("@pandacss/dev"),t=a.defineSlotRecipe({base:{control:{fontFamily:"satoshi",position:"relative"},valueText:{flex:1,display:"flex",gap:"space-8"},content:{fontFamily:"satoshi",background:"background",display:"flex",flexDirection:"column",zIndex:"modal",width:"100%",transformOrigin:"45px 0px",borderRadius:"4px",px:"space-4",py:"space-8",gap:"space-4",boxShadow:"rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px",_open:{animation:"slide-in-top-modal 0.2s ease-out"},_closed:{animation:"slide-out-top-modal 0.2s ease-out"}},item:{alignItems:"center",cursor:"pointer",display:"grid",gridTemplateColumns:"20px 1fr",gap:"space-4",borderRadius:"4px",textAlign:"right",px:"space-8",py:"space-8",background:{_selected:"primary.200",_highlighted:"primary.100",_hover:"primary.100"},fontWeight:"700",fontSize:"14px",color:{base:"primary.500",_selected:"white"},transitionDuration:{base:"fast",_selected:"0ms"},transitionProperty:"background, color",transitionTimingFunction:"default"},root:{display:"flex",flexDirection:"column",gap:"space-4",width:"full"},trigger:{gap:"space-8",minH:"32px",py:"space-8",px:"space-8",alignItems:"center",bg:{base:"primary.100"},borderRadius:"radius-60",maxHeight:"32px",color:{base:"primary.500"},fontWeight:"700",fontSize:"14px",cursor:"pointer",display:"inline-flex",outline:0,position:"relative"}},className:"select-language",jsx:["SelectLanguage"],defaultVariants:{variant:"default"},slots:e.selectAnatomy.keys(),variants:{variant:{default:{trigger:{px:"space-16"}},compact:{trigger:{px:"space-8"}}}}});exports.selectLanguageRecipe=t;
+//# sourceMappingURL=select-language.cjs.map

package/dist/theme/recipes/select-language.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-language.cjs","sources":["../../../src/theme/recipes/select-language.ts"],"sourcesContent":["import { selectAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const selectLanguageRecipe = defineSlotRecipe({\n  base: {\n    control: {\n      fontFamily: 'satoshi',\n      position: 'relative',\n    },\n    valueText: {\n      flex: 1,\n      display: 'flex',\n      gap: 'space-8',\n    },\n    content: {\n      fontFamily: 'satoshi',\n      background: 'background',\n      display: 'flex',\n      flexDirection: 'column',\n      zIndex: 'modal',\n      width: '100%',\n      transformOrigin: '45px 0px',\n      borderRadius: '4px',\n      px: 'space-4',\n      py: 'space-8',\n      gap: 'space-4',\n      boxShadow:\n        'rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px',\n      _open: {\n        animation: 'slide-in-top-modal 0.2s ease-out',\n      },\n      _closed: {\n        animation: 'slide-out-top-modal 0.2s ease-out',\n      },\n    },\n    item: {\n      alignItems: 'center',\n      cursor: 'pointer',\n      display: 'grid',\n      gridTemplateColumns: '20px 1fr',\n      gap: 'space-4',\n      borderRadius: '4px',\n      textAlign: 'right',\n      px: 'space-8',\n      py: 'space-8',\n      background: {\n        _selected: 'primary.200',\n        _highlighted: 'primary.100',\n        _hover: 'primary.100',\n      },\n      fontWeight: '700',\n      fontSize: '14px',\n      color: {\n        base: 'primary.500',\n        _selected: 'white',\n      },\n      transitionDuration: {\n        base: 'fast',\n        _selected: '0ms',\n      },\n      transitionProperty: 'background, color',\n      transitionTimingFunction: 'default',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n      width: 'full',\n    },\n    trigger: {\n      gap: 'space-8',\n      minH: '32px',\n      py: 'space-8',\n      px: 'space-8',\n      alignItems: 'center',\n      bg: {\n        base: 'primary.100',\n      },\n      borderRadius: 'radius-60',\n      maxHeight: '32px',\n      color: {\n        base: 'primary.500',\n      },\n      fontWeight: '700',\n      fontSize: '14px',\n      cursor: 'pointer',\n      display: 'inline-flex',\n      outline: 0,\n      position: 'relative',\n    },\n  },\n  className: 'select-language',\n  jsx: ['SelectLanguage'],\n  defaultVariants: {\n    variant: 'default',\n  },\n  slots: selectAnatomy.keys(),\n  variants: {\n    variant: {\n      default: {\n        trigger: {\n          px: 'space-16',\n        },\n      },\n      compact: {\n        trigger: {\n          px: 'space-8',\n        },\n      },\n    },\n  },\n})\n"],"names":["selectLanguageRecipe","defineSlotRecipe","selectAnatomy"],"mappings":"yJAGaA,EAAuBC,EAAAA,iBAAiB,CACnD,KAAM,CACJ,QAAS,CACP,WAAY,UACZ,SAAU,UAAA,EAEZ,UAAW,CACT,KAAM,EACN,QAAS,OACT,IAAK,SAAA,EAEP,QAAS,CACP,WAAY,UACZ,WAAY,aACZ,QAAS,OACT,cAAe,SACf,OAAQ,QACR,MAAO,OACP,gBAAiB,WACjB,aAAc,MACd,GAAI,UACJ,GAAI,UACJ,IAAK,UACL,UACE,kHACF,MAAO,CACL,UAAW,kCAAA,EAEb,QAAS,CACP,UAAW,mCAAA,CACb,EAEF,KAAM,CACJ,WAAY,SACZ,OAAQ,UACR,QAAS,OACT,oBAAqB,WACrB,IAAK,UACL,aAAc,MACd,UAAW,QACX,GAAI,UACJ,GAAI,UACJ,WAAY,CACV,UAAW,cACX,aAAc,cACd,OAAQ,aAAA,EAEV,WAAY,MACZ,SAAU,OACV,MAAO,CACL,KAAM,cACN,UAAW,OAAA,EAEb,mBAAoB,CAClB,KAAM,OACN,UAAW,KAAA,EAEb,mBAAoB,oBACpB,yBAA0B,SAAA,EAE5B,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,UACL,MAAO,MAAA,EAET,QAAS,CACP,IAAK,UACL,KAAM,OACN,GAAI,UACJ,GAAI,UACJ,WAAY,SACZ,GAAI,CACF,KAAM,aAAA,EAER,aAAc,YACd,UAAW,OACX,MAAO,CACL,KAAM,aAAA,EAER,WAAY,MACZ,SAAU,OACV,OAAQ,UACR,QAAS,cACT,QAAS,EACT,SAAU,UAAA,CACZ,EAEF,UAAW,kBACX,IAAK,CAAC,gBAAgB,EACtB,gBAAiB,CACf,QAAS,SAAA,EAEX,MAAOC,EAAAA,cAAc,KAAA,EACrB,SAAU,CACR,QAAS,CACP,QAAS,CACP,QAAS,CACP,GAAI,UAAA,CACN,EAEF,QAAS,CACP,QAAS,CACP,GAAI,SAAA,CACN,CACF,CACF,CAEJ,CAAC"}

package/dist/theme/recipes/select-language.js

@@ -0,0 +1,115 @@
+"use client";
+import { selectAnatomy as e } from "@ark-ui/react";
+import { defineSlotRecipe as a } from "@pandacss/dev";
+const p = a({
+  base: {
+    control: {
+      fontFamily: "satoshi",
+      position: "relative"
+    },
+    valueText: {
+      flex: 1,
+      display: "flex",
+      gap: "space-8"
+    },
+    content: {
+      fontFamily: "satoshi",
+      background: "background",
+      display: "flex",
+      flexDirection: "column",
+      zIndex: "modal",
+      width: "100%",
+      transformOrigin: "45px 0px",
+      borderRadius: "4px",
+      px: "space-4",
+      py: "space-8",
+      gap: "space-4",
+      boxShadow: "rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px",
+      _open: {
+        animation: "slide-in-top-modal 0.2s ease-out"
+      },
+      _closed: {
+        animation: "slide-out-top-modal 0.2s ease-out"
+      }
+    },
+    item: {
+      alignItems: "center",
+      cursor: "pointer",
+      display: "grid",
+      gridTemplateColumns: "20px 1fr",
+      gap: "space-4",
+      borderRadius: "4px",
+      textAlign: "right",
+      px: "space-8",
+      py: "space-8",
+      background: {
+        _selected: "primary.200",
+        _highlighted: "primary.100",
+        _hover: "primary.100"
+      },
+      fontWeight: "700",
+      fontSize: "14px",
+      color: {
+        base: "primary.500",
+        _selected: "white"
+      },
+      transitionDuration: {
+        base: "fast",
+        _selected: "0ms"
+      },
+      transitionProperty: "background, color",
+      transitionTimingFunction: "default"
+    },
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "space-4",
+      width: "full"
+    },
+    trigger: {
+      gap: "space-8",
+      minH: "32px",
+      py: "space-8",
+      px: "space-8",
+      alignItems: "center",
+      bg: {
+        base: "primary.100"
+      },
+      borderRadius: "radius-60",
+      maxHeight: "32px",
+      color: {
+        base: "primary.500"
+      },
+      fontWeight: "700",
+      fontSize: "14px",
+      cursor: "pointer",
+      display: "inline-flex",
+      outline: 0,
+      position: "relative"
+    }
+  },
+  className: "select-language",
+  jsx: ["SelectLanguage"],
+  defaultVariants: {
+    variant: "default"
+  },
+  slots: e.keys(),
+  variants: {
+    variant: {
+      default: {
+        trigger: {
+          px: "space-16"
+        }
+      },
+      compact: {
+        trigger: {
+          px: "space-8"
+        }
+      }
+    }
+  }
+});
+export {
+  p as selectLanguageRecipe
+};
+//# sourceMappingURL=select-language.js.map

package/dist/theme/recipes/select-language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-language.js","sources":["../../../src/theme/recipes/select-language.ts"],"sourcesContent":["import { selectAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const selectLanguageRecipe = defineSlotRecipe({\n  base: {\n    control: {\n      fontFamily: 'satoshi',\n      position: 'relative',\n    },\n    valueText: {\n      flex: 1,\n      display: 'flex',\n      gap: 'space-8',\n    },\n    content: {\n      fontFamily: 'satoshi',\n      background: 'background',\n      display: 'flex',\n      flexDirection: 'column',\n      zIndex: 'modal',\n      width: '100%',\n      transformOrigin: '45px 0px',\n      borderRadius: '4px',\n      px: 'space-4',\n      py: 'space-8',\n      gap: 'space-4',\n      boxShadow:\n        'rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px',\n      _open: {\n        animation: 'slide-in-top-modal 0.2s ease-out',\n      },\n      _closed: {\n        animation: 'slide-out-top-modal 0.2s ease-out',\n      },\n    },\n    item: {\n      alignItems: 'center',\n      cursor: 'pointer',\n      display: 'grid',\n      gridTemplateColumns: '20px 1fr',\n      gap: 'space-4',\n      borderRadius: '4px',\n      textAlign: 'right',\n      px: 'space-8',\n      py: 'space-8',\n      background: {\n        _selected: 'primary.200',\n        _highlighted: 'primary.100',\n        _hover: 'primary.100',\n      },\n      fontWeight: '700',\n      fontSize: '14px',\n      color: {\n        base: 'primary.500',\n        _selected: 'white',\n      },\n      transitionDuration: {\n        base: 'fast',\n        _selected: '0ms',\n      },\n      transitionProperty: 'background, color',\n      transitionTimingFunction: 'default',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n      width: 'full',\n    },\n    trigger: {\n      gap: 'space-8',\n      minH: '32px',\n      py: 'space-8',\n      px: 'space-8',\n      alignItems: 'center',\n      bg: {\n        base: 'primary.100',\n      },\n      borderRadius: 'radius-60',\n      maxHeight: '32px',\n      color: {\n        base: 'primary.500',\n      },\n      fontWeight: '700',\n      fontSize: '14px',\n      cursor: 'pointer',\n      display: 'inline-flex',\n      outline: 0,\n      position: 'relative',\n    },\n  },\n  className: 'select-language',\n  jsx: ['SelectLanguage'],\n  defaultVariants: {\n    variant: 'default',\n  },\n  slots: selectAnatomy.keys(),\n  variants: {\n    variant: {\n      default: {\n        trigger: {\n          px: 'space-16',\n        },\n      },\n      compact: {\n        trigger: {\n          px: 'space-8',\n        },\n      },\n    },\n  },\n})\n"],"names":["selectLanguageRecipe","defineSlotRecipe","selectAnatomy"],"mappings":";;;AAGO,MAAMA,IAAuBC,EAAiB;AAAA,EACnD,MAAM;AAAA,IACJ,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,IAEZ,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,IAAA;AAAA,IAEP,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WACE;AAAA,MACF,OAAO;AAAA,QACL,WAAW;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,qBAAqB;AAAA,MACrB,KAAK;AAAA,MACL,cAAc;AAAA,MACd,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,YAAY;AAAA,QACV,WAAW;AAAA,QACX,cAAc;AAAA,QACd,QAAQ;AAAA,MAAA;AAAA,MAEV,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb,oBAAoB;AAAA,QAClB,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb,oBAAoB;AAAA,MACpB,0BAA0B;AAAA,IAAA;AAAA,IAE5B,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,IAET,SAAS;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,YAAY;AAAA,MACZ,IAAI;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,cAAc;AAAA,MACd,WAAW;AAAA,MACX,OAAO;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,MAER,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,WAAW;AAAA,EACX,KAAK,CAAC,gBAAgB;AAAA,EACtB,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAAA,EAEX,OAAOC,EAAc,KAAA;AAAA,EACrB,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP,SAAS;AAAA,UACP,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,SAAS;AAAA,QACP,SAAS;AAAA,UACP,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;"}

package/dist/theme/recipes/select.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ark-ui/react"),o=require("@pandacss/dev"),r=o.defineSlotRecipe({base:{control:{fontFamily:"satoshi",position:"relative"},valueText:{"&.custom":{display:"inline-flex",gap:"space-8"},flex:1,pr:"space-28",textAlign:"left"},content:{fontFamily:"satoshi",background:"primary.500",borderWidth:1,borderColor:"primary.500",borderStyle:"solid",'&[data-placement^="top"]':{borderBottom:"none",borderTopLeftRadius:"radius-8",borderTopRightRadius:"radius-8"},'&[data-placement^="bottom"]':{borderTop:"none",borderBottomLeftRadius:"radius-8",borderBottomRightRadius:"radius-8"},display:"flex",flexDirection:"column",outline:0,zIndex:"modal",maxHeight:"180px",overflow:"auto"},indicator:{transition:"transform 0.15s ease-out",transform:{base:"rotate(0deg)",_open:"rotate(180deg)"},color:{base:"secondary.900",_disabled:"grey.300"}},clearTrigger:{position:"absolute",cursor:"pointer",right:"space-48",top:"11px",color:{base:"secondary.900",_disabled:"grey.300"}},item:{_disabled:{cursor:"not-allowed",userSelect:"none"},alignItems:"center",background:{_disabled:{_hover:"grey.100!",_selected:"grey.50!",base:"grey.100!"},_selected:"primary.500",_highlighted:"primary.200",_hover:"primary.200",base:"background"},color:{_disabled:{_hover:"grey.300!",_selected:"grey.300!",base:"grey.300!"},_selected:"white"},cursor:"pointer",display:"flex",gap:"space-4",transitionDuration:{base:"fast",_selected:"0ms"},transitionProperty:"background, color",transitionTimingFunction:"default"},itemGroupLabel:{textStyle:"body.sm"},root:{display:"flex",flexDirection:"column",gap:"space-4",width:"full"},trigger:{_placeholderShown:{color:{base:"grey.400",_disabled:"grey.300"}},_open:{border:"1px solid {colors.primary.500}",'&[data-placement^="top"]':{borderTopLeftRadius:"radius-0!",borderTopRightRadius:"radius-0!"},'&[data-placement^="bottom"]':{borderBottomLeftRadius:"radius-0!",borderBottomRightRadius:"radius-0!"}},alignItems:"center",appearance:"none",bg:{_disabled:{base:"grey.50"},base:"white"},border:{_focusVisible:"1px solid {colors.primary.500}",_hover:{base:"1px solid {colors.secondary.500}",_open:"1px solid {colors.primary.500}",_disabled:"1px solid {colors.grey.100}"},base:"1px solid {colors.grey.100}"},'&[data-placement^="top"]':{borderTopColor:{_open:"grey.100",_hover:{base:"secondary.500",_open:"grey.100"},base:"grey.100"}},'&[data-placement^="bottom"]':{borderBottomColor:{_open:"grey.100",_hover:{base:"secondary.500",_open:"grey.100"},base:"grey.100"}},borderRadius:"radius-10",color:{base:"grey.900",_disabled:"grey.300"},cursor:{base:"pointer",_disabled:"not-allowed"},display:"inline-flex",outline:0,position:"relative",width:"full"}},className:"select",defaultVariants:{size:"md"},jsx:["Select"],slots:e.selectAnatomy.keys(),variants:{hideClearTrigger:{true:{valueText:{pr:0},clearTrigger:{display:"none"}}},size:{md:{item:{px:"space-16",py:"space-8",textStyle:"body.md"},trigger:{gap:"space-8",minH:"40px",minW:"size-16",py:"space-8",px:"space-16",textStyle:"body.md"}}}}});exports.selectRecipe=r;
+//# sourceMappingURL=select.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.cjs","sources":["../../../src/theme/recipes/select.ts"],"sourcesContent":["import { selectAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const selectRecipe = defineSlotRecipe({\n  base: {\n    control: {\n      fontFamily: 'satoshi',\n      position: 'relative',\n    },\n    valueText: {\n      '&.custom': {\n        display: 'inline-flex',\n        gap: 'space-8',\n      },\n      flex: 1,\n      pr: 'space-28',\n      textAlign: 'left',\n    },\n    content: {\n      fontFamily: 'satoshi',\n      background: 'primary.500',\n      borderWidth: 1,\n      borderColor: 'primary.500',\n      borderStyle: 'solid',\n      '&[data-placement^=\"top\"]': {\n        borderBottom: 'none',\n        borderTopLeftRadius: 'radius-8',\n        borderTopRightRadius: 'radius-8',\n      },\n      '&[data-placement^=\"bottom\"]': {\n        borderTop: 'none',\n        borderBottomLeftRadius: 'radius-8',\n        borderBottomRightRadius: 'radius-8',\n      },\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 0,\n      zIndex: 'modal',\n      maxHeight: '180px',\n      overflow: 'auto',\n    },\n    indicator: {\n      transition: 'transform 0.15s ease-out',\n      transform: {\n        base: 'rotate(0deg)',\n        _open: 'rotate(180deg)',\n      },\n      color: {\n        base: 'secondary.900',\n        _disabled: 'grey.300',\n      },\n    },\n    clearTrigger: {\n      position: 'absolute',\n      cursor: 'pointer',\n      right: 'space-48',\n      top: '11px',\n      color: {\n        base: 'secondary.900',\n        _disabled: 'grey.300',\n      },\n    },\n    item: {\n      _disabled: {\n        cursor: 'not-allowed',\n        userSelect: 'none',\n      },\n      alignItems: 'center',\n      background: {\n        _disabled: {\n          _hover: 'grey.100!',\n          _selected: 'grey.50!',\n          base: 'grey.100!',\n        },\n        _selected: 'primary.500',\n        _highlighted: 'primary.200',\n        _hover: 'primary.200',\n        base: 'background',\n      },\n      color: {\n        _disabled: {\n          _hover: 'grey.300!',\n          _selected: 'grey.300!',\n          base: 'grey.300!',\n        },\n        _selected: 'white',\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: 'space-4',\n      transitionDuration: {\n        base: 'fast',\n        _selected: '0ms',\n      },\n      transitionProperty: 'background, color',\n      transitionTimingFunction: 'default',\n    },\n    itemGroupLabel: {\n      textStyle: 'body.sm',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n      width: 'full',\n    },\n    trigger: {\n      _placeholderShown: {\n        color: {\n          base: 'grey.400',\n          _disabled: 'grey.300',\n        },\n      },\n      _open: {\n        border: '1px solid {colors.primary.500}',\n        '&[data-placement^=\"top\"]': {\n          borderTopLeftRadius: 'radius-0!',\n          borderTopRightRadius: 'radius-0!',\n        },\n        '&[data-placement^=\"bottom\"]': {\n          borderBottomLeftRadius: 'radius-0!',\n          borderBottomRightRadius: 'radius-0!',\n        },\n      },\n      alignItems: 'center',\n      appearance: 'none',\n      bg: {\n        _disabled: {\n          base: 'grey.50',\n        },\n        base: 'white',\n      },\n      border: {\n        _focusVisible: '1px solid {colors.primary.500}',\n        _hover: {\n          base: '1px solid {colors.secondary.500}',\n          _open: '1px solid {colors.primary.500}',\n          _disabled: '1px solid {colors.grey.100}',\n        },\n        base: '1px solid {colors.grey.100}',\n      },\n      '&[data-placement^=\"top\"]': {\n        borderTopColor: {\n          _open: 'grey.100',\n          _hover: {\n            base: 'secondary.500',\n            _open: 'grey.100',\n          },\n          base: 'grey.100',\n        },\n      },\n      '&[data-placement^=\"bottom\"]': {\n        borderBottomColor: {\n          _open: 'grey.100',\n          _hover: {\n            base: 'secondary.500',\n            _open: 'grey.100',\n          },\n          base: 'grey.100',\n        },\n      },\n      borderRadius: 'radius-10',\n      color: {\n        base: 'grey.900',\n        _disabled: 'grey.300',\n      },\n      cursor: { base: 'pointer', _disabled: 'not-allowed' },\n      display: 'inline-flex',\n      outline: 0,\n      position: 'relative',\n      width: 'full',\n    },\n  },\n  className: 'select',\n  defaultVariants: {\n    size: 'md',\n  },\n  jsx: ['Select'],\n  slots: selectAnatomy.keys(),\n  variants: {\n    hideClearTrigger: {\n      true: {\n        valueText: {\n          pr: 0,\n        },\n        clearTrigger: {\n          display: 'none',\n        },\n      },\n    },\n    size: {\n      md: {\n        item: { px: 'space-16', py: 'space-8', textStyle: 'body.md' },\n        trigger: {\n          gap: 'space-8',\n          minH: '40px',\n          minW: 'size-16',\n          py: 'space-8',\n          px: 'space-16',\n          textStyle: 'body.md',\n        },\n      },\n    },\n  },\n})\n"],"names":["selectRecipe","defineSlotRecipe","selectAnatomy"],"mappings":"yJAGaA,EAAeC,EAAAA,iBAAiB,CAC3C,KAAM,CACJ,QAAS,CACP,WAAY,UACZ,SAAU,UAAA,EAEZ,UAAW,CACT,WAAY,CACV,QAAS,cACT,IAAK,SAAA,EAEP,KAAM,EACN,GAAI,WACJ,UAAW,MAAA,EAEb,QAAS,CACP,WAAY,UACZ,WAAY,cACZ,YAAa,EACb,YAAa,cACb,YAAa,QACb,2BAA4B,CAC1B,aAAc,OACd,oBAAqB,WACrB,qBAAsB,UAAA,EAExB,8BAA+B,CAC7B,UAAW,OACX,uBAAwB,WACxB,wBAAyB,UAAA,EAE3B,QAAS,OACT,cAAe,SACf,QAAS,EACT,OAAQ,QACR,UAAW,QACX,SAAU,MAAA,EAEZ,UAAW,CACT,WAAY,2BACZ,UAAW,CACT,KAAM,eACN,MAAO,gBAAA,EAET,MAAO,CACL,KAAM,gBACN,UAAW,UAAA,CACb,EAEF,aAAc,CACZ,SAAU,WACV,OAAQ,UACR,MAAO,WACP,IAAK,OACL,MAAO,CACL,KAAM,gBACN,UAAW,UAAA,CACb,EAEF,KAAM,CACJ,UAAW,CACT,OAAQ,cACR,WAAY,MAAA,EAEd,WAAY,SACZ,WAAY,CACV,UAAW,CACT,OAAQ,YACR,UAAW,WACX,KAAM,WAAA,EAER,UAAW,cACX,aAAc,cACd,OAAQ,cACR,KAAM,YAAA,EAER,MAAO,CACL,UAAW,CACT,OAAQ,YACR,UAAW,YACX,KAAM,WAAA,EAER,UAAW,OAAA,EAEb,OAAQ,UACR,QAAS,OACT,IAAK,UACL,mBAAoB,CAClB,KAAM,OACN,UAAW,KAAA,EAEb,mBAAoB,oBACpB,yBAA0B,SAAA,EAE5B,eAAgB,CACd,UAAW,SAAA,EAEb,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,UACL,MAAO,MAAA,EAET,QAAS,CACP,kBAAmB,CACjB,MAAO,CACL,KAAM,WACN,UAAW,UAAA,CACb,EAEF,MAAO,CACL,OAAQ,iCACR,2BAA4B,CAC1B,oBAAqB,YACrB,qBAAsB,WAAA,EAExB,8BAA+B,CAC7B,uBAAwB,YACxB,wBAAyB,WAAA,CAC3B,EAEF,WAAY,SACZ,WAAY,OACZ,GAAI,CACF,UAAW,CACT,KAAM,SAAA,EAER,KAAM,OAAA,EAER,OAAQ,CACN,cAAe,iCACf,OAAQ,CACN,KAAM,mCACN,MAAO,iCACP,UAAW,6BAAA,EAEb,KAAM,6BAAA,EAER,2BAA4B,CAC1B,eAAgB,CACd,MAAO,WACP,OAAQ,CACN,KAAM,gBACN,MAAO,UAAA,EAET,KAAM,UAAA,CACR,EAEF,8BAA+B,CAC7B,kBAAmB,CACjB,MAAO,WACP,OAAQ,CACN,KAAM,gBACN,MAAO,UAAA,EAET,KAAM,UAAA,CACR,EAEF,aAAc,YACd,MAAO,CACL,KAAM,WACN,UAAW,UAAA,EAEb,OAAQ,CAAE,KAAM,UAAW,UAAW,aAAA,EACtC,QAAS,cACT,QAAS,EACT,SAAU,WACV,MAAO,MAAA,CACT,EAEF,UAAW,SACX,gBAAiB,CACf,KAAM,IAAA,EAER,IAAK,CAAC,QAAQ,EACd,MAAOC,EAAAA,cAAc,KAAA,EACrB,SAAU,CACR,iBAAkB,CAChB,KAAM,CACJ,UAAW,CACT,GAAI,CAAA,EAEN,aAAc,CACZ,QAAS,MAAA,CACX,CACF,EAEF,KAAM,CACJ,GAAI,CACF,KAAM,CAAE,GAAI,WAAY,GAAI,UAAW,UAAW,SAAA,EAClD,QAAS,CACP,IAAK,UACL,KAAM,OACN,KAAM,UACN,GAAI,UACJ,GAAI,WACJ,UAAW,SAAA,CACb,CACF,CACF,CAEJ,CAAC"}

package/dist/theme/recipes/select.js

@@ -0,0 +1,209 @@
+"use client";
+import { selectAnatomy as e } from "@ark-ui/react";
+import { defineSlotRecipe as o } from "@pandacss/dev";
+const t = o({
+  base: {
+    control: {
+      fontFamily: "satoshi",
+      position: "relative"
+    },
+    valueText: {
+      "&.custom": {
+        display: "inline-flex",
+        gap: "space-8"
+      },
+      flex: 1,
+      pr: "space-28",
+      textAlign: "left"
+    },
+    content: {
+      fontFamily: "satoshi",
+      background: "primary.500",
+      borderWidth: 1,
+      borderColor: "primary.500",
+      borderStyle: "solid",
+      '&[data-placement^="top"]': {
+        borderBottom: "none",
+        borderTopLeftRadius: "radius-8",
+        borderTopRightRadius: "radius-8"
+      },
+      '&[data-placement^="bottom"]': {
+        borderTop: "none",
+        borderBottomLeftRadius: "radius-8",
+        borderBottomRightRadius: "radius-8"
+      },
+      display: "flex",
+      flexDirection: "column",
+      outline: 0,
+      zIndex: "modal",
+      maxHeight: "180px",
+      overflow: "auto"
+    },
+    indicator: {
+      transition: "transform 0.15s ease-out",
+      transform: {
+        base: "rotate(0deg)",
+        _open: "rotate(180deg)"
+      },
+      color: {
+        base: "secondary.900",
+        _disabled: "grey.300"
+      }
+    },
+    clearTrigger: {
+      position: "absolute",
+      cursor: "pointer",
+      right: "space-48",
+      top: "11px",
+      color: {
+        base: "secondary.900",
+        _disabled: "grey.300"
+      }
+    },
+    item: {
+      _disabled: {
+        cursor: "not-allowed",
+        userSelect: "none"
+      },
+      alignItems: "center",
+      background: {
+        _disabled: {
+          _hover: "grey.100!",
+          _selected: "grey.50!",
+          base: "grey.100!"
+        },
+        _selected: "primary.500",
+        _highlighted: "primary.200",
+        _hover: "primary.200",
+        base: "background"
+      },
+      color: {
+        _disabled: {
+          _hover: "grey.300!",
+          _selected: "grey.300!",
+          base: "grey.300!"
+        },
+        _selected: "white"
+      },
+      cursor: "pointer",
+      display: "flex",
+      gap: "space-4",
+      transitionDuration: {
+        base: "fast",
+        _selected: "0ms"
+      },
+      transitionProperty: "background, color",
+      transitionTimingFunction: "default"
+    },
+    itemGroupLabel: {
+      textStyle: "body.sm"
+    },
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "space-4",
+      width: "full"
+    },
+    trigger: {
+      _placeholderShown: {
+        color: {
+          base: "grey.400",
+          _disabled: "grey.300"
+        }
+      },
+      _open: {
+        border: "1px solid {colors.primary.500}",
+        '&[data-placement^="top"]': {
+          borderTopLeftRadius: "radius-0!",
+          borderTopRightRadius: "radius-0!"
+        },
+        '&[data-placement^="bottom"]': {
+          borderBottomLeftRadius: "radius-0!",
+          borderBottomRightRadius: "radius-0!"
+        }
+      },
+      alignItems: "center",
+      appearance: "none",
+      bg: {
+        _disabled: {
+          base: "grey.50"
+        },
+        base: "white"
+      },
+      border: {
+        _focusVisible: "1px solid {colors.primary.500}",
+        _hover: {
+          base: "1px solid {colors.secondary.500}",
+          _open: "1px solid {colors.primary.500}",
+          _disabled: "1px solid {colors.grey.100}"
+        },
+        base: "1px solid {colors.grey.100}"
+      },
+      '&[data-placement^="top"]': {
+        borderTopColor: {
+          _open: "grey.100",
+          _hover: {
+            base: "secondary.500",
+            _open: "grey.100"
+          },
+          base: "grey.100"
+        }
+      },
+      '&[data-placement^="bottom"]': {
+        borderBottomColor: {
+          _open: "grey.100",
+          _hover: {
+            base: "secondary.500",
+            _open: "grey.100"
+          },
+          base: "grey.100"
+        }
+      },
+      borderRadius: "radius-10",
+      color: {
+        base: "grey.900",
+        _disabled: "grey.300"
+      },
+      cursor: { base: "pointer", _disabled: "not-allowed" },
+      display: "inline-flex",
+      outline: 0,
+      position: "relative",
+      width: "full"
+    }
+  },
+  className: "select",
+  defaultVariants: {
+    size: "md"
+  },
+  jsx: ["Select"],
+  slots: e.keys(),
+  variants: {
+    hideClearTrigger: {
+      true: {
+        valueText: {
+          pr: 0
+        },
+        clearTrigger: {
+          display: "none"
+        }
+      }
+    },
+    size: {
+      md: {
+        item: { px: "space-16", py: "space-8", textStyle: "body.md" },
+        trigger: {
+          gap: "space-8",
+          minH: "40px",
+          minW: "size-16",
+          py: "space-8",
+          px: "space-16",
+          textStyle: "body.md"
+        }
+      }
+    }
+  }
+});
+export {
+  t as selectRecipe
+};
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":["../../../src/theme/recipes/select.ts"],"sourcesContent":["import { selectAnatomy } from '@ark-ui/react'\nimport { defineSlotRecipe } from '@pandacss/dev'\n\nexport const selectRecipe = defineSlotRecipe({\n  base: {\n    control: {\n      fontFamily: 'satoshi',\n      position: 'relative',\n    },\n    valueText: {\n      '&.custom': {\n        display: 'inline-flex',\n        gap: 'space-8',\n      },\n      flex: 1,\n      pr: 'space-28',\n      textAlign: 'left',\n    },\n    content: {\n      fontFamily: 'satoshi',\n      background: 'primary.500',\n      borderWidth: 1,\n      borderColor: 'primary.500',\n      borderStyle: 'solid',\n      '&[data-placement^=\"top\"]': {\n        borderBottom: 'none',\n        borderTopLeftRadius: 'radius-8',\n        borderTopRightRadius: 'radius-8',\n      },\n      '&[data-placement^=\"bottom\"]': {\n        borderTop: 'none',\n        borderBottomLeftRadius: 'radius-8',\n        borderBottomRightRadius: 'radius-8',\n      },\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 0,\n      zIndex: 'modal',\n      maxHeight: '180px',\n      overflow: 'auto',\n    },\n    indicator: {\n      transition: 'transform 0.15s ease-out',\n      transform: {\n        base: 'rotate(0deg)',\n        _open: 'rotate(180deg)',\n      },\n      color: {\n        base: 'secondary.900',\n        _disabled: 'grey.300',\n      },\n    },\n    clearTrigger: {\n      position: 'absolute',\n      cursor: 'pointer',\n      right: 'space-48',\n      top: '11px',\n      color: {\n        base: 'secondary.900',\n        _disabled: 'grey.300',\n      },\n    },\n    item: {\n      _disabled: {\n        cursor: 'not-allowed',\n        userSelect: 'none',\n      },\n      alignItems: 'center',\n      background: {\n        _disabled: {\n          _hover: 'grey.100!',\n          _selected: 'grey.50!',\n          base: 'grey.100!',\n        },\n        _selected: 'primary.500',\n        _highlighted: 'primary.200',\n        _hover: 'primary.200',\n        base: 'background',\n      },\n      color: {\n        _disabled: {\n          _hover: 'grey.300!',\n          _selected: 'grey.300!',\n          base: 'grey.300!',\n        },\n        _selected: 'white',\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: 'space-4',\n      transitionDuration: {\n        base: 'fast',\n        _selected: '0ms',\n      },\n      transitionProperty: 'background, color',\n      transitionTimingFunction: 'default',\n    },\n    itemGroupLabel: {\n      textStyle: 'body.sm',\n    },\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'space-4',\n      width: 'full',\n    },\n    trigger: {\n      _placeholderShown: {\n        color: {\n          base: 'grey.400',\n          _disabled: 'grey.300',\n        },\n      },\n      _open: {\n        border: '1px solid {colors.primary.500}',\n        '&[data-placement^=\"top\"]': {\n          borderTopLeftRadius: 'radius-0!',\n          borderTopRightRadius: 'radius-0!',\n        },\n        '&[data-placement^=\"bottom\"]': {\n          borderBottomLeftRadius: 'radius-0!',\n          borderBottomRightRadius: 'radius-0!',\n        },\n      },\n      alignItems: 'center',\n      appearance: 'none',\n      bg: {\n        _disabled: {\n          base: 'grey.50',\n        },\n        base: 'white',\n      },\n      border: {\n        _focusVisible: '1px solid {colors.primary.500}',\n        _hover: {\n          base: '1px solid {colors.secondary.500}',\n          _open: '1px solid {colors.primary.500}',\n          _disabled: '1px solid {colors.grey.100}',\n        },\n        base: '1px solid {colors.grey.100}',\n      },\n      '&[data-placement^=\"top\"]': {\n        borderTopColor: {\n          _open: 'grey.100',\n          _hover: {\n            base: 'secondary.500',\n            _open: 'grey.100',\n          },\n          base: 'grey.100',\n        },\n      },\n      '&[data-placement^=\"bottom\"]': {\n        borderBottomColor: {\n          _open: 'grey.100',\n          _hover: {\n            base: 'secondary.500',\n            _open: 'grey.100',\n          },\n          base: 'grey.100',\n        },\n      },\n      borderRadius: 'radius-10',\n      color: {\n        base: 'grey.900',\n        _disabled: 'grey.300',\n      },\n      cursor: { base: 'pointer', _disabled: 'not-allowed' },\n      display: 'inline-flex',\n      outline: 0,\n      position: 'relative',\n      width: 'full',\n    },\n  },\n  className: 'select',\n  defaultVariants: {\n    size: 'md',\n  },\n  jsx: ['Select'],\n  slots: selectAnatomy.keys(),\n  variants: {\n    hideClearTrigger: {\n      true: {\n        valueText: {\n          pr: 0,\n        },\n        clearTrigger: {\n          display: 'none',\n        },\n      },\n    },\n    size: {\n      md: {\n        item: { px: 'space-16', py: 'space-8', textStyle: 'body.md' },\n        trigger: {\n          gap: 'space-8',\n          minH: '40px',\n          minW: 'size-16',\n          py: 'space-8',\n          px: 'space-16',\n          textStyle: 'body.md',\n        },\n      },\n    },\n  },\n})\n"],"names":["selectRecipe","defineSlotRecipe","selectAnatomy"],"mappings":"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"}

package/dist/theme/recipes/status-tag-select.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ark-ui/react"),o=require("@pandacss/dev"),e=require("./select.cjs"),t=o.defineSlotRecipe({base:{root:{display:"contents"},content:e.selectRecipe.base?.content,indicator:e.selectRecipe.base?.indicator,item:e.selectRecipe.base?.item,valueText:{flex:1,textAlign:"left"},trigger:{fontFamily:"satoshi",borderStyle:"solid",display:"inline-flex",flexDirection:"row",alignItems:"center",appearance:"none",cursor:"pointer",position:"relative",_focusVisible:{ring:"2px solid",ringOffset:"space-2"},_open:{'&[data-placement^="top"]':{borderTopLeftRadius:"radius-0!",borderTopRightRadius:"radius-0!"},'&[data-placement^="bottom"]':{borderBottomLeftRadius:"radius-0!",borderBottomRightRadius:"radius-0!"}}}},className:"status-tag-select",defaultVariants:{size:"md",severity:"neutral"},jsx:["StatusTagSelect"],slots:r.selectAnatomy.keys(),variants:{size:{lg:{indicator:{width:"size-24",height:"size-24"},item:{px:"space-16",py:"space-8",textStyle:"body.lg"},content:{borderWidth:2},trigger:{borderWidth:2,textStyle:"body.lg",fontWeight:"bold",borderRadius:"radius-8",py:"space-8",px:"space-16",gap:"space-8"}},md:{indicator:{width:"size-18",height:"size-18"},item:{px:"space-16",py:"space-8",textStyle:"body.md"},trigger:{borderWidth:1,textStyle:"body.md",fontWeight:"bold",borderRadius:"radius-8",py:"space-6",px:"space-12",gap:"space-8"}},sm:{indicator:{width:"size-16",height:"size-16"},item:{px:"space-8",py:"space-4",textStyle:"body.sm"},trigger:{borderWidth:1,textStyle:"body.sm",fontWeight:"bold",borderRadius:"radius-4",py:"space-4",px:"space-8",gap:"space-4"}}},severity:{success:{indicator:{color:"success.500"},trigger:{backgroundColor:"success.100",borderColor:"success.500",color:"success.500",ringColor:"success.400"}},warning:{indicator:{color:"warning.500"},trigger:{backgroundColor:"warning.100",borderColor:"warning.500",color:"warning.500",ringColor:"warning.400"}},error:{indicator:{color:"error.500"},trigger:{backgroundColor:"error.100",borderColor:"error.500",color:"error.500",ringColor:"error.200"}},info:{indicator:{color:"secondary.500"},trigger:{backgroundColor:"secondary.100",borderColor:"secondary.500",color:"secondary.500",ringColor:"secondary.300"}},neutral:{indicator:{color:"grey.400"},trigger:{backgroundColor:"grey.50",borderColor:"grey.400",color:"grey.400",ringColor:"grey.200"}}}}});exports.statusTagSelectRecipe=t;
+//# sourceMappingURL=status-tag-select.cjs.map