@bitrise/bitkit-v2 0.3.201 → 0.3.203

package/dist/theme/slot-recipes/Multiselect.recipe.js

@@ -0,0 +1,150 @@
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/Multiselect.recipe.ts
+var multiselectSlotRecipe = defineSlotRecipe({
+	className: "multiselect",
+	slots: [
+		"control",
+		"trigger",
+		"overlay",
+		"tagsBlock",
+		"placeholderText",
+		"indicatorGroup",
+		"indicator"
+	],
+	base: {
+		control: {
+			position: "relative",
+			width: "100%"
+		},
+		trigger: {
+			position: "absolute",
+			inset: 0,
+			display: "block",
+			background: "background/primary",
+			borderWidth: rem(1),
+			borderColor: "border/strong",
+			borderRadius: "4",
+			color: "input/text/inputValue",
+			width: "100%",
+			textAlign: "start",
+			userSelect: "none",
+			focusVisibleRing: "inside",
+			_disabled: {
+				background: "background/disabled",
+				color: "text/disabled"
+			},
+			_invalid: { borderColor: "border/error" },
+			_readOnly: { background: "background/disabled" }
+		},
+		overlay: {
+			position: "relative",
+			display: "flex",
+			alignItems: "center",
+			paddingInlineStart: "12",
+			paddingInlineEnd: "48"
+		},
+		tagsBlock: {
+			display: "flex",
+			flex: "1 0 0",
+			flexWrap: "wrap",
+			alignItems: "center",
+			alignContent: "center",
+			gap: "8",
+			minWidth: 0
+		},
+		placeholderText: {
+			flex: "1 0 0",
+			minWidth: 0,
+			height: "24",
+			display: "inline-flex",
+			alignItems: "center",
+			color: "input/text/inputValue",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			"&[data-placeholder]": { color: "text/secondary" }
+		},
+		indicatorGroup: {
+			display: "flex",
+			alignItems: "center",
+			gap: "8",
+			position: "absolute",
+			insetInlineEnd: 0,
+			top: 0,
+			height: "48",
+			paddingInlineEnd: "16",
+			paddingInlineStart: "8",
+			pointerEvents: "none",
+			"& > button": { pointerEvents: "auto" }
+		},
+		indicator: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			color: "icon/secondary",
+			_disabled: { color: "icon/disabled" },
+			_readOnly: { color: "icon/on-disabled" }
+		}
+	},
+	variants: {
+		constrained: {
+			true: {
+				overlay: { overflow: "hidden" },
+				tagsBlock: { flexWrap: "nowrap" }
+			},
+			false: {}
+		},
+		size: {
+			lg: {
+				overlay: {
+					minHeight: "48",
+					paddingBlock: rem(11)
+				},
+				trigger: { textStyle: "body/lg/regular" },
+				placeholderText: {
+					textStyle: "body/lg/regular",
+					lineHeight: rem(24)
+				}
+			},
+			md: {
+				indicatorGroup: { height: "40" },
+				overlay: {
+					minHeight: "40",
+					paddingBlock: rem(7),
+					"&:has([data-slot=\"tag\"])": { paddingInlineStart: rem(7) }
+				},
+				trigger: { textStyle: "body/md/regular" },
+				placeholderText: {
+					textStyle: "body/md/regular",
+					lineHeight: rem(20)
+				}
+			}
+		}
+	},
+	compoundVariants: [{
+		constrained: true,
+		size: "lg",
+		css: { overlay: {
+			height: "48",
+			minHeight: "48",
+			paddingBlock: "12"
+		} }
+	}, {
+		constrained: true,
+		size: "md",
+		css: { overlay: {
+			height: "40",
+			minHeight: "40",
+			paddingBlock: "8"
+		} }
+	}],
+	defaultVariants: {
+		constrained: false,
+		size: "lg"
+	}
+});
+//#endregion
+export { multiselectSlotRecipe as default };
+
+//# sourceMappingURL=Multiselect.recipe.js.map

