@stokelp/ui 2.102.0 → 2.104.0

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

@@ -1,115 +1,96 @@
 "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"
-        }
-      }
-    }
-  }
+import { defineSlotRecipe as t } from "@pandacss/dev";
+//#region src/theme/recipes/select-language.ts
+var n = t({
+	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
+//#endregion
+export { n as selectLanguageRecipe };
+
+//# sourceMappingURL=select-language.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"select-language.js","names":[],"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"],"mappings":";;;;AAGA,IAAa,IAAuB,EAAiB;CACnD,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,UAAU;EACZ;EACA,WAAW;GACT,MAAM;GACN,SAAS;GACT,KAAK;EACP;EACA,SAAS;GACP,YAAY;GACZ,YAAY;GACZ,SAAS;GACT,eAAe;GACf,QAAQ;GACR,OAAO;GACP,iBAAiB;GACjB,cAAc;GACd,IAAI;GACJ,IAAI;GACJ,KAAK;GACL,WACE;GACF,OAAO,EACL,WAAW,mCACb;GACA,SAAS,EACP,WAAW,oCACb;EACF;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,qBAAqB;GACrB,KAAK;GACL,cAAc;GACd,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,YAAY;IACV,WAAW;IACX,cAAc;IACd,QAAQ;GACV;GACA,YAAY;GACZ,UAAU;GACV,OAAO;IACL,MAAM;IACN,WAAW;GACb;GACA,oBAAoB;IAClB,MAAM;IACN,WAAW;GACb;GACA,oBAAoB;GACpB,0BAA0B;EAC5B;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;EACT;EACA,SAAS;GACP,KAAK;GACL,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,YAAY;GACZ,IAAI,EACF,MAAM,cACR;GACA,cAAc;GACd,WAAW;GACX,OAAO,EACL,MAAM,cACR;GACA,YAAY;GACZ,UAAU;GACV,QAAQ;GACR,SAAS;GACT,SAAS;GACT,UAAU;EACZ;CACF;CACA,WAAW;CACX,KAAK,CAAC,gBAAgB;CACtB,iBAAiB,EACf,SAAS,UACX;CACA,OAAO,EAAc,KAAK;CAC1B,UAAU,EACR,SAAS;EACP,SAAS,EACP,SAAS,EACP,IAAI,WACN,EACF;EACA,SAAS,EACP,SAAS,EACP,IAAI,UACN,EACF;CACF,EACF;AACF,CAAC"}

package/dist/theme/recipes/select.cjs

@@ -1,2 +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
+"use client";let e=require("@ark-ui/react");var t=(0,require("@pandacss/dev").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=t;
+//# sourceMappingURL=select.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"select.cjs","names":[],"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"],"mappings":"4CAGA,IAAa,GAAA,yBAAA,EAAA,kBAAgC,CAC3C,KAAM,CACJ,QAAS,CACP,WAAY,UACZ,SAAU,UACZ,EACA,UAAW,CACT,WAAY,CACV,QAAS,cACT,IAAK,SACP,EACA,KAAM,EACN,GAAI,WACJ,UAAW,MACb,EACA,QAAS,CACP,WAAY,UACZ,WAAY,cACZ,YAAa,EACb,YAAa,cACb,YAAa,QACb,2BAA4B,CAC1B,aAAc,OACd,oBAAqB,WACrB,qBAAsB,UACxB,EACA,8BAA+B,CAC7B,UAAW,OACX,uBAAwB,WACxB,wBAAyB,UAC3B,EACA,QAAS,OACT,cAAe,SACf,QAAS,EACT,OAAQ,QACR,UAAW,QACX,SAAU,MACZ,EACA,UAAW,CACT,WAAY,2BACZ,UAAW,CACT,KAAM,eACN,MAAO,gBACT,EACA,MAAO,CACL,KAAM,gBACN,UAAW,UACb,CACF,EACA,aAAc,CACZ,SAAU,WACV,OAAQ,UACR,MAAO,WACP,IAAK,OACL,MAAO,CACL,KAAM,gBACN,UAAW,UACb,CACF,EACA,KAAM,CACJ,UAAW,CACT,OAAQ,cACR,WAAY,MACd,EACA,WAAY,SACZ,WAAY,CACV,UAAW,CACT,OAAQ,YACR,UAAW,WACX,KAAM,WACR,EACA,UAAW,cACX,aAAc,cACd,OAAQ,cACR,KAAM,YACR,EACA,MAAO,CACL,UAAW,CACT,OAAQ,YACR,UAAW,YACX,KAAM,WACR,EACA,UAAW,OACb,EACA,OAAQ,UACR,QAAS,OACT,IAAK,UACL,mBAAoB,CAClB,KAAM,OACN,UAAW,KACb,EACA,mBAAoB,oBACpB,yBAA0B,SAC5B,EACA,eAAgB,CACd,UAAW,SACb,EACA,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,UACL,MAAO,MACT,EACA,QAAS,CACP,kBAAmB,CACjB,MAAO,CACL,KAAM,WACN,UAAW,UACb,CACF,EACA,MAAO,CACL,OAAQ,iCACR,2BAA4B,CAC1B,oBAAqB,YACrB,qBAAsB,WACxB,EACA,8BAA+B,CAC7B,uBAAwB,YACxB,wBAAyB,WAC3B,CACF,EACA,WAAY,SACZ,WAAY,OACZ,GAAI,CACF,UAAW,CACT,KAAM,SACR,EACA,KAAM,OACR,EACA,OAAQ,CACN,cAAe,iCACf,OAAQ,CACN,KAAM,mCACN,MAAO,iCACP,UAAW,6BACb,EACA,KAAM,6BACR,EACA,2BAA4B,CAC1B,eAAgB,CACd,MAAO,WACP,OAAQ,CACN,KAAM,gBACN,MAAO,UACT,EACA,KAAM,UACR,CACF,EACA,8BAA+B,CAC7B,kBAAmB,CACjB,MAAO,WACP,OAAQ,CACN,KAAM,gBACN,MAAO,UACT,EACA,KAAM,UACR,CACF,EACA,aAAc,YACd,MAAO,CACL,KAAM,WACN,UAAW,UACb,EACA,OAAQ,CAAE,KAAM,UAAW,UAAW,aAAc,EACpD,QAAS,cACT,QAAS,EACT,SAAU,WACV,MAAO,MACT,CACF,EACA,UAAW,SACX,gBAAiB,CACf,KAAM,IACR,EACA,IAAK,CAAC,QAAQ,EACd,MAAO,EAAA,cAAc,KAAK,EAC1B,SAAU,CACR,iBAAkB,CAChB,KAAM,CACJ,UAAW,CACT,GAAI,CACN,EACA,aAAc,CACZ,QAAS,MACX,CACF,CACF,EACA,KAAM,CACJ,GAAI,CACF,KAAM,CAAE,GAAI,WAAY,GAAI,UAAW,UAAW,SAAU,EAC5D,QAAS,CACP,IAAK,UACL,KAAM,OACN,KAAM,UACN,GAAI,UACJ,GAAI,WACJ,UAAW,SACb,CACF,CACF,CACF,CACF,CAAC"}