@bitrise/bitkit-v2 0.3.263 → 0.3.265

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

@@ -51,7 +51,7 @@ var paginationSlotRecipe = defineSlotRecipe({
 			root: {
 				paddingInline: "24",
 				paddingBlock: "16",
-				borderTopWidth: rem(1),
+				borderTopWidth: "1",
 				borderTopStyle: "solid",
 				borderTopColor: "border/regular"
 			},

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Pagination.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst paginationSlotRecipe = defineSlotRecipe({\n  className: 'pagination',\n  slots: ['itemsBlock', 'itemsSelect', 'pageBlock', 'pageSelect', 'root', 'text'],\n  base: {\n    itemsBlock: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flexShrink: 0,\n    },\n    itemsSelect: {\n      width: rem(88),\n    },\n    pageBlock: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flexShrink: 0,\n    },\n    pageSelect: {\n      width: rem(80),\n    },\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      overflow: 'clip',\n      width: 'full',\n    },\n    text: {\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    variant: {\n      card: {\n        root: {\n          paddingInline: '24',\n          paddingBlock: '8',\n        },\n        text: {\n          color: 'text/tertiary',\n        },\n      },\n      page: {\n        root: {\n          paddingInline: '24',\n          paddingBlock: '16',\n          borderTopWidth: rem(1),\n          borderTopStyle: 'solid',\n          borderTopColor: 'border/regular',\n        },\n        text: {\n          color: 'text/secondary',\n        },\n      },\n      table: {\n        root: {\n          paddingInline: '16',\n          paddingBlock: '8',\n        },\n        text: {\n          color: 'text/secondary',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'table',\n  },\n});\n\nexport default paginationSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAc;EAAe;EAAa;EAAc;EAAQ;CAAM;CAC9E,MAAM;EACJ,YAAY;GACV,SAAS;GACT,YAAY;GACZ,KAAK;GACL,YAAY;EACd;EACA,aAAa,EACX,OAAO,IAAI,EAAE,EACf;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,KAAK;GACL,YAAY;EACd;EACA,YAAY,EACV,OAAO,IAAI,EAAE,EACf;EACA,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;EACA,MAAM;GACJ,WAAW;GACX,YAAY;GACZ,YAAY;EACd;CACF;CACA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,MAAM;IACJ,eAAe;IACf,cAAc;GAChB;GACA,MAAM,EACJ,OAAO,gBACT;EACF;EACA,MAAM;GACJ,MAAM;IACJ,eAAe;IACf,cAAc;IACd,gBAAgB,IAAI,CAAC;IACrB,gBAAgB;IAChB,gBAAgB;GAClB;GACA,MAAM,EACJ,OAAO,iBACT;EACF;EACA,OAAO;GACL,MAAM;IACJ,eAAe;IACf,cAAc;GAChB;GACA,MAAM,EACJ,OAAO,iBACT;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,QACX;AACF,CAAC"}
+{"version":3,"file":"Pagination.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Pagination.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst paginationSlotRecipe = defineSlotRecipe({\n  className: 'pagination',\n  slots: ['itemsBlock', 'itemsSelect', 'pageBlock', 'pageSelect', 'root', 'text'],\n  base: {\n    itemsBlock: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flexShrink: 0,\n    },\n    itemsSelect: {\n      width: rem(88),\n    },\n    pageBlock: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flexShrink: 0,\n    },\n    pageSelect: {\n      width: rem(80),\n    },\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      overflow: 'clip',\n      width: 'full',\n    },\n    text: {\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    variant: {\n      card: {\n        root: {\n          paddingInline: '24',\n          paddingBlock: '8',\n        },\n        text: {\n          color: 'text/tertiary',\n        },\n      },\n      page: {\n        root: {\n          paddingInline: '24',\n          paddingBlock: '16',\n          borderTopWidth: '1',\n          borderTopStyle: 'solid',\n          borderTopColor: 'border/regular',\n        },\n        text: {\n          color: 'text/secondary',\n        },\n      },\n      table: {\n        root: {\n          paddingInline: '16',\n          paddingBlock: '8',\n        },\n        text: {\n          color: 'text/secondary',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'table',\n  },\n});\n\nexport default paginationSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAc;EAAe;EAAa;EAAc;EAAQ;CAAM;CAC9E,MAAM;EACJ,YAAY;GACV,SAAS;GACT,YAAY;GACZ,KAAK;GACL,YAAY;EACd;EACA,aAAa,EACX,OAAO,IAAI,EAAE,EACf;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,KAAK;GACL,YAAY;EACd;EACA,YAAY,EACV,OAAO,IAAI,EAAE,EACf;EACA,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;EACA,MAAM;GACJ,WAAW;GACX,YAAY;GACZ,YAAY;EACd;CACF;CACA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,MAAM;IACJ,eAAe;IACf,cAAc;GAChB;GACA,MAAM,EACJ,OAAO,gBACT;EACF;EACA,MAAM;GACJ,MAAM;IACJ,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;GAClB;GACA,MAAM,EACJ,OAAO,iBACT;EACF;EACA,OAAO;GACL,MAAM;IACJ,eAAe;IACf,cAAc;GAChB;GACA,MAAM,EACJ,OAAO,iBACT;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,QACX;AACF,CAAC"}

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

@@ -17,7 +17,7 @@ var paginationLoadMoreRecipe = defineSlotRecipe({
 			"&:has(+ *)": {
 				borderInlineEndColor: "border/regular",
 				borderInlineEndStyle: "solid",
-				borderInlineEndWidth: "1px"
+				borderInlineEndWidth: "1"
 			}
 		}
 	},

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationLoadMore.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PaginationLoadMore.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst paginationLoadMoreRecipe = defineSlotRecipe({\n  className: 'pagination-load-more',\n  slots: ['root', 'counter'],\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      paddingBlock: '8',\n      paddingInline: '16',\n    },\n    counter: {\n      color: 'text/secondary',\n      fontVariantNumeric: 'tabular-nums',\n      '&:has(+ *)': {\n        borderInlineEndColor: 'border/regular',\n        borderInlineEndStyle: 'solid',\n        borderInlineEndWidth: '1px',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        root: {\n          gap: '24',\n          minHeight: rem(56),\n        },\n        counter: {\n          textStyle: 'body/md/regular',\n          '&:has(+ *)': {\n            paddingInlineEnd: '24',\n          },\n        },\n      },\n      sm: {\n        root: {\n          gap: '16',\n          minHeight: '48',\n        },\n        counter: {\n          textStyle: 'body/md/regular',\n          '&:has(+ *)': {\n            paddingInlineEnd: '16',\n          },\n        },\n      },\n      xs: {\n        root: {\n          gap: '12',\n          minHeight: '32',\n        },\n        counter: {\n          textStyle: 'body/sm/regular',\n          '&:has(+ *)': {\n            paddingInlineEnd: '12',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default paginationLoadMoreRecipe;\n"],"mappings":";;;AAIA,IAAM,2BAA2B,iBAAiB;CAChD,WAAW;CACX,OAAO,CAAC,QAAQ,SAAS;CACzB,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,cAAc;GACd,eAAe;EACjB;EACA,SAAS;GACP,OAAO;GACP,oBAAoB;GACpB,cAAc;IACZ,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;GACxB;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,KAAK;IACL,WAAW,IAAI,EAAE;GACnB;GACA,SAAS;IACP,WAAW;IACX,cAAc,EACZ,kBAAkB,KACpB;GACF;EACF;EACA,IAAI;GACF,MAAM;IACJ,KAAK;IACL,WAAW;GACb;GACA,SAAS;IACP,WAAW;IACX,cAAc,EACZ,kBAAkB,KACpB;GACF;EACF;EACA,IAAI;GACF,MAAM;IACJ,KAAK;IACL,WAAW;GACb;GACA,SAAS;IACP,WAAW;IACX,cAAc,EACZ,kBAAkB,KACpB;GACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"PaginationLoadMore.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PaginationLoadMore.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst paginationLoadMoreRecipe = defineSlotRecipe({\n  className: 'pagination-load-more',\n  slots: ['root', 'counter'],\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      paddingBlock: '8',\n      paddingInline: '16',\n    },\n    counter: {\n      color: 'text/secondary',\n      fontVariantNumeric: 'tabular-nums',\n      '&:has(+ *)': {\n        borderInlineEndColor: 'border/regular',\n        borderInlineEndStyle: 'solid',\n        borderInlineEndWidth: '1',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        root: {\n          gap: '24',\n          minHeight: rem(56),\n        },\n        counter: {\n          textStyle: 'body/md/regular',\n          '&:has(+ *)': {\n            paddingInlineEnd: '24',\n          },\n        },\n      },\n      sm: {\n        root: {\n          gap: '16',\n          minHeight: '48',\n        },\n        counter: {\n          textStyle: 'body/md/regular',\n          '&:has(+ *)': {\n            paddingInlineEnd: '16',\n          },\n        },\n      },\n      xs: {\n        root: {\n          gap: '12',\n          minHeight: '32',\n        },\n        counter: {\n          textStyle: 'body/sm/regular',\n          '&:has(+ *)': {\n            paddingInlineEnd: '12',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default paginationLoadMoreRecipe;\n"],"mappings":";;;AAIA,IAAM,2BAA2B,iBAAiB;CAChD,WAAW;CACX,OAAO,CAAC,QAAQ,SAAS;CACzB,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,cAAc;GACd,eAAe;EACjB;EACA,SAAS;GACP,OAAO;GACP,oBAAoB;GACpB,cAAc;IACZ,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;GACxB;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,KAAK;IACL,WAAW,IAAI,EAAE;GACnB;GACA,SAAS;IACP,WAAW;IACX,cAAc,EACZ,kBAAkB,KACpB;GACF;EACF;EACA,IAAI;GACF,MAAM;IACJ,KAAK;IACL,WAAW;GACb;GACA,SAAS;IACP,WAAW;IACX,cAAc,EACZ,kBAAkB,KACpB;GACF;EACF;EACA,IAAI;GACF,MAAM;IACJ,KAAK;IACL,WAAW;GACb;GACA,SAAS;IACP,WAAW;IACX,cAAc,EACZ,kBAAkB,KACpB;GACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

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

@@ -0,0 +1,2 @@
+declare const popoverSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"anchor" | "content" | "body" | "footer" | "header" | "title" | "trigger" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "indicator" | "description" | "scrollBody" | "scrollGradient" | "scrollButton", import('@chakra-ui/react').SlotRecipeVariantRecord<"anchor" | "content" | "body" | "footer" | "header" | "title" | "trigger" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "indicator" | "description" | "scrollBody" | "scrollGradient" | "scrollButton">>;
+export default popoverSlotRecipe;

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

@@ -0,0 +1,107 @@
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { popoverAnatomy } from "@chakra-ui/react/anatomy";
+//#region lib/theme/slot-recipes/Popover.recipe.ts
+var popoverSlotRecipe = defineSlotRecipe({
+	className: "popover",
+	slots: [
+		...popoverAnatomy.keys(),
+		"scrollBody",
+		"scrollButton",
+		"scrollGradient"
+	],
+	base: {
+		content: {
+			background: "background/primary",
+			borderRadius: "8",
+			boxShadow: "elevation/lg",
+			display: "flex",
+			flexDirection: "column",
+			maxHeight: "60vh",
+			outline: "none",
+			overflow: "hidden",
+			position: "relative",
+			transformOrigin: "var(--transform-origin)",
+			width: rem(360),
+			zIndex: "popover",
+			_open: {
+				animationStyle: "scale-fade-in",
+				animationDuration: "fast"
+			},
+			_closed: {
+				animationStyle: "scale-fade-out",
+				animationDuration: "faster"
+			}
+		},
+		header: {
+			alignItems: "flex-start",
+			display: "flex",
+			flexShrink: 0,
+			gap: "8",
+			paddingBlockEnd: "8",
+			paddingBlockStart: "16",
+			paddingInline: "16"
+		},
+		title: {
+			color: "text/primary",
+			flex: "1",
+			minWidth: 0,
+			textStyle: "heading/h4",
+			wordBreak: "break-word"
+		},
+		closeTrigger: { flexShrink: 0 },
+		scrollBody: {
+			display: "flex",
+			flex: "1",
+			flexDirection: "column",
+			minHeight: 0,
+			position: "relative"
+		},
+		body: {
+			flex: "1",
+			minHeight: 0,
+			overflowY: "auto",
+			paddingBlockEnd: "16",
+			paddingBlockStart: "8",
+			paddingInline: "16"
+		},
+		footer: {
+			alignItems: "center",
+			display: "flex",
+			flexShrink: 0,
+			gap: "8",
+			justifyContent: "space-between",
+			paddingBlockEnd: "16",
+			paddingBlockStart: "24",
+			paddingInline: "16"
+		},
+		scrollGradient: {
+			background: "linear-gradient(0deg, {colors.neutral.100} 0%, transparent 100%)",
+			bottom: 0,
+			height: "32",
+			pointerEvents: "none",
+			position: "absolute",
+			width: "100%"
+		},
+		scrollButton: {
+			alignItems: "center",
+			alignSelf: "center",
+			background: "background/primary",
+			borderColor: "border/minimal",
+			borderRadius: "full",
+			borderWidth: "1px",
+			bottom: "8",
+			boxShadow: "elevation/lg",
+			cursor: "pointer",
+			display: "flex",
+			height: "32",
+			justifyContent: "center",
+			position: "absolute",
+			width: "32"
+		}
+	}
+});
+//#endregion
+export { popoverSlotRecipe as default };
+
+//# sourceMappingURL=Popover.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Popover.recipe.ts"],"sourcesContent":["import { popoverAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst popoverSlotRecipe = defineSlotRecipe({\n  className: 'popover',\n  slots: [...popoverAnatomy.keys(), 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      maxHeight: '60vh',\n      outline: 'none',\n      overflow: 'hidden',\n      position: 'relative',\n      transformOrigin: 'var(--transform-origin)',\n      width: rem(360),\n      zIndex: 'popover',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '8',\n      paddingBlockEnd: '8',\n      paddingBlockStart: '16',\n      paddingInline: '16',\n    },\n    title: {\n      color: 'text/primary',\n      flex: '1',\n      minWidth: 0,\n      textStyle: 'heading/h4',\n      wordBreak: 'break-word',\n    },\n    closeTrigger: {\n      flexShrink: 0,\n    },\n    scrollBody: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n    },\n    body: {\n      flex: '1',\n      minHeight: 0,\n      overflowY: 'auto',\n      paddingBlockEnd: '16',\n      paddingBlockStart: '8',\n      paddingInline: '16',\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '8',\n      justifyContent: 'space-between',\n      paddingBlockEnd: '16',\n      paddingBlockStart: '24',\n      paddingInline: '16',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, {colors.neutral.100} 0%, transparent 100%)',\n      bottom: 0,\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: 'full',\n      borderWidth: '1px',\n      bottom: '8',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n  },\n});\n\nexport default popoverSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO;EAAC,GAAG,eAAe,KAAK;EAAG;EAAc;EAAgB;CAAgB;CAChF,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,UAAU;GACV,iBAAiB;GACjB,OAAO,IAAI,GAAG;GACd,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,OAAO;GACL,OAAO;GACP,MAAM;GACN,UAAU;GACV,WAAW;GACX,WAAW;EACb;EACA,cAAc,EACZ,YAAY,EACd;EACA,YAAY;GACV,SAAS;GACT,MAAM;GACN,eAAe;GACf,WAAW;GACX,UAAU;EACZ;EACA,MAAM;GACJ,MAAM;GACN,WAAW;GACX,WAAW;GACX,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,gBAAgB;GACd,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,eAAe;GACf,UAAU;GACV,OAAO;EACT;EACA,cAAc;GACZ,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;CACF;AACF,CAAC"}

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

@@ -11,7 +11,7 @@ var ribbonSlotRecipe = defineSlotRecipe({
 		root: {
 			alignItems: "center",
 			borderBlockStyle: "solid",
-			borderBlockWidth: "1px",
+			borderBlockWidth: "1",
 			display: "flex",
 			paddingBlock: "12",
 			paddingInline: "24",

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

@@ -1 +1 @@
-{"version":3,"file":"Ribbon.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Ribbon.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst ribbonSlotRecipe = defineSlotRecipe({\n  className: 'ribbon',\n  slots: ['root', 'content', 'textBlock'],\n  base: {\n    root: {\n      alignItems: 'center',\n      borderBlockStyle: 'solid',\n      borderBlockWidth: '1px',\n      display: 'flex',\n      paddingBlock: '12',\n      paddingInline: '24',\n      width: 'full',\n    },\n    content: {\n      alignItems: 'center',\n      display: 'flex',\n      flex: '1 0 0',\n      gap: '16',\n      justifyContent: 'center',\n      minHeight: '32',\n      minWidth: 0,\n    },\n    textBlock: {\n      alignItems: 'baseline',\n      display: 'flex',\n      gap: '4',\n      minWidth: 0,\n      textStyle: 'body/md/regular',\n    },\n  },\n  variants: {\n    colorVariant: {\n      blue: { root: { background: 'color/blue/subtle', borderColor: 'color/blue/muted', color: 'color/blue/strong' } },\n      green: {\n        root: { background: 'color/green/subtle', borderColor: 'color/green/muted', color: 'color/green/strong' },\n      },\n      yellow: {\n        root: { background: 'color/yellow/subtle', borderColor: 'color/yellow/muted', color: 'color/yellow/strong' },\n      },\n      red: { root: { background: 'color/red/subtle', borderColor: 'color/red/muted', color: 'color/red/strong' } },\n      purple: {\n        root: { background: 'color/purple/subtle', borderColor: 'color/purple/muted', color: 'color/purple/strong' },\n      },\n    },\n  },\n  defaultVariants: {\n    colorVariant: 'blue',\n  },\n});\n\nexport default ribbonSlotRecipe;\n"],"mappings":";;AAEA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;CAAW;CACtC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,kBAAkB;GAClB,kBAAkB;GAClB,SAAS;GACT,cAAc;GACd,eAAe;GACf,OAAO;EACT;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,gBAAgB;GAChB,WAAW;GACX,UAAU;EACZ;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,UAAU;GACV,WAAW;EACb;CACF;CACA,UAAU,EACR,cAAc;EACZ,MAAM,EAAE,MAAM;GAAE,YAAY;GAAqB,aAAa;GAAoB,OAAO;EAAoB,EAAE;EAC/G,OAAO,EACL,MAAM;GAAE,YAAY;GAAsB,aAAa;GAAqB,OAAO;EAAqB,EAC1G;EACA,QAAQ,EACN,MAAM;GAAE,YAAY;GAAuB,aAAa;GAAsB,OAAO;EAAsB,EAC7G;EACA,KAAK,EAAE,MAAM;GAAE,YAAY;GAAoB,aAAa;GAAmB,OAAO;EAAmB,EAAE;EAC3G,QAAQ,EACN,MAAM;GAAE,YAAY;GAAuB,aAAa;GAAsB,OAAO;EAAsB,EAC7G;CACF,EACF;CACA,iBAAiB,EACf,cAAc,OAChB;AACF,CAAC"}
+{"version":3,"file":"Ribbon.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Ribbon.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst ribbonSlotRecipe = defineSlotRecipe({\n  className: 'ribbon',\n  slots: ['root', 'content', 'textBlock'],\n  base: {\n    root: {\n      alignItems: 'center',\n      borderBlockStyle: 'solid',\n      borderBlockWidth: '1',\n      display: 'flex',\n      paddingBlock: '12',\n      paddingInline: '24',\n      width: 'full',\n    },\n    content: {\n      alignItems: 'center',\n      display: 'flex',\n      flex: '1 0 0',\n      gap: '16',\n      justifyContent: 'center',\n      minHeight: '32',\n      minWidth: 0,\n    },\n    textBlock: {\n      alignItems: 'baseline',\n      display: 'flex',\n      gap: '4',\n      minWidth: 0,\n      textStyle: 'body/md/regular',\n    },\n  },\n  variants: {\n    colorVariant: {\n      blue: { root: { background: 'color/blue/subtle', borderColor: 'color/blue/muted', color: 'color/blue/strong' } },\n      green: {\n        root: { background: 'color/green/subtle', borderColor: 'color/green/muted', color: 'color/green/strong' },\n      },\n      yellow: {\n        root: { background: 'color/yellow/subtle', borderColor: 'color/yellow/muted', color: 'color/yellow/strong' },\n      },\n      red: { root: { background: 'color/red/subtle', borderColor: 'color/red/muted', color: 'color/red/strong' } },\n      purple: {\n        root: { background: 'color/purple/subtle', borderColor: 'color/purple/muted', color: 'color/purple/strong' },\n      },\n    },\n  },\n  defaultVariants: {\n    colorVariant: 'blue',\n  },\n});\n\nexport default ribbonSlotRecipe;\n"],"mappings":";;AAEA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;CAAW;CACtC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,kBAAkB;GAClB,kBAAkB;GAClB,SAAS;GACT,cAAc;GACd,eAAe;GACf,OAAO;EACT;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,gBAAgB;GAChB,WAAW;GACX,UAAU;EACZ;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,UAAU;GACV,WAAW;EACb;CACF;CACA,UAAU,EACR,cAAc;EACZ,MAAM,EAAE,MAAM;GAAE,YAAY;GAAqB,aAAa;GAAoB,OAAO;EAAoB,EAAE;EAC/G,OAAO,EACL,MAAM;GAAE,YAAY;GAAsB,aAAa;GAAqB,OAAO;EAAqB,EAC1G;EACA,QAAQ,EACN,MAAM;GAAE,YAAY;GAAuB,aAAa;GAAsB,OAAO;EAAsB,EAC7G;EACA,KAAK,EAAE,MAAM;GAAE,YAAY;GAAoB,aAAa;GAAmB,OAAO;EAAmB,EAAE;EAC3G,QAAQ,EACN,MAAM;GAAE,YAAY;GAAuB,aAAa;GAAsB,OAAO;EAAsB,EAC7G;CACF,EACF;CACA,iBAAiB,EACf,cAAc,OAChB;AACF,CAAC"}

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

@@ -11,7 +11,7 @@ var segmentGroupSlotRecipe = defineSlotRecipe({
 			borderColor: "border/minimal",
 			borderRadius: "4",
 			borderStyle: "solid",
-			borderWidth: "1px",
+			borderWidth: "1",
 			display: "inline-flex",
 			gap: "1",
 			isolation: "isolate",

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentGroup.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/SegmentGroup.recipe.ts"],"sourcesContent":["import { segmentGroupAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst segmentGroupSlotRecipe = defineSlotRecipe({\n  slots: segmentGroupAnatomy.keys(),\n  className: 'segment-group',\n  base: {\n    root: {\n      alignItems: 'center',\n      backgroundColor: 'background/secondary',\n      borderColor: 'border/minimal',\n      borderRadius: '4',\n      borderStyle: 'solid',\n      borderWidth: '1px',\n      display: 'inline-flex',\n      gap: '1',\n      isolation: 'isolate',\n      position: 'relative',\n    },\n    // Zag.js positions the indicator via inline CSS variables (--width, --height, --top, --left).\n    // We must reference them here because our custom recipe replaces the Chakra default entirely.\n    indicator: {\n      backgroundColor: 'background/primary',\n      borderRadius: '4',\n      boxShadow: 'small',\n      height: 'var(--height)',\n      left: 'var(--left)',\n      outline: '1px solid',\n      outlineColor: 'border/regular',\n      position: 'absolute',\n      top: 'var(--top)',\n      width: 'var(--width)',\n      zIndex: -1,\n    },\n    item: {\n      alignItems: 'center',\n      borderRadius: '4',\n      color: 'text/secondary',\n      cursor: 'pointer',\n      _icon: {\n        color: 'icon/secondary',\n      },\n      display: 'flex',\n      gap: '4',\n      justifyContent: 'center',\n      paddingInline: '12',\n      position: 'relative',\n      textStyle: 'body/md/regular',\n      // Vertical separator between items\n      _before: {\n        backgroundColor: 'border/minimal',\n        content: '\"\"',\n        insetBlock: '8',\n        insetInlineStart: '-1px',\n        position: 'absolute',\n        width: '1',\n      },\n      // Hide separator on first item, and on both sides of the checked item\n      '& + &[data-state=checked], &[data-state=checked] + &, &:first-of-type': {\n        _before: { opacity: '0' },\n      },\n      // Focus ring on item when its hidden input is focused (same as Chakra default)\n      '&:has(input:focus-visible)': {\n        focusRing: 'outside',\n      },\n      _hover: {\n        backgroundColor: 'background/hover',\n        color: 'text/primary',\n        _active: {\n          backgroundColor: 'background/active',\n        },\n      },\n      _active: {\n        backgroundColor: 'background/active',\n        color: 'text/primary',\n      },\n      _checked: {\n        backgroundColor: 'transparent',\n        color: 'text/primary',\n        _active: {\n          backgroundColor: 'transparent',\n        },\n        _hover: {\n          backgroundColor: 'transparent',\n          _active: {\n            backgroundColor: 'transparent',\n          },\n        },\n      },\n      _disabled: {\n        color: 'text/disabled',\n        cursor: 'not-allowed',\n        _hover: {\n          backgroundColor: 'transparent',\n        },\n      },\n    },\n    itemText: {\n      paddingInline: '4',\n    },\n  },\n  variants: {\n    fullWidth: {\n      true: {\n        root: {\n          display: 'flex',\n          width: '100%',\n        },\n        item: {\n          flex: '1',\n        },\n      },\n    },\n    size: {\n      lg: {\n        item: {\n          paddingBlock: '12',\n          textStyle: 'body/lg/regular',\n        },\n      },\n      md: {\n        item: {\n          paddingBlock: '8',\n        },\n      },\n      sm: {\n        item: {\n          paddingBlock: '6',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n});\n\nexport default segmentGroupSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,yBAAyB,iBAAiB;CAC9C,OAAO,oBAAoB,KAAK;CAChC,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa;GACb,SAAS;GACT,KAAK;GACL,WAAW;GACX,UAAU;EACZ;EAGA,WAAW;GACT,iBAAiB;GACjB,cAAc;GACd,WAAW;GACX,QAAQ;GACR,MAAM;GACN,SAAS;GACT,cAAc;GACd,UAAU;GACV,KAAK;GACL,OAAO;GACP,QAAQ;EACV;EACA,MAAM;GACJ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,OAAO,EACL,OAAO,iBACT;GACA,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,eAAe;GACf,UAAU;GACV,WAAW;GAEX,SAAS;IACP,iBAAiB;IACjB,SAAS;IACT,YAAY;IACZ,kBAAkB;IAClB,UAAU;IACV,OAAO;GACT;GAEA,yEAAyE,EACvE,SAAS,EAAE,SAAS,IAAI,EAC1B;GAEA,8BAA8B,EAC5B,WAAW,UACb;GACA,QAAQ;IACN,iBAAiB;IACjB,OAAO;IACP,SAAS,EACP,iBAAiB,oBACnB;GACF;GACA,SAAS;IACP,iBAAiB;IACjB,OAAO;GACT;GACA,UAAU;IACR,iBAAiB;IACjB,OAAO;IACP,SAAS,EACP,iBAAiB,cACnB;IACA,QAAQ;KACN,iBAAiB;KACjB,SAAS,EACP,iBAAiB,cACnB;IACF;GACF;GACA,WAAW;IACT,OAAO;IACP,QAAQ;IACR,QAAQ,EACN,iBAAiB,cACnB;GACF;EACF;EACA,UAAU,EACR,eAAe,IACjB;CACF;CACA,UAAU;EACR,WAAW,EACT,MAAM;GACJ,MAAM;IACJ,SAAS;IACT,OAAO;GACT;GACA,MAAM,EACJ,MAAM,IACR;EACF,EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM;IACJ,cAAc;IACd,WAAW;GACb,EACF;GACA,IAAI,EACF,MAAM,EACJ,cAAc,IAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,cAAc,IAChB,EACF;EACF;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"SegmentGroup.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/SegmentGroup.recipe.ts"],"sourcesContent":["import { segmentGroupAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst segmentGroupSlotRecipe = defineSlotRecipe({\n  slots: segmentGroupAnatomy.keys(),\n  className: 'segment-group',\n  base: {\n    root: {\n      alignItems: 'center',\n      backgroundColor: 'background/secondary',\n      borderColor: 'border/minimal',\n      borderRadius: '4',\n      borderStyle: 'solid',\n      borderWidth: '1',\n      display: 'inline-flex',\n      gap: '1',\n      isolation: 'isolate',\n      position: 'relative',\n    },\n    // Zag.js positions the indicator via inline CSS variables (--width, --height, --top, --left).\n    // We must reference them here because our custom recipe replaces the Chakra default entirely.\n    indicator: {\n      backgroundColor: 'background/primary',\n      borderRadius: '4',\n      boxShadow: 'small',\n      height: 'var(--height)',\n      left: 'var(--left)',\n      outline: '1px solid',\n      outlineColor: 'border/regular',\n      position: 'absolute',\n      top: 'var(--top)',\n      width: 'var(--width)',\n      zIndex: -1,\n    },\n    item: {\n      alignItems: 'center',\n      borderRadius: '4',\n      color: 'text/secondary',\n      cursor: 'pointer',\n      _icon: {\n        color: 'icon/secondary',\n      },\n      display: 'flex',\n      gap: '4',\n      justifyContent: 'center',\n      paddingInline: '12',\n      position: 'relative',\n      textStyle: 'body/md/regular',\n      // Vertical separator between items\n      _before: {\n        backgroundColor: 'border/minimal',\n        content: '\"\"',\n        insetBlock: '8',\n        insetInlineStart: '-1px',\n        position: 'absolute',\n        width: '1',\n      },\n      // Hide separator on first item, and on both sides of the checked item\n      '& + &[data-state=checked], &[data-state=checked] + &, &:first-of-type': {\n        _before: { opacity: '0' },\n      },\n      // Focus ring on item when its hidden input is focused (same as Chakra default)\n      '&:has(input:focus-visible)': {\n        focusRing: 'outside',\n      },\n      _hover: {\n        backgroundColor: 'background/hover',\n        color: 'text/primary',\n        _active: {\n          backgroundColor: 'background/active',\n        },\n      },\n      _active: {\n        backgroundColor: 'background/active',\n        color: 'text/primary',\n      },\n      _checked: {\n        backgroundColor: 'transparent',\n        color: 'text/primary',\n        _active: {\n          backgroundColor: 'transparent',\n        },\n        _hover: {\n          backgroundColor: 'transparent',\n          _active: {\n            backgroundColor: 'transparent',\n          },\n        },\n      },\n      _disabled: {\n        color: 'text/disabled',\n        cursor: 'not-allowed',\n        _hover: {\n          backgroundColor: 'transparent',\n        },\n      },\n    },\n    itemText: {\n      paddingInline: '4',\n    },\n  },\n  variants: {\n    fullWidth: {\n      true: {\n        root: {\n          display: 'flex',\n          width: '100%',\n        },\n        item: {\n          flex: '1',\n        },\n      },\n    },\n    size: {\n      lg: {\n        item: {\n          paddingBlock: '12',\n          textStyle: 'body/lg/regular',\n        },\n      },\n      md: {\n        item: {\n          paddingBlock: '8',\n        },\n      },\n      sm: {\n        item: {\n          paddingBlock: '6',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n});\n\nexport default segmentGroupSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,yBAAyB,iBAAiB;CAC9C,OAAO,oBAAoB,KAAK;CAChC,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa;GACb,SAAS;GACT,KAAK;GACL,WAAW;GACX,UAAU;EACZ;EAGA,WAAW;GACT,iBAAiB;GACjB,cAAc;GACd,WAAW;GACX,QAAQ;GACR,MAAM;GACN,SAAS;GACT,cAAc;GACd,UAAU;GACV,KAAK;GACL,OAAO;GACP,QAAQ;EACV;EACA,MAAM;GACJ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,OAAO,EACL,OAAO,iBACT;GACA,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,eAAe;GACf,UAAU;GACV,WAAW;GAEX,SAAS;IACP,iBAAiB;IACjB,SAAS;IACT,YAAY;IACZ,kBAAkB;IAClB,UAAU;IACV,OAAO;GACT;GAEA,yEAAyE,EACvE,SAAS,EAAE,SAAS,IAAI,EAC1B;GAEA,8BAA8B,EAC5B,WAAW,UACb;GACA,QAAQ;IACN,iBAAiB;IACjB,OAAO;IACP,SAAS,EACP,iBAAiB,oBACnB;GACF;GACA,SAAS;IACP,iBAAiB;IACjB,OAAO;GACT;GACA,UAAU;IACR,iBAAiB;IACjB,OAAO;IACP,SAAS,EACP,iBAAiB,cACnB;IACA,QAAQ;KACN,iBAAiB;KACjB,SAAS,EACP,iBAAiB,cACnB;IACF;GACF;GACA,WAAW;IACT,OAAO;IACP,QAAQ;IACR,QAAQ,EACN,iBAAiB,cACnB;GACF;EACF;EACA,UAAU,EACR,eAAe,IACjB;CACF;CACA,UAAU;EACR,WAAW,EACT,MAAM;GACJ,MAAM;IACJ,SAAS;IACT,OAAO;GACT;GACA,MAAM,EACJ,MAAM,IACR;EACF,EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM;IACJ,cAAc;IACd,WAAW;GACb,EACF;GACA,IAAI,EACF,MAAM,EACJ,cAAc,IAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,cAAc,IAChB,EACF;EACF;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

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

@@ -26,7 +26,7 @@ var selectSlotRecipe = defineSlotRecipe({
 		trigger: {
 			display: "flex",
 			alignItems: "center",
-			borderWidth: rem(1),
+			borderWidth: "1",
 			borderColor: "border/strong",
 			background: "bg.muted",
 			color: "input/text/inputValue",
@@ -154,7 +154,7 @@ var selectSlotRecipe = defineSlotRecipe({
 			alignItems: "center",
 			justifyContent: "center",
 			flexShrink: 0,
-			borderWidth: rem(1),
+			borderWidth: "1",
 			borderColor: "border/regular",
 			borderRadius: "4",
 			background: "background/primary",

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: [\n    ...selectAnatomy.keys(),\n    'searchInputGroup',\n    'searchInput',\n    'searchClear',\n    'actionContainer',\n    'action',\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      paddingInlineStart: '16',\n      paddingInlineEnd: '48',\n      paddingBlock: rem(11),\n      borderRadius: '4',\n      userSelect: 'none',\n      textAlign: 'start',\n      focusVisibleRing: 'inside',\n      width: '100%',\n      _open: {\n        borderColor: 'border/focus',\n      },\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      maxWidth: rem(800),\n      focusVisibleRing: 'none',\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    valueText: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flex: '1 1 0',\n      minWidth: 0,\n      overflow: 'hidden',\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      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      minWidth: 0,\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      minWidth: 0,\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      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    actionContainer: {\n      borderTop: '1px solid',\n      borderColor: 'border/minimal',\n      paddingBlock: '8',\n      flexShrink: 0,\n    },\n    action: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '12',\n      paddingInlineEnd: '24',\n      paddingInlineStart: '16',\n      color: 'text/primary',\n      width: '100%',\n      cursor: 'pointer',\n      textAlign: 'start',\n      _icon: {\n        color: 'icon/secondary',\n      },\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    hasStatusIcon: {\n      true: {\n        trigger: {\n          paddingInlineEnd: '96',\n        },\n      },\n      false: {},\n    },\n    size: {\n      lg: {\n        ...variants.size.lg,\n        checkbox: {\n          width: '24',\n          height: '24',\n        },\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            minHeight: '48',\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: 'normal',\n        },\n        itemLoadingLabel: {\n          textStyle: 'body/lg/regular',\n        },\n        emptyState: {\n          paddingBlock: '12',\n        },\n        action: {\n          minHeight: '48',\n          paddingBlock: '12',\n          textStyle: 'body/lg/regular',\n          lineHeight: 'normal',\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        checkbox: {\n          width: '20',\n          height: '20',\n        },\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            minHeight: '40',\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: 'normal',\n        },\n        itemLoadingLabel: {\n          textStyle: 'body/md/regular',\n        },\n        emptyState: {\n          paddingBlock: '8',\n        },\n        action: {\n          minHeight: '40',\n          paddingBlock: '8',\n          textStyle: 'body/md/regular',\n          lineHeight: 'normal',\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,KAAK;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,aAAa,IAAI,CAAC;GAClB,aAAa;GACb,YAAY;GACZ,OAAO;GACP,KAAK;GACL,gBAAgB;GAChB,oBAAoB;GACpB,kBAAkB;GAClB,cAAc,IAAI,EAAE;GACpB,cAAc;GACd,YAAY;GACZ,WAAW;GACX,kBAAkB;GAClB,OAAO;GACP,OAAO,EACL,aAAa,eACf;GACA,mBAAmB,EACjB,OAAO,iBACT;GACA,WAAW;IACT,OAAO;IACP,YAAY;GACd;GACA,UAAU,EACR,aAAa,eACf;GACA,WAAW,EACT,YAAY,sBACd;EACF;EACA,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,UAAU;GACV,KAAK;GACL,QAAQ;GACR,eAAe;GACf,eAAe;EACjB;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,gBACT;GACA,WAAW,EACT,OAAO,mBACT;EACF;EACA,GAAG;EACH,SAAS;GACP,GAAG,KAAK;GACR,UAAU;GACV,SAAS;GACT,eAAe;GACf,UAAU,IAAI,GAAG;GACjB,kBAAkB;EACpB;EACA,MAAM;GACJ,GAAG,KAAK;GACR,SAAS,EACP,YAAY,oBACd;GACA,WAAW;IACT,YAAY;IACZ,cAAc,EACZ,YAAY,4BACd;GACF;GACA,WAAW;IACT,QAAQ;IACR,OAAO;IACP,cAAc,EACZ,YAAY,cACd;GACF;EACF;EACA,SAAS;GACP,UAAU;GACV,OAAO;EACT;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;GACV,UAAU;EACZ;EACA,UAAU;GACR,MAAM;GACN,WAAW;GACX,WAAW;GACX,cAAc;EAChB;EACA,aAAa;GACX,SAAS;GACT,eAAe;GACf,MAAM;GACN,UAAU;EACZ;EACA,aAAa,EACX,YAAY,EACd;EACA,kBAAkB;GAChB,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,cAAc;GACd,YAAY;EACd;EACA,YAAY;GACV,SAAS;GACT,eAAe;GACf,YAAY;GACZ,eAAe;EACjB;EACA,WAAW;GACT,OAAO;GACP,YAAY;GACZ,UAAU;GACV,cAAc;GACd,UAAU;GACV,UAAU;GACV,qBAAqB,EACnB,OAAO,gBACT;EACF;EACA,gBAAgB;GACd,OAAO;GACP,WAAW;GACX,YAAY;GACZ,UAAU;GACV,cAAc;GACd,UAAU;GACV,UAAU;GACV,qBAAqB,EACnB,OAAO,gBACT;EACF;EACA,UAAU;GACR,UAAU;GACV,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,aAAa,IAAI,CAAC;GAClB,aAAa;GACb,cAAc;GACd,YAAY;GACZ,WAAW;GACX,OAAO;GACP,0BAA0B;IACxB,YAAY;IACZ,aAAa;IACb,WAAW;GACb;GACA,qBAAqB;IACnB,YAAY;IACZ,aAAa;GACf;EACF;EACA,WAAW;GACT,SAAS;GACT,OAAO;GACP,0BAA0B,EACxB,SAAS,EACX;EACF;EACA,kBAAkB;GAChB,cAAc;GACd,aAAa;GACb,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,oBAAoB;GACpB,kBAAkB;GAClB,UAAU;GACV,YAAY;GACZ,QAAQ,EACN,YAAY,uBACd;GACA,cAAc,EACZ,YAAY,qBACd;EACF;EACA,aAAa;GACX,MAAM;GACN,UAAU;GACV,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,OAAO;GACP,eAAe;GACf,cAAc;GACd,cAAc,EACZ,OAAO,yBACT;EACF;EACA,aAAa;GACX,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,OAAO;GACP,QAAQ;GACR,YAAY;GACZ,QAAQ,EACN,YAAY,mBACd;EACF;EACA,iBAAiB;GACf,WAAW;GACX,aAAa;GACb,cAAc;GACd,YAAY;EACd;EACA,QAAQ;GACN,SAAS;GACT,YAAY;GACZ,KAAK;GACL,kBAAkB;GAClB,oBAAoB;GACpB,OAAO;GACP,OAAO;GACP,QAAQ;GACR,WAAW;GACX,OAAO,EACL,OAAO,iBACT;GACA,QAAQ;IACN,YAAY;IACZ,SAAS,EACP,YAAY,6BACd;GACF;GACA,SAAS,EACP,YAAY,6BACd;GACA,eAAe,EACb,eAAe,OACjB;EACF;CACF;CAEA,UAAU;EACR,eAAe;GACb,MAAM,EACJ,SAAS,EACP,kBAAkB,KACpB,EACF;GACA,OAAO,CAAC;EACV;EACA,MAAM;GACJ,IAAI;IACF,GAAG,SAAS,KAAK;IACjB,UAAU;KACR,OAAO;KACP,QAAQ;IACV;IACA,MAAM;KACJ,GAAG,SAAS,KAAK,GAAG;KACpB,iCAA+B;MAC7B,oBAAoB;MACpB,kBAAkB;MAClB,cAAc;MACd,KAAK;KACP;KACA,mCAAiC;MAC/B,WAAW;MACX,kBAAkB;MAClB,cAAc;MACd,KAAK;KACP;IACF;IACA,UAAU,EAER,WAAW,IAAI,GAAG,EACpB;IACA,WAAW;KACT,WAAW;KACX,YAAY;IACd;IACA,kBAAkB,EAChB,WAAW,kBACb;IACA,YAAY,EACV,cAAc,KAChB;IACA,QAAQ;KACN,WAAW;KACX,cAAc;KACd,WAAW;KACX,YAAY;IACd;IACA,kBAAkB;KAChB,QAAQ,IAAI,EAAE;KACd,cAAc;IAChB;IACA,aAAa,EACX,WAAW,kBACb;IACA,aAAa,EACX,SAAS,IACX;GACF;GACA,IAAI;IACF,GAAG,SAAS,KAAK;IACjB,UAAU;KACR,OAAO;KACP,QAAQ;IACV;IACA,MAAM;KACJ,GAAG,SAAS,KAAK,GAAG;KACpB,iCAA+B;MAC7B,oBAAoB;MACpB,kBAAkB;MAClB,cAAc;MACd,KAAK;KACP;KACA,mCAAiC;MAC/B,WAAW;MACX,kBAAkB;MAClB,cAAc;MACd,KAAK;KACP;IACF;IACA,UAAU,EAER,WAAW,IAAI,GAAG,EACpB;IACA,WAAW;KACT,WAAW;KACX,YAAY;IACd;IACA,kBAAkB,EAChB,WAAW,kBACb;IACA,YAAY,EACV,cAAc,IAChB;IACA,QAAQ;KACN,WAAW;KACX,cAAc;KACd,WAAW;KACX,YAAY;IACd;IACA,SAAS;KACP,WAAW;KACX,cAAc,IAAI,CAAC;IACrB;IACA,kBAAkB;KAChB,QAAQ;KACR,cAAc;IAChB;IACA,aAAa,EACX,WAAW,kBACb;IACA,aAAa,EACX,SAAS,IACX;GACF;EACF;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,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    'actionContainer',\n    'action',\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: '1',\n      borderColor: 'border/strong',\n      background: 'bg.muted',\n      color: 'input/text/inputValue',\n      gap: '8',\n      justifyContent: 'space-between',\n      paddingInlineStart: '16',\n      paddingInlineEnd: '48',\n      paddingBlock: rem(11),\n      borderRadius: '4',\n      userSelect: 'none',\n      textAlign: 'start',\n      focusVisibleRing: 'inside',\n      width: '100%',\n      _open: {\n        borderColor: 'border/focus',\n      },\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      maxWidth: rem(800),\n      focusVisibleRing: 'none',\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    valueText: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flex: '1 1 0',\n      minWidth: 0,\n      overflow: 'hidden',\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      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      minWidth: 0,\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      minWidth: 0,\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      flexShrink: 0,\n      borderWidth: '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    actionContainer: {\n      borderTop: '1px solid',\n      borderColor: 'border/minimal',\n      paddingBlock: '8',\n      flexShrink: 0,\n    },\n    action: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '12',\n      paddingInlineEnd: '24',\n      paddingInlineStart: '16',\n      color: 'text/primary',\n      width: '100%',\n      cursor: 'pointer',\n      textAlign: 'start',\n      _icon: {\n        color: 'icon/secondary',\n      },\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    hasStatusIcon: {\n      true: {\n        trigger: {\n          paddingInlineEnd: '96',\n        },\n      },\n      false: {},\n    },\n    size: {\n      lg: {\n        ...variants.size.lg,\n        checkbox: {\n          width: '24',\n          height: '24',\n        },\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            minHeight: '48',\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: 'normal',\n        },\n        itemLoadingLabel: {\n          textStyle: 'body/lg/regular',\n        },\n        emptyState: {\n          paddingBlock: '12',\n        },\n        action: {\n          minHeight: '48',\n          paddingBlock: '12',\n          textStyle: 'body/lg/regular',\n          lineHeight: 'normal',\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        checkbox: {\n          width: '20',\n          height: '20',\n        },\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            minHeight: '40',\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: 'normal',\n        },\n        itemLoadingLabel: {\n          textStyle: 'body/md/regular',\n        },\n        emptyState: {\n          paddingBlock: '8',\n        },\n        action: {\n          minHeight: '40',\n          paddingBlock: '8',\n          textStyle: 'body/md/regular',\n          lineHeight: 'normal',\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,KAAK;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,aAAa;GACb,aAAa;GACb,YAAY;GACZ,OAAO;GACP,KAAK;GACL,gBAAgB;GAChB,oBAAoB;GACpB,kBAAkB;GAClB,cAAc,IAAI,EAAE;GACpB,cAAc;GACd,YAAY;GACZ,WAAW;GACX,kBAAkB;GAClB,OAAO;GACP,OAAO,EACL,aAAa,eACf;GACA,mBAAmB,EACjB,OAAO,iBACT;GACA,WAAW;IACT,OAAO;IACP,YAAY;GACd;GACA,UAAU,EACR,aAAa,eACf;GACA,WAAW,EACT,YAAY,sBACd;EACF;EACA,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,UAAU;GACV,KAAK;GACL,QAAQ;GACR,eAAe;GACf,eAAe;EACjB;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,gBACT;GACA,WAAW,EACT,OAAO,mBACT;EACF;EACA,GAAG;EACH,SAAS;GACP,GAAG,KAAK;GACR,UAAU;GACV,SAAS;GACT,eAAe;GACf,UAAU,IAAI,GAAG;GACjB,kBAAkB;EACpB;EACA,MAAM;GACJ,GAAG,KAAK;GACR,SAAS,EACP,YAAY,oBACd;GACA,WAAW;IACT,YAAY;IACZ,cAAc,EACZ,YAAY,4BACd;GACF;GACA,WAAW;IACT,QAAQ;IACR,OAAO;IACP,cAAc,EACZ,YAAY,cACd;GACF;EACF;EACA,SAAS;GACP,UAAU;GACV,OAAO;EACT;EACA,WAAW;GACT,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;GACV,UAAU;EACZ;EACA,UAAU;GACR,MAAM;GACN,WAAW;GACX,WAAW;GACX,cAAc;EAChB;EACA,aAAa;GACX,SAAS;GACT,eAAe;GACf,MAAM;GACN,UAAU;E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"}

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

@@ -3,7 +3,7 @@ declare const splitButtonSlotRecipe: import('@chakra-ui/react').SlotRecipeDefini
         primary: {
             trigger: {
                 borderWidth: "0";
-                borderInlineStartWidth: string;
+                borderInlineStartWidth: "1";
                 borderInlineStartColor: "border/on-contrast";
                 _hover: {
                     borderInlineStartColor: "border/on-contrast";

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

@@ -1,4 +1,3 @@
-import { rem } from "../themeUtils.js";
 import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
 //#region lib/theme/slot-recipes/SplitButton.recipe.ts
 var splitButtonSlotRecipe = defineSlotRecipe({
@@ -21,7 +20,7 @@ var splitButtonSlotRecipe = defineSlotRecipe({
 	variants: { variant: {
 		primary: { trigger: {
 			borderWidth: "0",
-			borderInlineStartWidth: rem(1),
+			borderInlineStartWidth: "1",
 			borderInlineStartColor: "border/on-contrast",
 			_hover: {
 				borderInlineStartColor: "border/on-contrast",

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

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/SplitButton.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst splitButtonSlotRecipe = defineSlotRecipe({\n  slots: ['root', 'action', 'trigger'],\n  className: 'split-button',\n  base: {\n    action: {\n      borderStartEndRadius: 0,\n      borderEndEndRadius: 0,\n    },\n    trigger: {\n      borderStartStartRadius: 0,\n      borderEndStartRadius: 0,\n    },\n  },\n  variants: {\n    variant: {\n      primary: {\n        trigger: {\n          borderWidth: '0',\n          borderInlineStartWidth: rem(1),\n          borderInlineStartColor: 'border/on-contrast',\n          _hover: {\n            borderInlineStartColor: 'border/on-contrast',\n            _active: {\n              borderInlineStartColor: 'border/on-contrast',\n            },\n          },\n          _active: {\n            borderInlineStartColor: 'border/on-contrast',\n          },\n          _disabled: {\n            borderInlineStartColor: 'border/on-contrast',\n          },\n          _open: {\n            backgroundColor: 'button/primary/bg-active',\n          },\n        },\n      },\n      secondary: {\n        trigger: {\n          _open: {\n            backgroundColor: 'button/secondary/bg-active',\n            borderColor: 'button/secondary/border-active',\n            color: 'button/secondary/text-active',\n            _icon: { color: 'button/secondary/icon-active' },\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n});\n\nexport default splitButtonSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,wBAAwB,iBAAiB;CAC7C,OAAO;EAAC;EAAQ;EAAU;CAAS;CACnC,WAAW;CACX,MAAM;EACJ,QAAQ;GACN,sBAAsB;GACtB,oBAAoB;EACtB;EACA,SAAS;GACP,wBAAwB;GACxB,sBAAsB;EACxB;CACF;CACA,UAAU,EACR,SAAS;EACP,SAAS,EACP,SAAS;GACP,aAAa;GACb,wBAAwB,IAAI,CAAC;GAC7B,wBAAwB;GACxB,QAAQ;IACN,wBAAwB;IACxB,SAAS,EACP,wBAAwB,qBAC1B;GACF;GACA,SAAS,EACP,wBAAwB,qBAC1B;GACA,WAAW,EACT,wBAAwB,qBAC1B;GACA,OAAO,EACL,iBAAiB,2BACnB;EACF,EACF;EACA,WAAW,EACT,SAAS,EACP,OAAO;GACL,iBAAiB;GACjB,aAAa;GACb,OAAO;GACP,OAAO,EAAE,OAAO,+BAA+B;EACjD,EACF,EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC"}
+{"version":3,"file":"SplitButton.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/SplitButton.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst splitButtonSlotRecipe = defineSlotRecipe({\n  slots: ['root', 'action', 'trigger'],\n  className: 'split-button',\n  base: {\n    action: {\n      borderStartEndRadius: 0,\n      borderEndEndRadius: 0,\n    },\n    trigger: {\n      borderStartStartRadius: 0,\n      borderEndStartRadius: 0,\n    },\n  },\n  variants: {\n    variant: {\n      primary: {\n        trigger: {\n          borderWidth: '0',\n          borderInlineStartWidth: '1',\n          borderInlineStartColor: 'border/on-contrast',\n          _hover: {\n            borderInlineStartColor: 'border/on-contrast',\n            _active: {\n              borderInlineStartColor: 'border/on-contrast',\n            },\n          },\n          _active: {\n            borderInlineStartColor: 'border/on-contrast',\n          },\n          _disabled: {\n            borderInlineStartColor: 'border/on-contrast',\n          },\n          _open: {\n            backgroundColor: 'button/primary/bg-active',\n          },\n        },\n      },\n      secondary: {\n        trigger: {\n          _open: {\n            backgroundColor: 'button/secondary/bg-active',\n            borderColor: 'button/secondary/border-active',\n            color: 'button/secondary/text-active',\n            _icon: { color: 'button/secondary/icon-active' },\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n});\n\nexport default splitButtonSlotRecipe;\n"],"mappings":";;AAEA,IAAM,wBAAwB,iBAAiB;CAC7C,OAAO;EAAC;EAAQ;EAAU;CAAS;CACnC,WAAW;CACX,MAAM;EACJ,QAAQ;GACN,sBAAsB;GACtB,oBAAoB;EACtB;EACA,SAAS;GACP,wBAAwB;GACxB,sBAAsB;EACxB;CACF;CACA,UAAU,EACR,SAAS;EACP,SAAS,EACP,SAAS;GACP,aAAa;GACb,wBAAwB;GACxB,wBAAwB;GACxB,QAAQ;IACN,wBAAwB;IACxB,SAAS,EACP,wBAAwB,qBAC1B;GACF;GACA,SAAS,EACP,wBAAwB,qBAC1B;GACA,WAAW,EACT,wBAAwB,qBAC1B;GACA,OAAO,EACL,iBAAiB,2BACnB;EACF,EACF;EACA,WAAW,EACT,SAAS,EACP,OAAO;GACL,iBAAiB;GACjB,aAAa;GACb,OAAO;GACP,OAAO,EAAE,OAAO,+BAA+B;EACjD,EACF,EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC"}

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

@@ -7,7 +7,7 @@ declare const stepsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
             };
             item: {
                 alignItems: "center";
-                borderTopWidth: "2px";
+                borderTopWidth: "2";
                 paddingBlock: "16";
                 paddingInlineEnd: "24";
                 "&[data-step-status=inProgress]": {
@@ -30,7 +30,7 @@ declare const stepsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
             };
             item: {
                 alignItems: "flex-start";
-                borderInlineStartWidth: "2px";
+                borderInlineStartWidth: "2";
                 paddingInlineStart: "12";
                 paddingInlineEnd: "24";
                 paddingBlockEnd: "24";

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

@@ -41,7 +41,7 @@ var stepsSlotRecipe = defineSlotRecipe({
 			alignItems: "center",
 			flexShrink: "0",
 			borderRadius: "9999px",
-			borderWidth: "2px",
+			borderWidth: "2",
 			borderStyle: "solid",
 			width: "24",
 			height: "24",
@@ -114,7 +114,7 @@ var stepsSlotRecipe = defineSlotRecipe({
 			},
 			item: {
 				alignItems: "center",
-				borderTopWidth: "2px",
+				borderTopWidth: "2",
 				paddingBlock: "16",
 				paddingInlineEnd: "24",
 				[STATUS_IN_PROGRESS]: { _before: {
@@ -135,7 +135,7 @@ var stepsSlotRecipe = defineSlotRecipe({
 			},
 			item: {
 				alignItems: "flex-start",
-				borderInlineStartWidth: "2px",
+				borderInlineStartWidth: "2",
 				paddingInlineStart: "12",
 				paddingInlineEnd: "24",
 				paddingBlockEnd: "24",

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

@@ -1 +1 @@
-{"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n  className: 'steps',\n  slots: stepsAnatomy.keys(),\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    list: {\n      display: 'flex',\n      gap: 0,\n    },\n    item: {\n      display: 'flex',\n      flex: '1 0 0',\n      gap: '8',\n      borderStyle: 'solid',\n      borderColor: 'border/disabled',\n\n      [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n      [STATUS_IN_PROGRESS]: { position: 'relative' },\n    },\n    indicator: {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      flexShrink: '0',\n      borderRadius: '9999px',\n      borderWidth: '2px',\n      borderStyle: 'solid',\n      width: '24',\n      height: '24',\n      overflow: 'clip',\n      textStyle: 'body/md/semibold',\n      lineHeight: 'initial',\n\n      [STATUS_NOT_STARTED]: {\n        bg: 'background/primary',\n        borderColor: 'border/strong',\n        color: 'text/secondary',\n      },\n      [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n      [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n      [STATUS_INVALID]: {\n        bg: 'status/critical/bg',\n        borderColor: 'border/error',\n        color: 'text/negative',\n        textStyle: 'heading/h4',\n      },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n        bg: 'background/primary',\n        borderColor: 'border/disabled',\n        color: 'text/disabled',\n      },\n    },\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flex: '1 0 0',\n      minWidth: '1',\n    },\n    title: {\n      ...truncate,\n      textStyle: 'body/md/regular',\n      color: 'text/secondary',\n      lineHeight: 'initial!',\n\n      [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n    },\n    description: {\n      ...truncate,\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n      [STATUS_DISABLED]: { color: 'text/disabled' },\n    },\n    // Required by stepsAnatomy but unused in this component\n    content: {},\n    nextTrigger: {},\n    prevTrigger: {},\n    progress: {},\n    separator: {},\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        list: {\n          flexDirection: 'row',\n          alignItems: 'center',\n        },\n        item: {\n          alignItems: 'center',\n          borderTopWidth: '2px',\n          paddingBlock: '16',\n          paddingInlineEnd: '24',\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '-2px',\n              insetInlineStart: 0,\n              width: '50%',\n              height: '2',\n              bg: 'border/selected',\n            },\n          },\n        },\n      },\n      vertical: {\n        list: {\n          flexDirection: 'column',\n          alignItems: 'stretch',\n        },\n        item: {\n          alignItems: 'flex-start',\n          borderInlineStartWidth: '2px',\n          paddingInlineStart: '12',\n          paddingInlineEnd: '24',\n          paddingBlockEnd: '24',\n\n          '&:last-of-type': {\n            paddingBlockEnd: 0,\n          },\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: 0,\n              insetInlineStart: '-2px',\n              width: '2',\n              height: '50%',\n              bg: 'border/selected',\n            },\n          },\n        },\n        trigger: {\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          gap: '2',\n          paddingBlockStart: '4',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAU,cAAc;CAAY,YAAY;AAAS;AAEtF,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;EACT;EACA,MAAM;GACJ,SAAS;GACT,KAAK;EACP;EACA,MAAM;GACJ,SAAS;GACT,MAAM;GACN,KAAK;GACL,aAAa;GACb,aAAa;IAEZ,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,kBAAkB;IAC5E,qBAAqB,EAAE,UAAU,WAAW;EAC/C;EACA,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;GACT;IACC,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;GAAgB;IACxG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;GAAgB;IACpG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;GACb;IACC,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;GACT;EACF;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;EACZ;EACA,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;GAAe;IAC5E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,gBAAgB;EAC3F;EACA,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,gBAAgB;IACpE,kBAAkB,EAAE,OAAO,gBAAgB;EAC9C;EAEA,SAAS,CAAC;EACV,aAAa,CAAC;EACd,aAAa,CAAC;EACd,UAAU,CAAC;EACX,WAAW,CAAC;CACd;CACA,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM;IACJ,eAAe;IACf,YAAY;GACd;GACA,MAAM;IACJ,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,kBAAkB;KAEjB,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;IACN,EACF;GACF;EACF;EACA,UAAU;GACR,MAAM;IACJ,eAAe;IACf,YAAY;GACd;GACA,MAAM;IACJ,YAAY;IACZ,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IAEjB,kBAAkB,EAChB,iBAAiB,EACnB;KAEC,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;IACN,EACF;GACF;GACA,SAAS;IACP,eAAe;IACf,YAAY;IACZ,KAAK;IACL,mBAAmB;GACrB;EACF;CACF,EACF;CACA,iBAAiB,EACf,aAAa,aACf;AACF,CAAC"}
+{"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n  className: 'steps',\n  slots: stepsAnatomy.keys(),\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    list: {\n      display: 'flex',\n      gap: 0,\n    },\n    item: {\n      display: 'flex',\n      flex: '1 0 0',\n      gap: '8',\n      borderStyle: 'solid',\n      borderColor: 'border/disabled',\n\n      [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n      [STATUS_IN_PROGRESS]: { position: 'relative' },\n    },\n    indicator: {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      flexShrink: '0',\n      borderRadius: '9999px',\n      borderWidth: '2',\n      borderStyle: 'solid',\n      width: '24',\n      height: '24',\n      overflow: 'clip',\n      textStyle: 'body/md/semibold',\n      lineHeight: 'initial',\n\n      [STATUS_NOT_STARTED]: {\n        bg: 'background/primary',\n        borderColor: 'border/strong',\n        color: 'text/secondary',\n      },\n      [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n      [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n      [STATUS_INVALID]: {\n        bg: 'status/critical/bg',\n        borderColor: 'border/error',\n        color: 'text/negative',\n        textStyle: 'heading/h4',\n      },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n        bg: 'background/primary',\n        borderColor: 'border/disabled',\n        color: 'text/disabled',\n      },\n    },\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flex: '1 0 0',\n      minWidth: '1',\n    },\n    title: {\n      ...truncate,\n      textStyle: 'body/md/regular',\n      color: 'text/secondary',\n      lineHeight: 'initial!',\n\n      [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n    },\n    description: {\n      ...truncate,\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n      [STATUS_DISABLED]: { color: 'text/disabled' },\n    },\n    // Required by stepsAnatomy but unused in this component\n    content: {},\n    nextTrigger: {},\n    prevTrigger: {},\n    progress: {},\n    separator: {},\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        list: {\n          flexDirection: 'row',\n          alignItems: 'center',\n        },\n        item: {\n          alignItems: 'center',\n          borderTopWidth: '2',\n          paddingBlock: '16',\n          paddingInlineEnd: '24',\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '-2px',\n              insetInlineStart: 0,\n              width: '50%',\n              height: '2',\n              bg: 'border/selected',\n            },\n          },\n        },\n      },\n      vertical: {\n        list: {\n          flexDirection: 'column',\n          alignItems: 'stretch',\n        },\n        item: {\n          alignItems: 'flex-start',\n          borderInlineStartWidth: '2',\n          paddingInlineStart: '12',\n          paddingInlineEnd: '24',\n          paddingBlockEnd: '24',\n\n          '&:last-of-type': {\n            paddingBlockEnd: 0,\n          },\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: 0,\n              insetInlineStart: '-2px',\n              width: '2',\n              height: '50%',\n              bg: 'border/selected',\n            },\n          },\n        },\n        trigger: {\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          gap: '2',\n          paddingBlockStart: '4',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAU,cAAc;CAAY,YAAY;AAAS;AAEtF,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;EACT;EACA,MAAM;GACJ,SAAS;GACT,KAAK;EACP;EACA,MAAM;GACJ,SAAS;GACT,MAAM;GACN,KAAK;GACL,aAAa;GACb,aAAa;IAEZ,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,kBAAkB;IAC5E,qBAAqB,EAAE,UAAU,WAAW;EAC/C;EACA,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;GACT;IACC,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;GAAgB;IACxG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;GAAgB;IACpG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;GACb;IACC,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;GACT;EACF;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;EACZ;EACA,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;GAAe;IAC5E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,gBAAgB;EAC3F;EACA,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,gBAAgB;IACpE,kBAAkB,EAAE,OAAO,gBAAgB;EAC9C;EAEA,SAAS,CAAC;EACV,aAAa,CAAC;EACd,aAAa,CAAC;EACd,UAAU,CAAC;EACX,WAAW,CAAC;CACd;CACA,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM;IACJ,eAAe;IACf,YAAY;GACd;GACA,MAAM;IACJ,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,kBAAkB;KAEjB,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;IACN,EACF;GACF;EACF;EACA,UAAU;GACR,MAAM;IACJ,eAAe;IACf,YAAY;GACd;GACA,MAAM;IACJ,YAAY;IACZ,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IAEjB,kBAAkB,EAChB,iBAAiB,EACnB;KAEC,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;IACN,EACF;GACF;GACA,SAAS;IACP,eAAe;IACf,YAAY;IACZ,KAAK;IACL,mBAAmB;GACrB;EACF;CACF,EACF;CACA,iBAAiB,EACf,aAAa,aACf;AACF,CAAC"}

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

@@ -5,7 +5,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
                 borderColor: "border/minimal";
                 borderRadius: "4";
                 borderStyle: "solid";
-                borderWidth: "1px";
+                borderWidth: "1";
                 overflow: "hidden";
             };
             header: {
@@ -68,7 +68,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
             };
             columnHeader: {
                 borderBottomStyle: "solid";
-                borderBottomWidth: "1px";
+                borderBottomWidth: "1";
                 color: "text/primary";
                 fontWeight: "bold";
                 textAlign: "start";
@@ -77,7 +77,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
             };
             cell: {
                 borderBottomStyle: "solid";
-                borderBottomWidth: "1px";
+                borderBottomWidth: "1";
                 verticalAlign: "middle";
             };
             body: {
@@ -101,7 +101,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
                 backgroundColor: "background/tertiary";
                 borderBottomColor: "border/minimal";
                 borderBottomStyle: "solid";
-                borderBottomWidth: "1px";
+                borderBottomWidth: "1";
             };
             header: {
                 borderWidth: "0";
@@ -120,7 +120,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
             row: {
                 borderBottomColor: "border/minimal";
                 borderBottomStyle: "solid";
-                borderBottomWidth: "1px";
+                borderBottomWidth: "1";
                 display: "block";
                 paddingBlock: "12";
                 '&:last-child': {

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

@@ -22,7 +22,7 @@ var tableSlotRecipe = defineSlotRecipe({
 		},
 		footer: {
 			borderTopStyle: "solid",
-			borderTopWidth: "1px"
+			borderTopWidth: "1"
 		}
 	},
 	variants: {
@@ -32,7 +32,7 @@ var tableSlotRecipe = defineSlotRecipe({
 					borderColor: "border/minimal",
 					borderRadius: "4",
 					borderStyle: "solid",
-					borderWidth: "1px",
+					borderWidth: "1",
 					overflow: "hidden"
 				},
 				header: { "& :where(th)": { backgroundColor: "background/tertiary" } },
@@ -73,7 +73,7 @@ var tableSlotRecipe = defineSlotRecipe({
 				caption: { marginBlockEnd: "24" },
 				columnHeader: {
 					borderBottomStyle: "solid",
-					borderBottomWidth: "1px",
+					borderBottomWidth: "1",
 					color: "text/primary",
 					fontWeight: "bold",
 					textAlign: "start",
@@ -82,7 +82,7 @@ var tableSlotRecipe = defineSlotRecipe({
 				},
 				cell: {
 					borderBottomStyle: "solid",
-					borderBottomWidth: "1px",
+					borderBottomWidth: "1",
 					verticalAlign: "middle"
 				},
 				body: {
@@ -98,7 +98,7 @@ var tableSlotRecipe = defineSlotRecipe({
 					backgroundColor: "background/tertiary",
 					borderBottomColor: "border/minimal",
 					borderBottomStyle: "solid",
-					borderBottomWidth: "1px"
+					borderBottomWidth: "1"
 				},
 				header: {
 					borderWidth: "0",
@@ -115,7 +115,7 @@ var tableSlotRecipe = defineSlotRecipe({
 				row: {
 					borderBottomColor: "border/minimal",
 					borderBottomStyle: "solid",
-					borderBottomWidth: "1px",
+					borderBottomWidth: "1",
 					display: "block",
 					paddingBlock: "12",
 					"&:last-child": { borderBottomWidth: "0" }

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

@@ -1 +1 @@
-{"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n  className: 'table',\n  slots: tableAnatomy.keys(),\n  base: {\n    root: {\n      fontVariantNumeric: 'lining-nums tabular-nums',\n      textAlign: 'start',\n      width: 'full',\n    },\n    caption: {\n      captionSide: 'top !important',\n      textAlign: 'start',\n      '& > * + *': {\n        marginBlockStart: '4',\n      },\n    },\n    cell: {\n      color: 'text/body',\n      textStyle: 'body/md/regular',\n    },\n    footer: {\n      borderTopStyle: 'solid',\n      borderTopWidth: '1px',\n    },\n  },\n  variants: {\n    variant: {\n      default: {\n        root: {\n          borderColor: 'border/minimal',\n          borderRadius: '4',\n          borderStyle: 'solid',\n          borderWidth: '1px',\n          overflow: 'hidden',\n        },\n        header: {\n          '& :where(th)': {\n            backgroundColor: 'background/tertiary',\n          },\n        },\n        columnHeader: {\n          borderBottomColor: 'border/minimal',\n          paddingBlock: '12',\n          paddingInline: '16',\n        },\n        cell: {\n          borderBottomColor: 'border/minimal',\n          paddingInline: '16',\n        },\n        footer: {\n          borderTopColor: 'border/minimal',\n        },\n      },\n      borderless: {\n        columnHeader: {\n          borderBottomColor: 'border/regular',\n          padding: '12',\n        },\n        cell: {\n          borderBottomColor: 'border/regular',\n          paddingInline: '12',\n        },\n        footer: {\n          borderTopColor: 'border/regular',\n        },\n      },\n    },\n    size: {\n      sm: {\n        cell: {\n          height: '48',\n        },\n      },\n      md: {\n        cell: {\n          height: rem(56),\n        },\n      },\n      lg: {\n        cell: {\n          height: '64',\n        },\n      },\n    },\n    layout: {\n      table: {\n        root: {\n          borderCollapse: 'separate',\n          borderSpacing: '0',\n        },\n        caption: {\n          marginBlockEnd: '24',\n        },\n        columnHeader: {\n          borderBottomStyle: 'solid',\n          borderBottomWidth: '1px',\n          color: 'text/primary',\n          fontWeight: 'bold',\n          textAlign: 'start',\n          textStyle: 'heading/h5',\n          verticalAlign: 'middle',\n        },\n        cell: {\n          borderBottomStyle: 'solid',\n          borderBottomWidth: '1px',\n          verticalAlign: 'middle',\n        },\n        body: {\n          '& :where(tr)': {\n            _hover: {\n              backgroundColor: 'background/hover',\n            },\n          },\n          '& :where(tr:last-child) td': {\n            borderBottomWidth: '0',\n          },\n        },\n      },\n      stacked: {\n        root: {\n          display: 'block',\n        },\n        caption: {\n          display: 'block',\n          padding: '16',\n          backgroundColor: 'background/tertiary',\n          borderBottomColor: 'border/minimal',\n          borderBottomStyle: 'solid',\n          borderBottomWidth: '1px',\n        },\n        header: {\n          borderWidth: '0',\n          clip: 'rect(0, 0, 0, 0)',\n          height: '1',\n          margin: '-1px',\n          overflow: 'hidden',\n          padding: 0,\n          position: 'absolute',\n          whiteSpace: 'nowrap',\n          width: '1',\n        },\n        body: {\n          display: 'block',\n        },\n        row: {\n          borderBottomColor: 'border/minimal',\n          borderBottomStyle: 'solid',\n          borderBottomWidth: '1px',\n          display: 'block',\n          paddingBlock: '12',\n          '&:last-child': {\n            borderBottomWidth: '0',\n          },\n        },\n        cell: {\n          alignItems: 'center',\n          display: 'flex',\n          minHeight: '48',\n          paddingInline: '16',\n          _before: {\n            alignSelf: 'center',\n            color: 'text/primary',\n            content: 'attr(data-label)',\n            flexShrink: 0,\n            fontWeight: 'semibold',\n            paddingInlineEnd: '16',\n            width: '96',\n          },\n        },\n        footer: {\n          display: 'block',\n        },\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      css: {\n        row: {\n          borderBottomColor: 'border/regular',\n        },\n      },\n      layout: 'stacked',\n      variant: 'borderless',\n    },\n  ],\n  defaultVariants: {\n    layout: 'table',\n    size: 'lg',\n    variant: 'default',\n  },\n});\n\nexport default tableSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,oBAAoB;GACpB,WAAW;GACX,OAAO;EACT;EACA,SAAS;GACP,aAAa;GACb,WAAW;GACX,aAAa,EACX,kBAAkB,IACpB;EACF;EACA,MAAM;GACJ,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,gBAAgB;GAChB,gBAAgB;EAClB;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IACP,MAAM;KACJ,aAAa;KACb,cAAc;KACd,aAAa;KACb,aAAa;KACb,UAAU;IACZ;IACA,QAAQ,EACN,gBAAgB,EACd,iBAAiB,sBACnB,EACF;IACA,cAAc;KACZ,mBAAmB;KACnB,cAAc;KACd,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;GACA,YAAY;IACV,cAAc;KACZ,mBAAmB;KACnB,SAAS;IACX;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,IAAI,EAAE,EAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;EACF;EACA,QAAQ;GACN,OAAO;IACL,MAAM;KACJ,gBAAgB;KAChB,eAAe;IACjB;IACA,SAAS,EACP,gBAAgB,KAClB;IACA,cAAc;KACZ,mBAAmB;KACnB,mBAAmB;KACnB,OAAO;KACP,YAAY;KACZ,WAAW;KACX,WAAW;KACX,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,mBAAmB;KACnB,eAAe;IACjB;IACA,MAAM;KACJ,gBAAgB,EACd,QAAQ,EACN,iBAAiB,mBACnB,EACF;KACA,8BAA8B,EAC5B,mBAAmB,IACrB;IACF;GACF;GACA,SAAS;IACP,MAAM,EACJ,SAAS,QACX;IACA,SAAS;KACP,SAAS;KACT,SAAS;KACT,iBAAiB;KACjB,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;IACrB;IACA,QAAQ;KACN,aAAa;KACb,MAAM;KACN,QAAQ;KACR,QAAQ;KACR,UAAU;KACV,SAAS;KACT,UAAU;KACV,YAAY;KACZ,OAAO;IACT;IACA,MAAM,EACJ,SAAS,QACX;IACA,KAAK;KACH,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;KACnB,SAAS;KACT,cAAc;KACd,gBAAgB,EACd,mBAAmB,IACrB;IACF;IACA,MAAM;KACJ,YAAY;KACZ,SAAS;KACT,WAAW;KACX,eAAe;KACf,SAAS;MACP,WAAW;MACX,OAAO;MACP,SAAS;MACT,YAAY;MACZ,YAAY;MACZ,kBAAkB;MAClB,OAAO;KACT;IACF;IACA,QAAQ,EACN,SAAS,QACX;GACF;EACF;CACF;CACA,kBAAkB,CAChB;EACE,KAAK,EACH,KAAK,EACH,mBAAmB,iBACrB,EACF;EACA,QAAQ;EACR,SAAS;CACX,CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
+{"version":3,"file":"Table.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Table.recipe.ts"],"sourcesContent":["import { tableAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tableSlotRecipe = defineSlotRecipe({\n  className: 'table',\n  slots: tableAnatomy.keys(),\n  base: {\n    root: {\n      fontVariantNumeric: 'lining-nums tabular-nums',\n      textAlign: 'start',\n      width: 'full',\n    },\n    caption: {\n      captionSide: 'top !important',\n      textAlign: 'start',\n      '& > * + *': {\n        marginBlockStart: '4',\n      },\n    },\n    cell: {\n      color: 'text/body',\n      textStyle: 'body/md/regular',\n    },\n    footer: {\n      borderTopStyle: 'solid',\n      borderTopWidth: '1',\n    },\n  },\n  variants: {\n    variant: {\n      default: {\n        root: {\n          borderColor: 'border/minimal',\n          borderRadius: '4',\n          borderStyle: 'solid',\n          borderWidth: '1',\n          overflow: 'hidden',\n        },\n        header: {\n          '& :where(th)': {\n            backgroundColor: 'background/tertiary',\n          },\n        },\n        columnHeader: {\n          borderBottomColor: 'border/minimal',\n          paddingBlock: '12',\n          paddingInline: '16',\n        },\n        cell: {\n          borderBottomColor: 'border/minimal',\n          paddingInline: '16',\n        },\n        footer: {\n          borderTopColor: 'border/minimal',\n        },\n      },\n      borderless: {\n        columnHeader: {\n          borderBottomColor: 'border/regular',\n          padding: '12',\n        },\n        cell: {\n          borderBottomColor: 'border/regular',\n          paddingInline: '12',\n        },\n        footer: {\n          borderTopColor: 'border/regular',\n        },\n      },\n    },\n    size: {\n      sm: {\n        cell: {\n          height: '48',\n        },\n      },\n      md: {\n        cell: {\n          height: rem(56),\n        },\n      },\n      lg: {\n        cell: {\n          height: '64',\n        },\n      },\n    },\n    layout: {\n      table: {\n        root: {\n          borderCollapse: 'separate',\n          borderSpacing: '0',\n        },\n        caption: {\n          marginBlockEnd: '24',\n        },\n        columnHeader: {\n          borderBottomStyle: 'solid',\n          borderBottomWidth: '1',\n          color: 'text/primary',\n          fontWeight: 'bold',\n          textAlign: 'start',\n          textStyle: 'heading/h5',\n          verticalAlign: 'middle',\n        },\n        cell: {\n          borderBottomStyle: 'solid',\n          borderBottomWidth: '1',\n          verticalAlign: 'middle',\n        },\n        body: {\n          '& :where(tr)': {\n            _hover: {\n              backgroundColor: 'background/hover',\n            },\n          },\n          '& :where(tr:last-child) td': {\n            borderBottomWidth: '0',\n          },\n        },\n      },\n      stacked: {\n        root: {\n          display: 'block',\n        },\n        caption: {\n          display: 'block',\n          padding: '16',\n          backgroundColor: 'background/tertiary',\n          borderBottomColor: 'border/minimal',\n          borderBottomStyle: 'solid',\n          borderBottomWidth: '1',\n        },\n        header: {\n          borderWidth: '0',\n          clip: 'rect(0, 0, 0, 0)',\n          height: '1',\n          margin: '-1px',\n          overflow: 'hidden',\n          padding: 0,\n          position: 'absolute',\n          whiteSpace: 'nowrap',\n          width: '1',\n        },\n        body: {\n          display: 'block',\n        },\n        row: {\n          borderBottomColor: 'border/minimal',\n          borderBottomStyle: 'solid',\n          borderBottomWidth: '1',\n          display: 'block',\n          paddingBlock: '12',\n          '&:last-child': {\n            borderBottomWidth: '0',\n          },\n        },\n        cell: {\n          alignItems: 'center',\n          display: 'flex',\n          minHeight: '48',\n          paddingInline: '16',\n          _before: {\n            alignSelf: 'center',\n            color: 'text/primary',\n            content: 'attr(data-label)',\n            flexShrink: 0,\n            fontWeight: 'semibold',\n            paddingInlineEnd: '16',\n            width: '96',\n          },\n        },\n        footer: {\n          display: 'block',\n        },\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      css: {\n        row: {\n          borderBottomColor: 'border/regular',\n        },\n      },\n      layout: 'stacked',\n      variant: 'borderless',\n    },\n  ],\n  defaultVariants: {\n    layout: 'table',\n    size: 'lg',\n    variant: 'default',\n  },\n});\n\nexport default tableSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,KAAK;CACzB,MAAM;EACJ,MAAM;GACJ,oBAAoB;GACpB,WAAW;GACX,OAAO;EACT;EACA,SAAS;GACP,aAAa;GACb,WAAW;GACX,aAAa,EACX,kBAAkB,IACpB;EACF;EACA,MAAM;GACJ,OAAO;GACP,WAAW;EACb;EACA,QAAQ;GACN,gBAAgB;GAChB,gBAAgB;EAClB;CACF;CACA,UAAU;EACR,SAAS;GACP,SAAS;IACP,MAAM;KACJ,aAAa;KACb,cAAc;KACd,aAAa;KACb,aAAa;KACb,UAAU;IACZ;IACA,QAAQ,EACN,gBAAgB,EACd,iBAAiB,sBACnB,EACF;IACA,cAAc;KACZ,mBAAmB;KACnB,cAAc;KACd,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;GACA,YAAY;IACV,cAAc;KACZ,mBAAmB;KACnB,SAAS;IACX;IACA,MAAM;KACJ,mBAAmB;KACnB,eAAe;IACjB;IACA,QAAQ,EACN,gBAAgB,iBAClB;GACF;EACF;EACA,MAAM;GACJ,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,IAAI,EAAE,EAChB,EACF;GACA,IAAI,EACF,MAAM,EACJ,QAAQ,KACV,EACF;EACF;EACA,QAAQ;GACN,OAAO;IACL,MAAM;KACJ,gBAAgB;KAChB,eAAe;IACjB;IACA,SAAS,EACP,gBAAgB,KAClB;IACA,cAAc;KACZ,mBAAmB;KACnB,mBAAmB;KACnB,OAAO;KACP,YAAY;KACZ,WAAW;KACX,WAAW;KACX,eAAe;IACjB;IACA,MAAM;KACJ,mBAAmB;KACnB,mBAAmB;KACnB,eAAe;IACjB;IACA,MAAM;KACJ,gBAAgB,EACd,QAAQ,EACN,iBAAiB,mBACnB,EACF;KACA,8BAA8B,EAC5B,mBAAmB,IACrB;IACF;GACF;GACA,SAAS;IACP,MAAM,EACJ,SAAS,QACX;IACA,SAAS;KACP,SAAS;KACT,SAAS;KACT,iBAAiB;KACjB,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;IACrB;IACA,QAAQ;KACN,aAAa;KACb,MAAM;KACN,QAAQ;KACR,QAAQ;KACR,UAAU;KACV,SAAS;KACT,UAAU;KACV,YAAY;KACZ,OAAO;IACT;IACA,MAAM,EACJ,SAAS,QACX;IACA,KAAK;KACH,mBAAmB;KACnB,mBAAmB;KACnB,mBAAmB;KACnB,SAAS;KACT,cAAc;KACd,gBAAgB,EACd,mBAAmB,IACrB;IACF;IACA,MAAM;KACJ,YAAY;KACZ,SAAS;KACT,WAAW;KACX,eAAe;KACf,SAAS;MACP,WAAW;MACX,OAAO;MACP,SAAS;MACT,YAAY;MACZ,YAAY;MACZ,kBAAkB;MAClB,OAAO;KACT;IACF;IACA,QAAQ,EACN,SAAS,QACX;GACF;EACF;CACF;CACA,kBAAkB,CAChB;EACE,KAAK,EACH,KAAK,EACH,mBAAmB,iBACrB,EACF;EACA,QAAQ;EACR,SAAS;CACX,CACF;CACA,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;CACX;AACF,CAAC"}