package/dist/theme/slot-recipes/Multiselect.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Multiselect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Multiselect.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nexport const multiselectSlotRecipe = defineSlotRecipe({\n  className: 'multiselect',\n  slots: ['control', 'trigger', 'overlay', 'tagsBlock', 'placeholderText', 'indicatorGroup', 'indicator'],\n  base: {\n    control: {\n      position: 'relative',\n      width: '100%',\n    },\n    trigger: {\n      position: 'absolute',\n      inset: 0,\n      display: 'block',\n      background: 'background/primary',\n      borderWidth: rem(1),\n      borderColor: 'border/strong',\n      borderRadius: '4',\n      color: 'input/text/inputValue',\n      width: '100%',\n      textAlign: 'start',\n      userSelect: 'none',\n      focusVisibleRing: 'inside',\n      _disabled: {\n        background: 'background/disabled',\n        color: 'text/disabled',\n      },\n      _invalid: {\n        borderColor: 'border/error',\n      },\n      _readOnly: {\n        background: 'background/disabled',\n      },\n    },\n    overlay: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      paddingInlineStart: '12',\n      paddingInlineEnd: '48',\n    },\n    tagsBlock: {\n      display: 'flex',\n      flex: '1 0 0',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      alignContent: 'center',\n      gap: '8',\n      minWidth: 0,\n    },\n    placeholderText: {\n      flex: '1 0 0',\n      minWidth: 0,\n      height: '24',\n      display: 'inline-flex',\n      alignItems: 'center',\n      color: 'input/text/inputValue',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      '&[data-placeholder]': {\n        color: 'text/secondary',\n      },\n    },\n    indicatorGroup: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      position: 'absolute',\n      insetInlineEnd: 0,\n      top: 0,\n      height: '48',\n      paddingInlineEnd: '16',\n      paddingInlineStart: '8',\n      pointerEvents: 'none',\n      '& > button': {\n        pointerEvents: 'auto',\n      },\n    },\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: 'icon/secondary',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n      _readOnly: {\n        color: 'icon/on-disabled',\n      },\n    },\n  },\n\n  variants: {\n    constrained: {\n      true: {\n        overlay: {\n          overflow: 'hidden',\n        },\n        tagsBlock: {\n          flexWrap: 'nowrap',\n        },\n      },\n      false: {},\n    },\n    size: {\n      lg: {\n        overlay: {\n          minHeight: '48',\n          paddingBlock: rem(11),\n        },\n        trigger: {\n          textStyle: 'body/lg/regular',\n        },\n        placeholderText: {\n          textStyle: 'body/lg/regular',\n          lineHeight: rem(24),\n        },\n      },\n      md: {\n        indicatorGroup: {\n          height: '40',\n        },\n        overlay: {\n          minHeight: '40',\n          paddingBlock: rem(7),\n          '&:has([data-slot=\"tag\"])': {\n            paddingInlineStart: rem(7),\n          },\n        },\n        trigger: {\n          textStyle: 'body/md/regular',\n        },\n        placeholderText: {\n          textStyle: 'body/md/regular',\n          lineHeight: rem(20),\n        },\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      constrained: true,\n      size: 'lg',\n      css: {\n        overlay: {\n          height: '48',\n          minHeight: '48',\n          paddingBlock: '12',\n        },\n      },\n    },\n    {\n      constrained: true,\n      size: 'md',\n      css: {\n        overlay: {\n          height: '40',\n          minHeight: '40',\n          paddingBlock: '8',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    constrained: false,\n    size: 'lg',\n  },\n});\n\nexport default multiselectSlotRecipe;\n"],"mappings":";;;AAIA,IAAa,wBAAwB,iBAAiB;CACpD,WAAW;CACX,OAAO;EAAC;EAAW;EAAW;EAAW;EAAa;EAAmB;EAAkB;EAAY;CACvG,MAAM;EACJ,SAAS;GACP,UAAU;GACV,OAAO;GACR;EACD,SAAS;GACP,UAAU;GACV,OAAO;GACP,SAAS;GACT,YAAY;GACZ,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,cAAc;GACd,OAAO;GACP,OAAO;GACP,WAAW;GACX,YAAY;GACZ,kBAAkB;GAClB,WAAW;IACT,YAAY;IACZ,OAAO;IACR;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW,EACT,YAAY,uBACb;GACF;EACD,SAAS;GACP,UAAU;GACV,SAAS;GACT,YAAY;GACZ,oBAAoB;GACpB,kBAAkB;GACnB;EACD,WAAW;GACT,SAAS;GACT,MAAM;GACN,UAAU;GACV,YAAY;GACZ,cAAc;GACd,KAAK;GACL,UAAU;GACX;EACD,iBAAiB;GACf,MAAM;GACN,UAAU;GACV,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,OAAO;GACP,UAAU;GACV,cAAc;GACd,YAAY;GACZ,uBAAuB,EACrB,OAAO,kBACR;GACF;EACD,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,gBAAgB;GAChB,KAAK;GACL,QAAQ;GACR,kBAAkB;GAClB,oBAAoB;GACpB,eAAe;GACf,cAAc,EACZ,eAAe,QAChB;GACF;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,iBACR;GACD,WAAW,EACT,OAAO,oBACR;GACF;EACF;CAED,UAAU;EACR,aAAa;GACX,MAAM;IACJ,SAAS,EACP,UAAU,UACX;IACD,WAAW,EACT,UAAU,UACX;IACF;GACD,OAAO,EAAE;GACV;EACD,MAAM;GACJ,IAAI;IACF,SAAS;KACP,WAAW;KACX,cAAc,IAAI,GAAG;KACtB;IACD,SAAS,EACP,WAAW,mBACZ;IACD,iBAAiB;KACf,WAAW;KACX,YAAY,IAAI,GAAG;KACpB;IACF;GACD,IAAI;IACF,gBAAgB,EACd,QAAQ,MACT;IACD,SAAS;KACP,WAAW;KACX,cAAc,IAAI,EAAE;KACpB,8BAA4B,EAC1B,oBAAoB,IAAI,EAAE,EAC3B;KACF;IACD,SAAS,EACP,WAAW,mBACZ;IACD,iBAAiB;KACf,WAAW;KACX,YAAY,IAAI,GAAG;KACpB;IACF;GACF;EACF;CACD,kBAAkB,CAChB;EACE,aAAa;EACb,MAAM;EACN,KAAK,EACH,SAAS;GACP,QAAQ;GACR,WAAW;GACX,cAAc;GACf,EACF;EACF,EACD;EACE,aAAa;EACb,MAAM;EACN,KAAK,EACH,SAAS;GACP,QAAQ;GACR,WAAW;GACX,cAAc;GACf,EACF;EACF,CACF;CACD,iBAAiB;EACf,aAAa;EACb,MAAM;EACP;CACF,CAAC"}

package/dist/theme/slot-recipes/SectionHeading.recipe.d.ts

@@ -1,2 +1,2 @@
-declare const sectionHeadingRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "icon" | "root" | "helperText" | "titleBlock" | "contentBlock" | "helperBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "icon" | "root" | "helperText" | "titleBlock" | "contentBlock" | "helperBlock">>;
+declare const sectionHeadingRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "icon" | "root" | "titleBlock" | "helperText" | "contentBlock" | "helperBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "icon" | "root" | "titleBlock" | "helperText" | "contentBlock" | "helperBlock">>;
 export default sectionHeadingRecipe;

package/dist/theme/slot-recipes/Select.recipe.js

@@ -9,8 +9,18 @@ var selectSlotRecipe = defineSlotRecipe({
 		...selectAnatomy.keys(),
 		"searchInputGroup",
 		"searchInput",
+		"searchClear",
 		"createItemContainer",
-		"createItem"
+		"createItem",
+		"checkbox",
+		"checkmark",
+		"itemList",
+		"itemContent",
+		"itemLabel",
+		"itemHelperText",
+		"itemLoading",
+		"itemLoadingLabel",
+		"emptyState"
 	],
 	base: {
 		trigger: {
@@ -57,24 +67,137 @@ var selectSlotRecipe = defineSlotRecipe({
 			_readOnly: { color: "icon/on-disabled" }
 		},
 		...base,
+		content: {
+			...base.content,
+			overflow: "hidden",
+			display: "flex",
+			flexDirection: "column"
+		},
+		item: {
+			...base.item,
+			_active: { background: "background/active" },
+			_selected: {
+				background: "background/selected",
+				_highlighted: { background: "background/selected-hover" }
+			},
+			_disabled: {
+				cursor: "not-allowed",
+				color: "text/disabled",
+				_highlighted: { background: "transparent" }
+			}
+		},
 		control: {
 			position: "relative",
 			width: "100%"
 		},
-		searchInput: {
-			border: "none",
-			boxShadow: "none",
-			outline: "none",
-			paddingRight: "16",
-			paddingBlock: "16",
-			textStyle: "body/lg/regular",
-			"--input-height": rem(32)
+		itemList: {
+			flex: "1 1 auto",
+			minHeight: 0,
+			overflowY: "auto",
+			paddingBlock: "8"
+		},
+		itemContent: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "flex-start",
+			flex: "1 0 0",
+			minWidth: 0
+		},
+		itemLoading: { flexShrink: 0 },
+		itemLoadingLabel: {
+			color: "text/secondary",
+			flex: "1 0 0",
+			minWidth: 0,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		},
+		emptyState: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "flex-start",
+			paddingInline: "16"
+		},
+		itemLabel: {
+			color: "text/body",
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			maxWidth: "100%",
+			"[data-disabled] &": { color: "text/disabled" }
+		},
+		itemHelperText: {
+			color: "text/helper",
+			textStyle: "body/sm/regular",
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			maxWidth: "100%",
+			"[data-disabled] &": { color: "text/disabled" }
+		},
+		checkbox: {
+			position: "relative",
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: "24",
+			height: "24",
+			flexShrink: 0,
+			borderWidth: rem(1),
+			borderColor: "border/regular",
+			borderRadius: "4",
+			background: "background/primary",
+			boxShadow: "inset/field",
+			color: "icon/on-color",
+			"[data-state=checked] &": {
+				background: "input/checkbox/selection",
+				borderColor: "input/checkbox/selection",
+				boxShadow: "none"
+			},
+			"[data-disabled] &": {
+				background: "background/disabled",
+				borderColor: "border/disabled"
+			}
+		},
+		checkmark: {
+			opacity: 0,
+			color: "icon/on-color",
+			"[data-state=checked] &": { opacity: 1 }
 		},
 		searchInputGroup: {
 			borderBottom: "1px solid",
 			borderColor: "border/minimal",
-			appearance: "none",
-			paddingLeft: "16"
+			background: "background/primary",
+			display: "flex",
+			alignItems: "center",
+			gap: "12",
+			paddingInlineStart: "16",
+			paddingInlineEnd: "12",
+			overflow: "hidden",
+			flexShrink: 0,
+			_hover: { background: "background/secondary" },
+			_focusWithin: { background: "background/primary" }
+		},
+		searchInput: {
+			flex: "1 0 0",
+			minWidth: 0,
+			border: "none",
+			outline: "none",
+			background: "transparent",
+			color: "input/text/inputValue",
+			paddingInline: 0,
+			paddingBlock: 0,
+			_placeholder: { color: "input/text/placeholder" }
+		},
+		searchClear: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			borderRadius: "4",
+			color: "icon/primary",
+			cursor: "pointer",
+			flexShrink: 0,
+			_hover: { background: "background/hover" }
 		},
 		createItem: {
 			borderTop: "1px solid",
@@ -87,13 +210,12 @@ var selectSlotRecipe = defineSlotRecipe({
 			paddingBlock: "20",
 			color: "text/primary",
 			textStyle: "body/lg/regular",
-			textDecoration: "none",
 			width: "100%",
 			cursor: "pointer",
 			textAlign: "start",
+			flexShrink: 0,
 			_hover: {
 				background: "button/secondary/bg-hover",
-				textDecoration: "none",
 				_active: { background: "button/secondary/bg-active" }
 			},
 			_active: { background: "button/secondary/bg-active" },
@@ -101,14 +223,59 @@ var selectSlotRecipe = defineSlotRecipe({
 		}
 	},
 	variants: { size: {
-		lg: variants.size.lg,
+		lg: {
+			...variants.size.lg,
+			item: {
+				...variants.size.lg.item,
+				"&:has([data-slot=\"avatar\"])": {
+					paddingInlineStart: "12",
+					paddingInlineEnd: "24",
+					paddingBlock: "8",
+					gap: "8"
+				},
+				"&:has([data-slot=\"checkbox\"])": {
+					paddingInlineEnd: "24",
+					paddingBlock: "12",
+					gap: "12"
+				}
+			},
+			itemList: { maxHeight: rem(280) },
+			itemLabel: {
+				textStyle: "body/lg/regular",
+				lineHeight: rem(24)
+			},
+			itemLoadingLabel: { textStyle: "body/lg/regular" },
+			emptyState: { paddingBlock: "12" },
+			searchInputGroup: {
+				height: rem(56),
+				paddingBlock: "16"
+			},
+			searchInput: { textStyle: "body/lg/regular" },
+			searchClear: { padding: "8" }
+		},
 		md: {
 			...variants.size.md,
-			searchInput: {
-				paddingBlock: "12",
+			item: {
+				...variants.size.md.item,
+				"&:has([data-slot=\"avatar\"])": {
+					paddingInlineStart: "12",
+					paddingInlineEnd: "24",
+					paddingBlock: "4",
+					gap: "8"
+				},
+				"&:has([data-slot=\"checkbox\"])": {
+					paddingInlineEnd: "24",
+					paddingBlock: "8",
+					gap: "12"
+				}
+			},
+			itemList: { maxHeight: rem(236) },
+			itemLabel: {
 				textStyle: "body/md/regular",
-				"--input-height": rem(24)
+				lineHeight: rem(20)
 			},
+			itemLoadingLabel: { textStyle: "body/md/regular" },
+			emptyState: { paddingBlock: "8" },
 			createItem: {
 				color: "text/primary",
 				paddingBlock: "16",
@@ -117,7 +284,13 @@ var selectSlotRecipe = defineSlotRecipe({
 			trigger: {
 				textStyle: "body/md/regular",
 				paddingBlock: rem(9)
-			}
+			},
+			searchInputGroup: {
+				height: "48",
+				paddingBlock: "12"
+			},
+			searchInput: { textStyle: "body/md/regular" },
+			searchClear: { padding: "4" }
 		}
 	} },
 	defaultVariants: { size: "lg" }

package/dist/theme/slot-recipes/Select.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Select.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, variants } from '../common/ComboboxAndSelect.common';\nimport { rem } from '../themeUtils';\n\nexport const selectSlotRecipe = defineSlotRecipe({\n  className: 'select',\n  slots: [...selectAnatomy.keys(), 'searchInputGroup', 'searchInput', 'createItemContainer', 'createItem'],\n  base: {\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      borderWidth: rem(1),\n      borderColor: 'border/strong',\n      background: 'bg.muted',\n      color: 'input/text/inputValue',\n      gap: '8',\n      justifyContent: 'space-between',\n      paddingInline: '16',\n      paddingBlock: rem(11),\n      borderRadius: '4',\n      userSelect: 'none',\n      textAlign: 'start',\n      focusVisibleRing: 'inside',\n      width: '100%',\n      _placeholderShown: {\n        color: 'text/secondary',\n      },\n      _disabled: {\n        color: 'text/disabled',\n        background: 'background/disabled',\n      },\n      _invalid: {\n        borderColor: 'border/error',\n      },\n      _readOnly: {\n        background: 'background/disabled',\n      },\n    },\n    indicatorGroup: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      position: 'absolute',\n      insetEnd: 0,\n      top: 0,\n      bottom: 0,\n      paddingInline: '16',\n      pointerEvents: 'none',\n    },\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: 'icon/secondary',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n      _readOnly: {\n        color: 'icon/on-disabled',\n      },\n    },\n    ...base,\n    control: {\n      position: 'relative',\n      width: '100%',\n    },\n    searchInput: {\n      border: 'none',\n      boxShadow: 'none',\n      outline: 'none',\n      paddingRight: '16',\n      paddingBlock: '16',\n      textStyle: 'body/lg/regular',\n      '--input-height': rem(32),\n    },\n    searchInputGroup: {\n      borderBottom: '1px solid',\n      borderColor: 'border/minimal',\n      appearance: 'none',\n      paddingLeft: '16',\n    },\n    createItem: {\n      borderTop: '1px solid',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '12',\n      paddingInlineEnd: '24',\n      paddingInlineStart: '16',\n      paddingBlock: '20',\n      color: 'text/primary',\n      textStyle: 'body/lg/regular',\n      textDecoration: 'none',\n      width: '100%',\n      cursor: 'pointer',\n      textAlign: 'start',\n      _hover: {\n        background: 'button/secondary/bg-hover',\n        textDecoration: 'none',\n        _active: {\n          background: 'button/secondary/bg-active',\n        },\n      },\n      _active: {\n        background: 'button/secondary/bg-active',\n      },\n      _focusVisible: {\n        outlineOffset: '-3px',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      lg: variants.size.lg,\n      md: {\n        ...variants.size.md,\n        searchInput: {\n          paddingBlock: '12',\n          textStyle: 'body/md/regular',\n          '--input-height': rem(24),\n        },\n        createItem: {\n          color: 'text/primary',\n          paddingBlock: '16',\n          textStyle: 'body/md/regular',\n        },\n        trigger: {\n          textStyle: 'body/md/regular',\n          paddingBlock: rem(9),\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n"],"mappings":";;;;;AAMA,IAAa,mBAAmB,iBAAiB;CAC/C,WAAW;CACX,OAAO;EAAC,GAAG,cAAc,MAAM;EAAE;EAAoB;EAAe;EAAuB;EAAa;CACxG,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,OAAO;GACP,KAAK;GACL,gBAAgB;GAChB,eAAe;GACf,cAAc,IAAI,GAAG;GACrB,cAAc;GACd,YAAY;GACZ,WAAW;GACX,kBAAkB;GAClB,OAAO;GACP,mBAAmB,EACjB,OAAO,kBACR;GACD,WAAW;IACT,OAAO;IACP,YAAY;IACb;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW,EACT,YAAY,uBACb;GACF;EACD,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,UAAU;GACV,KAAK;GACL,QAAQ;GACR,eAAe;GACf,eAAe;GAChB;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,iBACR;GACD,WAAW,EACT,OAAO,oBACR;GACF;EACD,GAAG;EACH,SAAS;GACP,UAAU;GACV,OAAO;GACR;EACD,aAAa;GACX,QAAQ;GACR,WAAW;GACX,SAAS;GACT,cAAc;GACd,cAAc;GACd,WAAW;GACX,kBAAkB,IAAI,GAAG;GAC1B;EACD,kBAAkB;GAChB,cAAc;GACd,aAAa;GACb,YAAY;GACZ,aAAa;GACd;EACD,YAAY;GACV,WAAW;GACX,aAAa;GACb,SAAS;GACT,YAAY;GACZ,KAAK;GACL,kBAAkB;GAClB,oBAAoB;GACpB,cAAc;GACd,OAAO;GACP,WAAW;GACX,gBAAgB;GAChB,OAAO;GACP,QAAQ;GACR,WAAW;GACX,QAAQ;IACN,YAAY;IACZ,gBAAgB;IAChB,SAAS,EACP,YAAY,8BACb;IACF;GACD,SAAS,EACP,YAAY,8BACb;GACD,eAAe,EACb,eAAe,QAChB;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI,SAAS,KAAK;EAClB,IAAI;GACF,GAAG,SAAS,KAAK;GACjB,aAAa;IACX,cAAc;IACd,WAAW;IACX,kBAAkB,IAAI,GAAG;IAC1B;GACD,YAAY;IACV,OAAO;IACP,cAAc;IACd,WAAW;IACZ;GACD,SAAS;IACP,WAAW;IACX,cAAc,IAAI,EAAE;IACrB;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"Select.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Select.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, variants } from '../common/ComboboxAndSelect.common';\nimport { rem } from '../themeUtils';\n\nexport const selectSlotRecipe = defineSlotRecipe({\n  className: 'select',\n  slots: [\n    ...selectAnatomy.keys(),\n    'searchInputGroup',\n    'searchInput',\n    'searchClear',\n    'createItemContainer',\n    'createItem',\n    'checkbox',\n    'checkmark',\n    'itemList',\n    'itemContent',\n    'itemLabel',\n    'itemHelperText',\n    'itemLoading',\n    'itemLoadingLabel',\n    'emptyState',\n  ],\n  base: {\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      borderWidth: rem(1),\n      borderColor: 'border/strong',\n      background: 'bg.muted',\n      color: 'input/text/inputValue',\n      gap: '8',\n      justifyContent: 'space-between',\n      paddingInline: '16',\n      paddingBlock: rem(11),\n      borderRadius: '4',\n      userSelect: 'none',\n      textAlign: 'start',\n      focusVisibleRing: 'inside',\n      width: '100%',\n      _placeholderShown: {\n        color: 'text/secondary',\n      },\n      _disabled: {\n        color: 'text/disabled',\n        background: 'background/disabled',\n      },\n      _invalid: {\n        borderColor: 'border/error',\n      },\n      _readOnly: {\n        background: 'background/disabled',\n      },\n    },\n    indicatorGroup: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      position: 'absolute',\n      insetEnd: 0,\n      top: 0,\n      bottom: 0,\n      paddingInline: '16',\n      pointerEvents: 'none',\n    },\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: 'icon/secondary',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n      _readOnly: {\n        color: 'icon/on-disabled',\n      },\n    },\n    ...base,\n    content: {\n      ...base.content,\n      overflow: 'hidden',\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    item: {\n      ...base.item,\n      _active: {\n        background: 'background/active',\n      },\n      _selected: {\n        background: 'background/selected',\n        _highlighted: {\n          background: 'background/selected-hover',\n        },\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        color: 'text/disabled',\n        _highlighted: {\n          background: 'transparent',\n        },\n      },\n    },\n    control: {\n      position: 'relative',\n      width: '100%',\n    },\n    itemList: {\n      flex: '1 1 auto',\n      minHeight: 0,\n      overflowY: 'auto',\n      paddingBlock: '8',\n    },\n    itemContent: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      flex: '1 0 0',\n      minWidth: 0,\n    },\n    itemLoading: {\n      flexShrink: 0,\n    },\n    itemLoadingLabel: {\n      color: 'text/secondary',\n      flex: '1 0 0',\n      minWidth: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n    emptyState: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      paddingInline: '16',\n    },\n    itemLabel: {\n      color: 'text/body',\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      maxWidth: '100%',\n      '[data-disabled] &': {\n        color: 'text/disabled',\n      },\n    },\n    itemHelperText: {\n      color: 'text/helper',\n      textStyle: 'body/sm/regular',\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      maxWidth: '100%',\n      '[data-disabled] &': {\n        color: 'text/disabled',\n      },\n    },\n    checkbox: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '24',\n      height: '24',\n      flexShrink: 0,\n      borderWidth: rem(1),\n      borderColor: 'border/regular',\n      borderRadius: '4',\n      background: 'background/primary',\n      boxShadow: 'inset/field',\n      color: 'icon/on-color',\n      '[data-state=checked] &': {\n        background: 'input/checkbox/selection',\n        borderColor: 'input/checkbox/selection',\n        boxShadow: 'none',\n      },\n      '[data-disabled] &': {\n        background: 'background/disabled',\n        borderColor: 'border/disabled',\n      },\n    },\n    checkmark: {\n      opacity: 0,\n      color: 'icon/on-color',\n      '[data-state=checked] &': {\n        opacity: 1,\n      },\n    },\n    searchInputGroup: {\n      borderBottom: '1px solid',\n      borderColor: 'border/minimal',\n      background: 'background/primary',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '12',\n      paddingInlineStart: '16',\n      paddingInlineEnd: '12',\n      overflow: 'hidden',\n      flexShrink: 0,\n      _hover: {\n        background: 'background/secondary',\n      },\n      _focusWithin: {\n        background: 'background/primary',\n      },\n    },\n    searchInput: {\n      flex: '1 0 0',\n      minWidth: 0,\n      border: 'none',\n      outline: 'none',\n      background: 'transparent',\n      color: 'input/text/inputValue',\n      paddingInline: 0,\n      paddingBlock: 0,\n      _placeholder: {\n        color: 'input/text/placeholder',\n      },\n    },\n    searchClear: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: '4',\n      color: 'icon/primary',\n      cursor: 'pointer',\n      flexShrink: 0,\n      _hover: {\n        background: 'background/hover',\n      },\n    },\n    createItem: {\n      borderTop: '1px solid',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '12',\n      paddingInlineEnd: '24',\n      paddingInlineStart: '16',\n      paddingBlock: '20',\n      color: 'text/primary',\n      textStyle: 'body/lg/regular',\n      width: '100%',\n      cursor: 'pointer',\n      textAlign: 'start',\n      flexShrink: 0,\n      _hover: {\n        background: 'button/secondary/bg-hover',\n        _active: {\n          background: 'button/secondary/bg-active',\n        },\n      },\n      _active: {\n        background: 'button/secondary/bg-active',\n      },\n      _focusVisible: {\n        outlineOffset: '-3px',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      lg: {\n        ...variants.size.lg,\n        item: {\n          ...variants.size.lg.item,\n          '&:has([data-slot=\"avatar\"])': {\n            paddingInlineStart: '12',\n            paddingInlineEnd: '24',\n            paddingBlock: '8',\n            gap: '8',\n          },\n          '&:has([data-slot=\"checkbox\"])': {\n            paddingInlineEnd: '24',\n            paddingBlock: '12',\n            gap: '12',\n          },\n        },\n        itemList: {\n          // 5.5 × 48px item + 16px paddingBlock\n          maxHeight: rem(280),\n        },\n        itemLabel: {\n          textStyle: 'body/lg/regular',\n          lineHeight: rem(24),\n        },\n        itemLoadingLabel: {\n          textStyle: 'body/lg/regular',\n        },\n        emptyState: {\n          paddingBlock: '12',\n        },\n        searchInputGroup: {\n          height: rem(56),\n          paddingBlock: '16',\n        },\n        searchInput: {\n          textStyle: 'body/lg/regular',\n        },\n        searchClear: {\n          padding: '8',\n        },\n      },\n      md: {\n        ...variants.size.md,\n        item: {\n          ...variants.size.md.item,\n          '&:has([data-slot=\"avatar\"])': {\n            paddingInlineStart: '12',\n            paddingInlineEnd: '24',\n            paddingBlock: '4',\n            gap: '8',\n          },\n          '&:has([data-slot=\"checkbox\"])': {\n            paddingInlineEnd: '24',\n            paddingBlock: '8',\n            gap: '12',\n          },\n        },\n        itemList: {\n          // 5.5 × 40px item (checkbox/avatar row) + 16px paddingBlock\n          maxHeight: rem(236),\n        },\n        itemLabel: {\n          textStyle: 'body/md/regular',\n          lineHeight: rem(20),\n        },\n        itemLoadingLabel: {\n          textStyle: 'body/md/regular',\n        },\n        emptyState: {\n          paddingBlock: '8',\n        },\n        createItem: {\n          color: 'text/primary',\n          paddingBlock: '16',\n          textStyle: 'body/md/regular',\n        },\n        trigger: {\n          textStyle: 'body/md/regular',\n          paddingBlock: rem(9),\n        },\n        searchInputGroup: {\n          height: '48',\n          paddingBlock: '12',\n        },\n        searchInput: {\n          textStyle: 'body/md/regular',\n        },\n        searchClear: {\n          padding: '4',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n"],"mappings":";;;;;AAMA,IAAa,mBAAmB,iBAAiB;CAC/C,WAAW;CACX,OAAO;EACL,GAAG,cAAc,MAAM;EACvB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,OAAO;GACP,KAAK;GACL,gBAAgB;GAChB,eAAe;GACf,cAAc,IAAI,GAAG;GACrB,cAAc;GACd,YAAY;GACZ,WAAW;GACX,kBAAkB;GAClB,OAAO;GACP,mBAAmB,EACjB,OAAO,kBACR;GACD,WAAW;IACT,OAAO;IACP,YAAY;IACb;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW,EACT,YAAY,uBACb;GACF;EACD,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,UAAU;GACV,KAAK;GACL,QAAQ;GACR,eAAe;GACf,eAAe;GAChB;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,iBACR;GACD,WAAW,EACT,OAAO,oBACR;GACF;EACD,GAAG;EACH,SAAS;GACP,GAAG,KAAK;GACR,UAAU;GACV,SAAS;GACT,eAAe;GAChB;EACD,MAAM;GACJ,GAAG,KAAK;GACR,SAAS,EACP,YAAY,qBACb;GACD,WAAW;IACT,YAAY;IACZ,cAAc,EACZ,YAAY,6BACb;IACF;GACD,WAAW;IACT,QAAQ;IACR,OAAO;IACP,cAAc,EACZ,YAAY,eACb;IACF;GACF;EACD,SAAS;GACP,UAAU;GACV,OAAO;GACR;EACD,UAAU;GACR,MAAM;GACN,WAAW;GACX,WAAW;GACX,cAAc;GACf;EACD,aAAa;GACX,SAAS;GACT,eAAe;GACf,YAAY;GACZ,MAAM;GACN,UAAU;GACX;EACD,aAAa,EACX,YAAY,GACb;EACD,kBAAkB;GAChB,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,cAAc;GACd,YAAY;GACb;EACD,YAAY;GACV,SAAS;G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"}

package/dist/theme/slot-recipes/Sidebar.recipe.d.ts

@@ -1,4 +1,4 @@
-declare const sidebarSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"footer" | "title" | "root" | "item" | "suffixIcon" | "divider" | "itemIcon" | "itemLabel" | "project" | "projectLabel" | "projectValue" | "selectionMarker" | "titleWithBack", {
+declare const sidebarSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"footer" | "title" | "root" | "item" | "suffixIcon" | "itemLabel" | "divider" | "itemIcon" | "project" | "projectLabel" | "projectValue" | "selectionMarker" | "titleWithBack", {
     selected: {
         true: {
             item: {

package/dist/theme/slot-recipes/TagsInput.recipe.d.ts

@@ -1,4 +1,4 @@
-declare const tagsInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "clearTrigger" | "control" | "itemText" | "itemDeleteTrigger" | "itemPreview" | "itemInput" | "tagsBlock" | "suffixBlock", {
+declare const tagsInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "clearTrigger" | "control" | "itemText" | "itemDeleteTrigger" | "itemPreview" | "tagsBlock" | "itemInput" | "suffixBlock", {
     size: {
         md: {
             control: {

package/dist/theme/slot-recipes/index.js

@@ -28,6 +28,7 @@ import listSlotRecipe from "./List.recipe.js";
 import markdownSlotRecipe from "./Markdown.recipe.js";
 import markdownCardSlotRecipe from "./MarkdownCard.recipe.js";
 import menuSlotRecipe from "./Menu.recipe.js";
+import multiselectSlotRecipe from "./Multiselect.recipe.js";
 import nativeSelectSlotRecipe from "./NativeSelect.recipe.js";
 import noteCardSlotRecipe from "./NoteCard.recipe.js";
 import overflowContentSlotRecipe from "./OverflowContent.recipe.js";
@@ -81,6 +82,7 @@ var slotRecipes = {
 	markdown: markdownSlotRecipe,
 	markdownCard: markdownCardSlotRecipe,
 	menu: menuSlotRecipe,
+	multiselect: multiselectSlotRecipe,
 	noteCard: noteCardSlotRecipe,
 	nativeSelect: nativeSelectSlotRecipe,
 	numberInput: numberInputSlotRecipe,

package/dist/theme/slot-recipes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  drawer: drawerSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  sidebar: sidebarSlotRecipe,\n  select: selectSlotRecipe,\n  settingsCard: settingsCardSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACT,UAAU;CACX"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  drawer: drawerSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  multiselect: multiselectSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  sidebar: sidebarSlotRecipe,\n  select: selectSlotRecipe,\n  settingsCard: settingsCardSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACT,UAAU;CACX"}

package/dist/utilities/AssetSelectChevron.js

@@ -6,7 +6,6 @@ var AssetSelectChevron = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, {
 	asChild: true,
 	ref,
 	transition: "0.2s ease",
-	pointerEvents: "none",
 	_open: { transform: "rotate(180deg)" },
 	_disabled: {
 		cursor: "not-allowed",

package/dist/utilities/AssetSelectChevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectChevron.js","names":[],"sources":["../../lib/utilities/AssetSelectChevron.tsx"],"sourcesContent":["import { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { forwardRef, type Ref } from 'react';\n\nconst AssetSelectChevron = forwardRef((props: IconProps, ref: Ref<SVGSVGElement>) => (\n  <Icon\n    asChild\n    ref={ref}\n    transition=\"0.2s ease\"\n    pointerEvents=\"none\"\n    _open={{\n      transform: 'rotate(180deg)',\n    }}\n    _disabled={{\n      cursor: 'not-allowed',\n      color: 'icon/disabled',\n    }}\n    color=\"icon/secondary\"\n    _groupFocusWithin={{\n      color: 'icon/primary',\n    }}\n    _groupHover={{\n      color: 'icon/primary',\n    }}\n    {...props}\n  >\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.29285 10.2071L7.70706 8.79289L12 13.0858L16.2928 8.79289L17.7071 10.2071L12 15.9142L6.29285 10.2071Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </Icon>\n));\n\nAssetSelectChevron.displayName = 'AssetSelectChevron';\n\nexport default AssetSelectChevron;\n"],"mappings":";;;;AAGA,IAAM,qBAAqB,YAAY,OAAkB,QACvD,oBAAC,MAAD;CACE,SAAA;CACK;CACL,YAAW;CACX,eAAc;CACd,OAAO,EACL,WAAW,kBACZ;CACD,WAAW;EACT,QAAQ;EACR,OAAO;EACR;CACD,OAAM;CACN,mBAAmB,EACjB,OAAO,gBACR;CACD,aAAa,EACX,OAAO,gBACR;CACD,GAAI;WAEJ,oBAAC,OAAD;EAAK,OAAM;EAA6B,SAAQ;EAAY,OAAM;EAAK,QAAO;YAC5E,oBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;GACL,CAAA;EACE,CAAA;CACD,CAAA,CACP;AAEF,mBAAmB,cAAc"}
+{"version":3,"file":"AssetSelectChevron.js","names":[],"sources":["../../lib/utilities/AssetSelectChevron.tsx"],"sourcesContent":["import { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { forwardRef, type Ref } from 'react';\n\nconst AssetSelectChevron = forwardRef((props: IconProps, ref: Ref<SVGSVGElement>) => (\n  <Icon\n    asChild\n    ref={ref}\n    transition=\"0.2s ease\"\n    _open={{\n      transform: 'rotate(180deg)',\n    }}\n    _disabled={{\n      cursor: 'not-allowed',\n      color: 'icon/disabled',\n    }}\n    color=\"icon/secondary\"\n    _groupFocusWithin={{\n      color: 'icon/primary',\n    }}\n    _groupHover={{\n      color: 'icon/primary',\n    }}\n    {...props}\n  >\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.29285 10.2071L7.70706 8.79289L12 13.0858L16.2928 8.79289L17.7071 10.2071L12 15.9142L6.29285 10.2071Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </Icon>\n));\n\nAssetSelectChevron.displayName = 'AssetSelectChevron';\n\nexport default AssetSelectChevron;\n"],"mappings":";;;;AAGA,IAAM,qBAAqB,YAAY,OAAkB,QACvD,oBAAC,MAAD;CACE,SAAA;CACK;CACL,YAAW;CACX,OAAO,EACL,WAAW,kBACZ;CACD,WAAW;EACT,QAAQ;EACR,OAAO;EACR;CACD,OAAM;CACN,mBAAmB,EACjB,OAAO,gBACR;CACD,aAAa,EACX,OAAO,gBACR;CACD,GAAI;WAEJ,oBAAC,OAAD;EAAK,OAAM;EAA6B,SAAQ;EAAY,OAAM;EAAK,QAAO;YAC5E,oBAAC,QAAD;GACE,UAAS;GACT,UAAS;GACT,GAAE;GACF,MAAK;GACL,CAAA;EACE,CAAA;CACD,CAAA,CACP;AAEF,mBAAmB,cAAc"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.201",
+  "version": "0.3.203",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",

package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts

@@ -1,27 +0,0 @@
-declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
-    size: {
-        md: {
-            trigger: {
-                paddingBlock: "6";
-                textStyle?: "body/md/regular" | undefined;
-            };
-            indicator: {
-                _icon: {
-                    width: "16";
-                    height: "16";
-                };
-            };
-            searchInput?: {
-                paddingBlock: "12";
-                textStyle: "body/md/regular";
-                '--input-height': string;
-            } | undefined;
-            createItem?: {
-                color: "text/primary";
-                paddingBlock: "16";
-                textStyle: "body/md/regular";
-            } | undefined;
-        };
-    };
-}>;
-export default datePickerSelectSlotRecipe;

package/dist/theme/slot-recipes/Select.recipe.d.ts

@@ -1,21 +0,0 @@
-export declare const selectSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput" | "createItemContainer" | "createItem", {
-    size: {
-        lg: Record<string, import('@chakra-ui/react').SystemStyleObject>;
-        md: {
-            searchInput: {
-                paddingBlock: "12";
-                textStyle: "body/md/regular";
-                '--input-height': string;
-            };
-            createItem: {
-                color: "text/primary";
-                paddingBlock: "16";
-                textStyle: "body/md/regular";
-            };
-            trigger: {
-                textStyle: "body/md/regular";
-                paddingBlock: string;
-            };
-        };
-    };
-}>;