@bitrise/bitkit-v2 0.3.204 → 0.3.206

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

@@ -1,4 +1,4 @@
-declare const dialogSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "scrollBody" | "scrollGradient" | "scrollButton" | "backdrop", {
+declare const dialogSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "stepTitleGroup" | "stepTitle" | "stepDescription" | "scrollBody" | "scrollGradient" | "scrollButton" | "stepHeader" | "backdrop", {
     scrollBehavior: {
         inside: {
             body: {
@@ -17,17 +17,26 @@ declare const dialogSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
     size: {
         lg: {
             content: {
-                width: string;
+                width: {
+                    base: "100%";
+                    tablet: string;
+                };
             };
         };
         md: {
             content: {
-                width: string;
+                width: {
+                    base: "100%";
+                    tablet: string;
+                };
             };
         };
         sm: {
             content: {
-                width: string;
+                width: {
+                    base: "100%";
+                    tablet: string;
+                };
             };
         };
     };

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

@@ -9,7 +9,11 @@ var dialogSlotRecipe = defineSlotRecipe({
 		"label",
 		"scrollBody",
 		"scrollButton",
-		"scrollGradient"
+		"scrollGradient",
+		"stepDescription",
+		"stepHeader",
+		"stepTitle",
+		"stepTitleGroup"
 	],
 	base: {
 		backdrop: {
@@ -27,7 +31,10 @@ var dialogSlotRecipe = defineSlotRecipe({
 			}
 		},
 		positioner: {
-			alignItems: "center",
+			alignItems: {
+				base: "flex-start",
+				tablet: "center"
+			},
 			display: "flex",
 			height: "100dvh",
 			justifyContent: "center",
@@ -39,7 +46,10 @@ var dialogSlotRecipe = defineSlotRecipe({
 		},
 		content: {
 			background: "background/primary",
-			borderRadius: "8",
+			borderRadius: {
+				base: 0,
+				tablet: "8"
+			},
 			boxShadow: "elevation/lg",
 			display: "flex",
 			flexDirection: "column",
@@ -57,7 +67,7 @@ var dialogSlotRecipe = defineSlotRecipe({
 		header: {
 			display: "flex",
 			flexDirection: "column",
-			gap: "16",
+			gap: "48",
 			paddingBlock: "24",
 			paddingInline: "32",
 			position: "relative"
@@ -120,6 +130,20 @@ var dialogSlotRecipe = defineSlotRecipe({
 			position: "absolute",
 			width: "32"
 		},
+		stepDescription: {
+			color: "text/secondary",
+			textStyle: "body/md/regular"
+		},
+		stepHeader: { overflowY: "auto" },
+		stepTitle: {
+			color: "text/primary",
+			textStyle: "heading/h3"
+		},
+		stepTitleGroup: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "4"
+		},
 		scrollGradient: {
 			background: "linear-gradient(0deg, {colors.background.primary} 0%, transparent 100%)",
 			bottom: 48,
@@ -144,9 +168,18 @@ var dialogSlotRecipe = defineSlotRecipe({
 			outside: {}
 		},
 		size: {
-			lg: { content: { width: rem(800) } },
-			md: { content: { width: rem(640) } },
-			sm: { content: { width: rem(480) } }
+			lg: { content: { width: {
+				base: "100%",
+				tablet: rem(800)
+			} } },
+			md: { content: { width: {
+				base: "100%",
+				tablet: rem(640)
+			} } },
+			sm: { content: { width: {
+				base: "100%",
+				tablet: rem(480)
+			} } }
 		},
 		variant: { overflowContent: {
 			content: {

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'label', 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      position: 'fixed',\n      inset: 0,\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      justifyContent: 'center',\n      left: 0,\n      position: 'fixed',\n      top: 0,\n      width: '100dvw',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n      paddingBlock: '24',\n      paddingInline: '32',\n      position: 'relative',\n    },\n    title: {\n      color: 'text/primary',\n      paddingInlineEnd: '48',\n      textStyle: 'comp/dialog/title',\n    },\n    description: {\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n    },\n    label: {\n      color: 'text/secondary',\n      textStyle: 'comp/dialog/label',\n    },\n    body: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      gap: '24',\n      paddingInline: '32',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    scrollBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '32',\n      paddingBlockStart: '24',\n      paddingInline: '32',\n    },\n    closeTrigger: {\n      insetEnd: '24',\n      position: 'absolute',\n      top: '24',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: '100%',\n      borderWidth: '1px',\n      bottom: '16',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, {colors.background.primary} 0%, transparent 100%)',\n      bottom: 48,\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n  },\n  variants: {\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflowY: 'auto',\n          _last: {\n            paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n          },\n        },\n        content: {\n          maxHeight: 'calc(100dvh - 96px)',\n          overflow: 'hidden',\n        },\n      },\n      outside: {},\n    },\n    size: {\n      lg: {\n        content: {\n          width: rem(800),\n        },\n      },\n      md: {\n        content: {\n          width: rem(640),\n        },\n      },\n      sm: {\n        content: {\n          width: rem(480),\n        },\n      },\n    },\n    variant: {\n      overflowContent: {\n        content: {\n          maxHeight: 'calc(100dvh - 48px)',\n          overflow: 'hidden',\n        },\n        header: {\n          gap: '8',\n          paddingBlockEnd: '8',\n          paddingBlockStart: '16',\n          paddingInline: '16',\n        },\n        title: {\n          paddingInlineEnd: '32',\n          textStyle: 'heading/h4',\n        },\n        body: {\n          overflowY: 'auto',\n          paddingBlockEnd: '8',\n          paddingInline: '16',\n          _last: {\n            paddingBlockEnd: 0,\n          },\n        },\n        scrollBody: {\n          _last: {\n            paddingBlockEnd: '16',\n          },\n        },\n        footer: {\n          paddingBlockEnd: '16',\n          paddingBlockStart: 0,\n          paddingInline: '16',\n        },\n        closeTrigger: {\n          insetEnd: '12',\n          top: '12',\n        },\n        scrollGradient: {\n          bottom: '16',\n        },\n        scrollButton: {\n          bottom: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    scrollBehavior: 'outside',\n    size: 'md',\n  },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EAAC,GAAG,cAAc,MAAM;EAAE;EAAS;EAAc;EAAgB;EAAiB;CACzF,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,UAAU;GACV,OAAO;GACP,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;IACpB;GACD,SAAS;IACP,gBAAgB;IAChB,mBAAmB;IACpB;GACF;EACD,YAAY;GACV,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,MAAM;GACN,UAAU;GACV,KAAK;GACL,OAAO;GACP,QAAQ;GACT;EACD,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,SAAS;GACT,UAAU;GACV,OAAO;IACL,gBAAgB;IAChB,mBAAmB;IACpB;GACD,SAAS;IACP,gBAAgB;IAChB,mBAAmB;IACpB;GACF;EACD,QAAQ;GACN,SAAS;GACT,eAAe;GACf,KAAK;GACL,cAAc;GACd,eAAe;GACf,UAAU;GACX;EACD,OAAO;GACL,OAAO;GACP,kBAAkB;GAClB,WAAW;GACZ;EACD,aAAa;GACX,OAAO;GACP,WAAW;GACZ;EACD,OAAO;GACL,OAAO;GACP,WAAW;GACZ;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,eAAe;GACf,OAAO,EACL,iBAAiB,MAClB;GACF;EACD,YAAY;GACV,SAAS;GACT,eAAe;GACf,WAAW;GACX,UAAU;GACV,OAAO,EACL,iBAAiB,MAClB;GACF;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;GAChB;EACD,cAAc;GACZ,UAAU;GACV,UAAU;GACV,KAAK;GACN;EACD,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;GACR;EACD,gBAAgB;GACd,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,eAAe;GACf,UAAU;GACV,OAAO;GACR;EACF;CACD,UAAU;EACR,gBAAgB;GACd,QAAQ;IACN,MAAM;KACJ,WAAW;KACX,OAAO,EACL,iBAAiB,GAClB;KACF;IACD,SAAS;KACP,WAAW;KACX,UAAU;KACX;IACF;GACD,SAAS,EAAE;GACZ;EACD,MAAM;GACJ,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACD,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACD,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACF;EACD,SAAS,EACP,iBAAiB;GACf,SAAS;IACP,WAAW;IACX,UAAU;IACX;GACD,QAAQ;IACN,KAAK;IACL,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;IAChB;GACD,OAAO;IACL,kBAAkB;IAClB,WAAW;IACZ;GACD,MAAM;IACJ,WAAW;IACX,iBAAiB;IACjB,eAAe;IACf,OAAO,EACL,iBAAiB,GAClB;IACF;GACD,YAAY,EACV,OAAO,EACL,iBAAiB,MAClB,EACF;GACD,QAAQ;IACN,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;IAChB;GACD,cAAc;IACZ,UAAU;IACV,KAAK;IACN;GACD,gBAAgB,EACd,QAAQ,MACT;GACD,cAAc,EACZ,QAAQ,KACT;GACF,EACF;EACF;CACD,iBAAiB;EACf,gBAAgB;EAChB,MAAM;EACP;CACF,CAAC"}
+{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n  className: 'dialog',\n  slots: [\n    ...dialogAnatomy.keys(),\n    'label',\n    'scrollBody',\n    'scrollButton',\n    'scrollGradient',\n    'stepDescription',\n    'stepHeader',\n    'stepTitle',\n    'stepTitleGroup',\n  ] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      position: 'fixed',\n      inset: 0,\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: { base: 'flex-start', tablet: 'center' },\n      display: 'flex',\n      height: '100dvh',\n      justifyContent: 'center',\n      left: 0,\n      position: 'fixed',\n      top: 0,\n      width: '100dvw',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: { base: 0, tablet: '8' },\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '48',\n      paddingBlock: '24',\n      paddingInline: '32',\n      position: 'relative',\n    },\n    title: {\n      color: 'text/primary',\n      paddingInlineEnd: '48',\n      textStyle: 'comp/dialog/title',\n    },\n    description: {\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n    },\n    label: {\n      color: 'text/secondary',\n      textStyle: 'comp/dialog/label',\n    },\n    body: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      gap: '24',\n      paddingInline: '32',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    scrollBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '32',\n      paddingBlockStart: '24',\n      paddingInline: '32',\n    },\n    closeTrigger: {\n      insetEnd: '24',\n      position: 'absolute',\n      top: '24',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: '100%',\n      borderWidth: '1px',\n      bottom: '16',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n    stepDescription: {\n      color: 'text/secondary',\n      textStyle: 'body/md/regular',\n    },\n    stepHeader: {\n      overflowY: 'auto',\n    },\n    stepTitle: {\n      color: 'text/primary',\n      textStyle: 'heading/h3',\n    },\n    stepTitleGroup: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, {colors.background.primary} 0%, transparent 100%)',\n      bottom: 48,\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n  },\n  variants: {\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflowY: 'auto',\n          _last: {\n            paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n          },\n        },\n        content: {\n          maxHeight: 'calc(100dvh - 96px)',\n          overflow: 'hidden',\n        },\n      },\n      outside: {},\n    },\n    size: {\n      lg: {\n        content: {\n          width: { base: '100%', tablet: rem(800) },\n        },\n      },\n      md: {\n        content: {\n          width: { base: '100%', tablet: rem(640) },\n        },\n      },\n      sm: {\n        content: {\n          width: { base: '100%', tablet: rem(480) },\n        },\n      },\n    },\n    variant: {\n      overflowContent: {\n        content: {\n          maxHeight: 'calc(100dvh - 48px)',\n          overflow: 'hidden',\n        },\n        header: {\n          gap: '8',\n          paddingBlockEnd: '8',\n          paddingBlockStart: '16',\n          paddingInline: '16',\n        },\n        title: {\n          paddingInlineEnd: '32',\n          textStyle: 'heading/h4',\n        },\n        body: {\n          overflowY: 'auto',\n          paddingBlockEnd: '8',\n          paddingInline: '16',\n          _last: {\n            paddingBlockEnd: 0,\n          },\n        },\n        scrollBody: {\n          _last: {\n            paddingBlockEnd: '16',\n          },\n        },\n        footer: {\n          paddingBlockEnd: '16',\n          paddingBlockStart: 0,\n          paddingInline: '16',\n        },\n        closeTrigger: {\n          insetEnd: '12',\n          top: '12',\n        },\n        scrollGradient: {\n          bottom: '16',\n        },\n        scrollButton: {\n          bottom: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    scrollBehavior: 'outside',\n    size: 'md',\n  },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":"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"}

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

@@ -26,7 +26,7 @@ var groupHeadingRecipe = defineSlotRecipe({
 			gap: "4"
 		},
 		icon: {
-			color: "icon/secondary",
+			color: "icon/tertiary",
 			flexShrink: 0
 		},
 		label: {

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

@@ -1 +1 @@
-{"version":3,"file":"GroupHeading.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/GroupHeading.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst groupHeadingRecipe = defineSlotRecipe({\n  className: 'group-heading',\n  slots: ['root', 'titleBlock', 'icon', 'label', 'separator'],\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      overflow: 'clip',\n      paddingBlockEnd: '4',\n      paddingBlockStart: '8',\n      paddingInlineEnd: '8',\n    },\n    titleBlock: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '4',\n    },\n    icon: {\n      color: 'icon/secondary',\n      flexShrink: 0,\n    },\n    label: {\n      color: 'text/tertiary',\n      flexShrink: 0,\n      textStyle: 'heading/h6',\n    },\n    separator: {\n      flex: 1,\n    },\n  },\n});\n\nexport default groupHeadingRecipe;\n"],"mappings":";;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAc;EAAQ;EAAS;EAAY;CAC3D,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACL,UAAU;GACV,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;GACnB;EACD,YAAY;GACV,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACN;EACD,MAAM;GACJ,OAAO;GACP,YAAY;GACb;EACD,OAAO;GACL,OAAO;GACP,YAAY;GACZ,WAAW;GACZ;EACD,WAAW,EACT,MAAM,GACP;EACF;CACF,CAAC"}
+{"version":3,"file":"GroupHeading.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/GroupHeading.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst groupHeadingRecipe = defineSlotRecipe({\n  className: 'group-heading',\n  slots: ['root', 'titleBlock', 'icon', 'label', 'separator'],\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      overflow: 'clip',\n      paddingBlockEnd: '4',\n      paddingBlockStart: '8',\n      paddingInlineEnd: '8',\n    },\n    titleBlock: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '4',\n    },\n    icon: {\n      color: 'icon/tertiary',\n      flexShrink: 0,\n    },\n    label: {\n      color: 'text/tertiary',\n      flexShrink: 0,\n      textStyle: 'heading/h6',\n    },\n    separator: {\n      flex: 1,\n    },\n  },\n});\n\nexport default groupHeadingRecipe;\n"],"mappings":";;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAc;EAAQ;EAAS;EAAY;CAC3D,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACL,UAAU;GACV,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;GACnB;EACD,YAAY;GACV,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACN;EACD,MAAM;GACJ,OAAO;GACP,YAAY;GACb;EACD,OAAO;GACL,OAAO;GACP,YAAY;GACZ,WAAW;GACZ;EACD,WAAW,EACT,MAAM,GACP;EACF;CACF,CAAC"}

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

@@ -14,7 +14,7 @@ declare const markdownCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefin
             iconBar: {
                 backgroundColor: "status/success/bg";
                 borderColor: "status/success/border";
-                color: "status/success/icon";
+                color: "sys/green/base";
             };
             root: {
                 borderColor: "status/success/border";
@@ -24,7 +24,7 @@ declare const markdownCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefin
             iconBar: {
                 backgroundColor: "status/warning/bg";
                 borderColor: "status/warning/border";
-                color: "status/warning/icon";
+                color: "sys/yellow/base";
             };
             root: {
                 borderColor: "status/warning/border";
@@ -34,7 +34,7 @@ declare const markdownCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefin
             iconBar: {
                 backgroundColor: "status/critical/bg";
                 borderColor: "status/critical/border";
-                color: "status/critical/icon";
+                color: "sys/red/base";
             };
             root: {
                 borderColor: "status/critical/border";

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

@@ -43,6 +43,7 @@ var markdownCardSlotRecipe = defineSlotRecipe({
 		footerButtons: {
 			justifyContent: "flex-end",
 			paddingBlockEnd: "16",
+			paddingBlockStart: "16",
 			paddingInlineEnd: "8"
 		}
 	},
@@ -59,7 +60,7 @@ var markdownCardSlotRecipe = defineSlotRecipe({
 			iconBar: {
 				backgroundColor: "status/success/bg",
 				borderColor: "status/success/border",
-				color: "status/success/icon"
+				color: "sys/green/base"
 			},
 			root: { borderColor: "status/success/border" }
 		},
@@ -67,7 +68,7 @@ var markdownCardSlotRecipe = defineSlotRecipe({
 			iconBar: {
 				backgroundColor: "status/warning/bg",
 				borderColor: "status/warning/border",
-				color: "status/warning/icon"
+				color: "sys/yellow/base"
 			},
 			root: { borderColor: "status/warning/border" }
 		},
@@ -75,7 +76,7 @@ var markdownCardSlotRecipe = defineSlotRecipe({
 			iconBar: {
 				backgroundColor: "status/critical/bg",
 				borderColor: "status/critical/border",
-				color: "status/critical/icon"
+				color: "sys/red/base"
 			},
 			root: { borderColor: "status/critical/border" }
 		}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/MarkdownCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst markdownCardSlotRecipe = defineSlotRecipe({\n  className: 'markdown-card',\n  slots: [...cardAnatomy.keys(), 'iconBar', 'content', 'gradient', 'footerButtons'],\n  base: {\n    root: {\n      backgroundColor: 'background/primary',\n      overflow: 'hidden',\n    },\n    iconBar: {\n      display: 'flex',\n      alignItems: 'flex-start',\n      justifyContent: 'center',\n      paddingInline: '8',\n      paddingBlock: '12',\n      flexShrink: 0,\n      borderInlineEnd: '1px solid',\n    },\n    content: {\n      flex: 1,\n      paddingInlineStart: '16',\n      paddingInlineEnd: '24',\n      paddingBlockStart: '24',\n      minWidth: 0,\n      position: 'relative',\n    },\n    gradient: {\n      background: 'linear-gradient(to top, {colors.background.primary} 12.5%, transparent)',\n      bottom: 0,\n      height: '128',\n      insetInline: 0,\n      pointerEvents: 'none',\n      position: 'absolute',\n    },\n    footerButtons: {\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '16',\n      paddingInlineEnd: '8',\n    },\n  },\n  variants: {\n    status: {\n      info: {\n        iconBar: {\n          backgroundColor: 'background/secondary',\n          borderColor: 'border/regular',\n          color: 'icon/secondary',\n        },\n        root: {\n          borderColor: 'border/regular',\n        },\n      },\n      success: {\n        iconBar: {\n          backgroundColor: 'status/success/bg',\n          borderColor: 'status/success/border',\n          color: 'status/success/icon',\n        },\n        root: {\n          borderColor: 'status/success/border',\n        },\n      },\n      warning: {\n        iconBar: {\n          backgroundColor: 'status/warning/bg',\n          borderColor: 'status/warning/border',\n          color: 'status/warning/icon',\n        },\n        root: {\n          borderColor: 'status/warning/border',\n        },\n      },\n      critical: {\n        iconBar: {\n          backgroundColor: 'status/critical/bg',\n          borderColor: 'status/critical/border',\n          color: 'status/critical/icon',\n        },\n        root: {\n          borderColor: 'status/critical/border',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    status: 'info',\n  },\n});\n\nexport default markdownCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,MAAM;EAAE;EAAW;EAAW;EAAY;EAAgB;CACjF,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,UAAU;GACX;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,eAAe;GACf,cAAc;GACd,YAAY;GACZ,iBAAiB;GAClB;EACD,SAAS;GACP,MAAM;GACN,oBAAoB;GACpB,kBAAkB;GAClB,mBAAmB;GACnB,UAAU;GACV,UAAU;GACX;EACD,UAAU;GACR,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,aAAa;GACb,eAAe;GACf,UAAU;GACX;EACD,eAAe;GACb,gBAAgB;GAChB,iBAAiB;GACjB,kBAAkB;GACnB;EACF;CACD,UAAU,EACR,QAAQ;EACN,MAAM;GACJ,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;IACR;GACD,MAAM,EACJ,aAAa,kBACd;GACF;EACD,SAAS;GACP,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;IACR;GACD,MAAM,EACJ,aAAa,yBACd;GACF;EACD,SAAS;GACP,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;IACR;GACD,MAAM,EACJ,aAAa,yBACd;GACF;EACD,UAAU;GACR,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;IACR;GACD,MAAM,EACJ,aAAa,0BACd;GACF;EACF,EACF;CACD,iBAAiB,EACf,QAAQ,QACT;CACF,CAAC"}
+{"version":3,"file":"MarkdownCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/MarkdownCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst markdownCardSlotRecipe = defineSlotRecipe({\n  className: 'markdown-card',\n  slots: [...cardAnatomy.keys(), 'iconBar', 'content', 'gradient', 'footerButtons'],\n  base: {\n    root: {\n      backgroundColor: 'background/primary',\n      overflow: 'hidden',\n    },\n    iconBar: {\n      display: 'flex',\n      alignItems: 'flex-start',\n      justifyContent: 'center',\n      paddingInline: '8',\n      paddingBlock: '12',\n      flexShrink: 0,\n      borderInlineEnd: '1px solid',\n    },\n    content: {\n      flex: 1,\n      paddingInlineStart: '16',\n      paddingInlineEnd: '24',\n      paddingBlockStart: '24',\n      minWidth: 0,\n      position: 'relative',\n    },\n    gradient: {\n      background: 'linear-gradient(to top, {colors.background.primary} 12.5%, transparent)',\n      bottom: 0,\n      height: '128',\n      insetInline: 0,\n      pointerEvents: 'none',\n      position: 'absolute',\n    },\n    footerButtons: {\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '16',\n      paddingBlockStart: '16',\n      paddingInlineEnd: '8',\n    },\n  },\n  variants: {\n    status: {\n      info: {\n        iconBar: {\n          backgroundColor: 'background/secondary',\n          borderColor: 'border/regular',\n          color: 'icon/secondary',\n        },\n        root: {\n          borderColor: 'border/regular',\n        },\n      },\n      success: {\n        iconBar: {\n          backgroundColor: 'status/success/bg',\n          borderColor: 'status/success/border',\n          color: 'sys/green/base',\n        },\n        root: {\n          borderColor: 'status/success/border',\n        },\n      },\n      warning: {\n        iconBar: {\n          backgroundColor: 'status/warning/bg',\n          borderColor: 'status/warning/border',\n          color: 'sys/yellow/base',\n        },\n        root: {\n          borderColor: 'status/warning/border',\n        },\n      },\n      critical: {\n        iconBar: {\n          backgroundColor: 'status/critical/bg',\n          borderColor: 'status/critical/border',\n          color: 'sys/red/base',\n        },\n        root: {\n          borderColor: 'status/critical/border',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    status: 'info',\n  },\n});\n\nexport default markdownCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,MAAM;EAAE;EAAW;EAAW;EAAY;EAAgB;CACjF,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,UAAU;GACX;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,eAAe;GACf,cAAc;GACd,YAAY;GACZ,iBAAiB;GAClB;EACD,SAAS;GACP,MAAM;GACN,oBAAoB;GACpB,kBAAkB;GAClB,mBAAmB;GACnB,UAAU;GACV,UAAU;GACX;EACD,UAAU;GACR,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,aAAa;GACb,eAAe;GACf,UAAU;GACX;EACD,eAAe;GACb,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;GACnB;EACF;CACD,UAAU,EACR,QAAQ;EACN,MAAM;GACJ,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;IACR;GACD,MAAM,EACJ,aAAa,kBACd;GACF;EACD,SAAS;GACP,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;IACR;GACD,MAAM,EACJ,aAAa,yBACd;GACF;EACD,SAAS;GACP,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;IACR;GACD,MAAM,EACJ,aAAa,yBACd;GACF;EACD,UAAU;GACR,SAAS;IACP,iBAAiB;IACjB,aAAa;IACb,OAAO;IACR;GACD,MAAM,EACJ,aAAa,0BACd;GACF;EACF,EACF;CACD,iBAAiB,EACf,QAAQ,QACT;CACF,CAAC"}

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

@@ -1,6 +1,13 @@
-import { ICONS_MAP } from "../common/AlertAndToast.common.js";
 import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
 //#region lib/theme/slot-recipes/NoteCard.recipe.ts
+var SIDEBAR_ICON_COLOR_MAP = {
+	ai: "sys/indigo/base",
+	critical: "sys/red/base",
+	info: "sys/blue/base",
+	progress: "sys/purple/base",
+	success: "sys/green/base",
+	warning: "sys/yellow/base"
+};
 var TITLE_COLOR_MAP = {
 	ai: "status/ai/text",
 	critical: "text/negative",
@@ -12,7 +19,7 @@ var TITLE_COLOR_MAP = {
 var getStatusVariant = (v) => ({
 	iconBar: {
 		backgroundColor: `status/${v}/bg`,
-		color: ICONS_MAP[v]
+		color: SIDEBAR_ICON_COLOR_MAP[v]
 	},
 	messageSolo: { color: TITLE_COLOR_MAP[v] },
 	root: { borderColor: `status/${v}/border` },
@@ -78,14 +85,17 @@ var noteCardSlotRecipe = defineSlotRecipe({
 			textStyle: "comp/notification/message",
 			color: "text/body"
 		},
-		messageSolo: { textStyle: "comp/notification/message" },
+		messageSolo: {
+			paddingBlockStart: "2",
+			textStyle: "comp/notification/message"
+		},
 		actionArea: { flexShrink: 0 }
 	},
 	variants: { status: {
 		ai: {
 			iconBar: {
 				background: "{colors.ai.background.minimal-vertical}",
-				color: ICONS_MAP.ai
+				color: SIDEBAR_ICON_COLOR_MAP.ai
 			},
 			messageSolo: { color: TITLE_COLOR_MAP.ai },
 			root: {

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

@@ -1 +1 @@
-{"version":3,"file":"NoteCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NoteCard.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { ICONS_MAP, type NotificationVariant } from '../common/AlertAndToast.common';\n\nconst TITLE_COLOR_MAP: Record<NotificationVariant, string> = {\n  ai: 'status/ai/text',\n  critical: 'text/negative',\n  info: 'text/primary',\n  progress: 'text/secondary',\n  success: 'text/positive',\n  warning: 'text/primary',\n};\n\nconst getStatusVariant = (v: NotificationVariant) => ({\n  iconBar: {\n    backgroundColor: `status/${v}/bg`,\n    color: ICONS_MAP[v],\n  },\n  messageSolo: { color: TITLE_COLOR_MAP[v] },\n  root: { borderColor: `status/${v}/border` },\n  title: { color: TITLE_COLOR_MAP[v] },\n});\n\nconst noteCardSlotRecipe = defineSlotRecipe({\n  className: 'note-card',\n  slots: ['root', 'iconBar', 'iconWrapper', 'content', 'messageBlock', 'title', 'message', 'messageSolo', 'actionArea'],\n  base: {\n    root: {\n      alignItems: 'stretch',\n      backgroundColor: 'background/primary',\n      border: '1px solid',\n      borderRadius: '8',\n      display: 'flex',\n      overflow: 'hidden',\n    },\n    iconBar: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flexShrink: 0,\n      justifyContent: 'center',\n      paddingBlock: '12',\n      paddingInline: '8',\n    },\n    iconWrapper: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '24',\n      justifyContent: 'center',\n      width: '24',\n    },\n    content: {\n      alignItems: 'center',\n      display: 'flex',\n      flex: 1,\n      gap: '24',\n      minWidth: 0,\n      paddingBlock: '12',\n      paddingInlineEnd: '16',\n      paddingInlineStart: '12',\n    },\n    messageBlock: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      gap: '4',\n      minWidth: 0,\n      width: '100%',\n    },\n    title: {\n      textStyle: 'comp/notification/title',\n    },\n    message: {\n      textStyle: 'comp/notification/message',\n      color: 'text/body',\n    },\n    messageSolo: {\n      textStyle: 'comp/notification/message',\n    },\n    actionArea: {\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    status: {\n      ai: {\n        iconBar: {\n          background: '{colors.ai.background.minimal-vertical}',\n          color: ICONS_MAP.ai,\n        },\n        messageSolo: { color: TITLE_COLOR_MAP.ai },\n        root: {\n          backgroundColor: 'transparent',\n          border: '1px solid transparent',\n          background:\n            'linear-gradient({colors.background.primary}, {colors.background.primary}) padding-box, {colors.status.ai.border} border-box',\n        },\n        title: { color: TITLE_COLOR_MAP.ai },\n      },\n      critical: getStatusVariant('critical'),\n      info: getStatusVariant('info'),\n      progress: getStatusVariant('progress'),\n      success: getStatusVariant('success'),\n      warning: getStatusVariant('warning'),\n    },\n  },\n  defaultVariants: {\n    status: 'info',\n  },\n});\n\nexport default noteCardSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,kBAAuD;CAC3D,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;CACV;AAED,IAAM,oBAAoB,OAA4B;CACpD,SAAS;EACP,iBAAiB,UAAU,EAAE;EAC7B,OAAO,UAAU;EAClB;CACD,aAAa,EAAE,OAAO,gBAAgB,IAAI;CAC1C,MAAM,EAAE,aAAa,UAAU,EAAE,UAAU;CAC3C,OAAO,EAAE,OAAO,gBAAgB,IAAI;CACrC;AAED,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;EAAe;EAAW;EAAgB;EAAS;EAAW;EAAe;EAAa;CACrH,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,UAAU;GACX;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,eAAe;GAChB;EACD,aAAa;GACX,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,OAAO;GACR;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACrB;EACD,cAAc;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,UAAU;GACV,OAAO;GACR;EACD,OAAO,EACL,WAAW,2BACZ;EACD,SAAS;GACP,WAAW;GACX,OAAO;GACR;EACD,aAAa,EACX,WAAW,6BACZ;EACD,YAAY,EACV,YAAY,GACb;EACF;CACD,UAAU,EACR,QAAQ;EACN,IAAI;GACF,SAAS;IACP,YAAY;IACZ,OAAO,UAAU;IAClB;GACD,aAAa,EAAE,OAAO,gBAAgB,IAAI;GAC1C,MAAM;IACJ,iBAAiB;IACjB,QAAQ;IACR,YACE;IACH;GACD,OAAO,EAAE,OAAO,gBAAgB,IAAI;GACrC;EACD,UAAU,iBAAiB,WAAW;EACtC,MAAM,iBAAiB,OAAO;EAC9B,UAAU,iBAAiB,WAAW;EACtC,SAAS,iBAAiB,UAAU;EACpC,SAAS,iBAAiB,UAAU;EACrC,EACF;CACD,iBAAiB,EACf,QAAQ,QACT;CACF,CAAC"}
+{"version":3,"file":"NoteCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NoteCard.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { type NotificationVariant } from '../common/AlertAndToast.common';\n\nconst SIDEBAR_ICON_COLOR_MAP: Record<NotificationVariant, string> = {\n  ai: 'sys/indigo/base',\n  critical: 'sys/red/base',\n  info: 'sys/blue/base',\n  progress: 'sys/purple/base',\n  success: 'sys/green/base',\n  warning: 'sys/yellow/base',\n};\n\nconst TITLE_COLOR_MAP: Record<NotificationVariant, string> = {\n  ai: 'status/ai/text',\n  critical: 'text/negative',\n  info: 'text/primary',\n  progress: 'text/secondary',\n  success: 'text/positive',\n  warning: 'text/primary',\n};\n\nconst getStatusVariant = (v: NotificationVariant) => ({\n  iconBar: {\n    backgroundColor: `status/${v}/bg`,\n    color: SIDEBAR_ICON_COLOR_MAP[v],\n  },\n  messageSolo: { color: TITLE_COLOR_MAP[v] },\n  root: { borderColor: `status/${v}/border` },\n  title: { color: TITLE_COLOR_MAP[v] },\n});\n\nconst noteCardSlotRecipe = defineSlotRecipe({\n  className: 'note-card',\n  slots: ['root', 'iconBar', 'iconWrapper', 'content', 'messageBlock', 'title', 'message', 'messageSolo', 'actionArea'],\n  base: {\n    root: {\n      alignItems: 'stretch',\n      backgroundColor: 'background/primary',\n      border: '1px solid',\n      borderRadius: '8',\n      display: 'flex',\n      overflow: 'hidden',\n    },\n    iconBar: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flexShrink: 0,\n      justifyContent: 'center',\n      paddingBlock: '12',\n      paddingInline: '8',\n    },\n    iconWrapper: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '24',\n      justifyContent: 'center',\n      width: '24',\n    },\n    content: {\n      alignItems: 'center',\n      display: 'flex',\n      flex: 1,\n      gap: '24',\n      minWidth: 0,\n      paddingBlock: '12',\n      paddingInlineEnd: '16',\n      paddingInlineStart: '12',\n    },\n    messageBlock: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      gap: '4',\n      minWidth: 0,\n      width: '100%',\n    },\n    title: {\n      textStyle: 'comp/notification/title',\n    },\n    message: {\n      textStyle: 'comp/notification/message',\n      color: 'text/body',\n    },\n    messageSolo: {\n      paddingBlockStart: '2',\n      textStyle: 'comp/notification/message',\n    },\n    actionArea: {\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    status: {\n      ai: {\n        iconBar: {\n          background: '{colors.ai.background.minimal-vertical}',\n          color: SIDEBAR_ICON_COLOR_MAP.ai,\n        },\n        messageSolo: { color: TITLE_COLOR_MAP.ai },\n        root: {\n          backgroundColor: 'transparent',\n          border: '1px solid transparent',\n          background:\n            'linear-gradient({colors.background.primary}, {colors.background.primary}) padding-box, {colors.status.ai.border} border-box',\n        },\n        title: { color: TITLE_COLOR_MAP.ai },\n      },\n      critical: getStatusVariant('critical'),\n      info: getStatusVariant('info'),\n      progress: getStatusVariant('progress'),\n      success: getStatusVariant('success'),\n      warning: getStatusVariant('warning'),\n    },\n  },\n  defaultVariants: {\n    status: 'info',\n  },\n});\n\nexport default noteCardSlotRecipe;\n"],"mappings":";;AAIA,IAAM,yBAA8D;CAClE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;CACV;AAED,IAAM,kBAAuD;CAC3D,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;CACV;AAED,IAAM,oBAAoB,OAA4B;CACpD,SAAS;EACP,iBAAiB,UAAU,EAAE;EAC7B,OAAO,uBAAuB;EAC/B;CACD,aAAa,EAAE,OAAO,gBAAgB,IAAI;CAC1C,MAAM,EAAE,aAAa,UAAU,EAAE,UAAU;CAC3C,OAAO,EAAE,OAAO,gBAAgB,IAAI;CACrC;AAED,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;EAAe;EAAW;EAAgB;EAAS;EAAW;EAAe;EAAa;CACrH,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,UAAU;GACX;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,eAAe;GAChB;EACD,aAAa;GACX,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,OAAO;GACR;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACrB;EACD,cAAc;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,UAAU;GACV,OAAO;GACR;EACD,OAAO,EACL,WAAW,2BACZ;EACD,SAAS;GACP,WAAW;GACX,OAAO;GACR;EACD,aAAa;GACX,mBAAmB;GACnB,WAAW;GACZ;EACD,YAAY,EACV,YAAY,GACb;EACF;CACD,UAAU,EACR,QAAQ;EACN,IAAI;GACF,SAAS;IACP,YAAY;IACZ,OAAO,uBAAuB;IAC/B;GACD,aAAa,EAAE,OAAO,gBAAgB,IAAI;GAC1C,MAAM;IACJ,iBAAiB;IACjB,QAAQ;IACR,YACE;IACH;GACD,OAAO,EAAE,OAAO,gBAAgB,IAAI;GACrC;EACD,UAAU,iBAAiB,WAAW;EACtC,MAAM,iBAAiB,OAAO;EAC9B,UAAU,iBAAiB,WAAW;EACtC,SAAS,iBAAiB,UAAU;EACpC,SAAS,iBAAiB,UAAU;EACrC,EACF;CACD,iBAAiB,EACf,QAAQ,QACT;CACF,CAAC"}

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

@@ -140,8 +140,6 @@ var selectSlotRecipe = defineSlotRecipe({
 			display: "inline-flex",
 			alignItems: "center",
 			justifyContent: "center",
-			width: "24",
-			height: "24",
 			flexShrink: 0,
 			borderWidth: rem(1),
 			borderColor: "border/regular",
@@ -199,21 +197,23 @@ var selectSlotRecipe = defineSlotRecipe({
 			flexShrink: 0,
 			_hover: { background: "background/hover" }
 		},
-		createItem: {
+		createItemContainer: {
 			borderTop: "1px solid",
 			borderColor: "border/minimal",
+			paddingBlock: "8",
+			flexShrink: 0
+		},
+		createItem: {
 			display: "flex",
 			alignItems: "center",
 			gap: "12",
 			paddingInlineEnd: "24",
 			paddingInlineStart: "16",
-			paddingBlock: "20",
 			color: "text/primary",
-			textStyle: "body/lg/regular",
 			width: "100%",
 			cursor: "pointer",
 			textAlign: "start",
-			flexShrink: 0,
+			_icon: { color: "icon/secondary" },
 			_hover: {
 				background: "button/secondary/bg-hover",
 				_active: { background: "button/secondary/bg-active" }
@@ -225,6 +225,10 @@ var selectSlotRecipe = defineSlotRecipe({
 	variants: { size: {
 		lg: {
 			...variants.size.lg,
+			checkbox: {
+				width: "24",
+				height: "24"
+			},
 			item: {
 				...variants.size.lg.item,
 				"&:has([data-slot=\"avatar\"])": {
@@ -234,6 +238,7 @@ var selectSlotRecipe = defineSlotRecipe({
 					gap: "8"
 				},
 				"&:has([data-slot=\"checkbox\"])": {
+					minHeight: "48",
 					paddingInlineEnd: "24",
 					paddingBlock: "12",
 					gap: "12"
@@ -242,10 +247,16 @@ var selectSlotRecipe = defineSlotRecipe({
 			itemList: { maxHeight: rem(280) },
 			itemLabel: {
 				textStyle: "body/lg/regular",
-				lineHeight: rem(24)
+				lineHeight: "normal"
 			},
 			itemLoadingLabel: { textStyle: "body/lg/regular" },
 			emptyState: { paddingBlock: "12" },
+			createItem: {
+				minHeight: "48",
+				paddingBlock: "12",
+				textStyle: "body/lg/regular",
+				lineHeight: "normal"
+			},
 			searchInputGroup: {
 				height: rem(56),
 				paddingBlock: "16"
@@ -255,6 +266,10 @@ var selectSlotRecipe = defineSlotRecipe({
 		},
 		md: {
 			...variants.size.md,
+			checkbox: {
+				width: "20",
+				height: "20"
+			},
 			item: {
 				...variants.size.md.item,
 				"&:has([data-slot=\"avatar\"])": {
@@ -264,6 +279,7 @@ var selectSlotRecipe = defineSlotRecipe({
 					gap: "8"
 				},
 				"&:has([data-slot=\"checkbox\"])": {
+					minHeight: "40",
 					paddingInlineEnd: "24",
 					paddingBlock: "8",
 					gap: "12"
@@ -272,14 +288,15 @@ var selectSlotRecipe = defineSlotRecipe({
 			itemList: { maxHeight: rem(236) },
 			itemLabel: {
 				textStyle: "body/md/regular",
-				lineHeight: rem(20)
+				lineHeight: "normal"
 			},
 			itemLoadingLabel: { textStyle: "body/md/regular" },
 			emptyState: { paddingBlock: "8" },
 			createItem: {
-				color: "text/primary",
-				paddingBlock: "16",
-				textStyle: "body/md/regular"
+				minHeight: "40",
+				paddingBlock: "8",
+				textStyle: "body/md/regular",
+				lineHeight: "normal"
 			},
 			trigger: {
 				textStyle: "body/md/regular",

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

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

@@ -1 +1 @@
-{"version":3,"file":"StepCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/StepCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst stepsCardAnatomy = cardAnatomy.extendWith('titleGroup');\n\nconst stepCardSlotRecipe = defineSlotRecipe({\n  className: 'steps-card',\n  slots: stepsCardAnatomy.keys(),\n  base: {\n    root: {\n      backgroundColor: 'background/primary',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      borderRadius: '8',\n      boxShadow: 'elevation/md',\n      overflow: 'hidden',\n    },\n    header: {\n      paddingBlockStart: '32',\n      paddingInline: '32',\n    },\n    body: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '24',\n      paddingBlockEnd: '48',\n      paddingBlockStart: '32',\n      paddingInline: '32',\n    },\n    titleGroup: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n    },\n    title: {\n      color: 'text/primary',\n      textStyle: 'heading/h3',\n    },\n    description: {\n      color: 'text/secondary',\n      textStyle: 'body/md/regular',\n    },\n    footer: {\n      alignItems: 'center',\n      borderBlockStart: '1px solid',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      padding: '32',\n    },\n  },\n});\n\nexport default stepCardSlotRecipe;\n"],"mappings":";;;AAKA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAJuB,YAAY,WAAW,aAAa,CAInC,MAAM;CAC9B,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,QAAQ;GACR,aAAa;GACb,cAAc;GACd,WAAW;GACX,UAAU;GACX;EACD,QAAQ;GACN,mBAAmB;GACnB,eAAe;GAChB;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;GAChB;EACD,YAAY;GACV,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACD,OAAO;GACL,OAAO;GACP,WAAW;GACZ;EACD,aAAa;GACX,OAAO;GACP,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,aAAa;GACb,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,SAAS;GACV;EACF;CACF,CAAC"}
+{"version":3,"file":"StepCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/StepCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst stepsCardAnatomy = cardAnatomy.extendWith('titleGroup');\n\nconst stepCardSlotRecipe = defineSlotRecipe({\n  className: 'steps-card',\n  slots: stepsCardAnatomy.keys(),\n  base: {\n    root: {\n      backgroundColor: 'background/primary',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      borderRadius: '8',\n      boxShadow: 'elevation/md',\n      overflow: 'hidden',\n    },\n    header: {\n      paddingBlockStart: '32',\n      paddingInline: '32',\n    },\n    body: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '24',\n      paddingBlockEnd: '48',\n      paddingBlockStart: '32',\n      paddingInline: '32',\n    },\n    titleGroup: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n    },\n    title: {\n      color: 'text/primary',\n      textStyle: 'heading/h3',\n    },\n    description: {\n      color: 'text/secondary',\n      textStyle: 'body/md/regular',\n    },\n    footer: {\n      alignItems: 'center',\n      borderBlockStart: '1px solid',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      padding: '32',\n    },\n  },\n});\n\nexport default stepCardSlotRecipe;\n"],"mappings":";;;AAKA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAJuB,YAAY,WAAW,aAIvC,CAAiB,MAAM;CAC9B,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,QAAQ;GACR,aAAa;GACb,cAAc;GACd,WAAW;GACX,UAAU;GACX;EACD,QAAQ;GACN,mBAAmB;GACnB,eAAe;GAChB;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;GAChB;EACD,YAAY;GACV,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACD,OAAO;GACL,OAAO;GACP,WAAW;GACZ;EACD,aAAa;GACX,OAAO;GACP,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,kBAAkB;GAClB,aAAa;GACb,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,SAAS;GACV;EACF;CACF,CAAC"}

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

@@ -1,6 +1,6 @@
 declare const switchSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
     size: {
-        sm: {
+        md: {
             root: {
                 '--switch-width': string;
                 '--switch-height': string;
@@ -10,10 +10,10 @@ declare const switchSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
                 borderRadius: "8";
             };
             label: {
-                textStyle: "body/sm/regular";
+                textStyle: "body/md/regular";
             };
         };
-        md: {
+        lg: {
             root: {
                 '--switch-width': string;
                 '--switch-height': string;

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

@@ -33,15 +33,15 @@ var switchSlotRecipe = defineSlotRecipe({
 			display: "inline-flex",
 			width: "var(--switch-width)",
 			height: "var(--switch-height)",
-			bg: "input/toggle/frameOff",
+			bg: "input/switch/off/track",
 			cursor: "pointer",
 			transition: "backgrounds",
 			_checked: {
-				bg: "input/toggle/frameOn",
-				_disabled: { bg: "input/toggle/frameOn-disabled" }
+				bg: "input/switch/on/track",
+				_disabled: { bg: "input/switch/on/track-disabled" }
 			},
 			_disabled: {
-				bg: "input/toggle/frameOff-disabled",
+				bg: "input/switch/off/track-disabled",
 				cursor: "not-allowed"
 			},
 			_readOnly: { cursor: "default" },
@@ -50,33 +50,33 @@ var switchSlotRecipe = defineSlotRecipe({
 		thumb: {
 			width: "var(--switch-height)",
 			height: "var(--switch-height)",
-			bg: "input/toggle/slideOff",
+			bg: "input/switch/off/thumb",
 			boxShadow: "elevation/sm",
 			scale: "0.8",
 			borderRadius: "inherit",
 			transitionProperty: "translate",
 			transitionDuration: "fast",
 			_checked: {
-				bg: "input/toggle/slideOn",
+				bg: "input/switch/on/thumb",
 				translate: "var(--switch-x) 0"
 			},
 			_disabled: {
-				bg: "input/toggle/slideOff-disabled",
-				_checked: { bg: "input/toggle/slideOn-disabled" }
+				bg: "input/switch/off/thumb-disabled",
+				_checked: { bg: "input/switch/on/thumb-disabled" }
 			}
 		}
 	},
 	variants: { size: {
-		sm: {
+		md: {
 			root: {
 				"--switch-width": rem(32),
 				"--switch-height": rem(16),
 				"--switch-indicator-font-size": rem(12)
 			},
 			control: { borderRadius: "8" },
-			label: { textStyle: "body/sm/regular" }
+			label: { textStyle: "body/md/regular" }
 		},
-		md: {
+		lg: {
 			root: {
 				"--switch-width": rem(48),
 				"--switch-height": rem(24),
@@ -86,7 +86,7 @@ var switchSlotRecipe = defineSlotRecipe({
 			label: { textStyle: "body/lg/regular" }
 		}
 	} },
-	defaultVariants: { size: "md" }
+	defaultVariants: { size: "lg" }
 });
 //#endregion
 export { switchSlotRecipe as default };