@bitrise/bitkit-v2 0.3.475-beta.3014 → 0.3.476

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

@@ -26,15 +26,14 @@ var datePickerSlotRecipe = defineSlotRecipe({
 			borderRadius: "8",
 			boxShadow: "elevation/lg",
 			minWidth: rem(312),
-			paddingBlockEnd: "16",
-			paddingBlockStart: "24",
+			paddingBlock: "24",
 			paddingInline: "16",
-			zIndex: "calc({zIndex.popover} + var(--layer-index, 0))"
+			zIndex: "select"
 		},
 		view: {
 			display: "flex",
 			flexDirection: "column",
-			gap: "24"
+			gap: "16"
 		},
 		viewControl: {
 			display: "flex",
@@ -74,25 +73,23 @@ var datePickerSlotRecipe = defineSlotRecipe({
 				backgroundColor: "interactive/moderate",
 				borderRadius: "0.5rem"
 			},
-			_focusVisible: { borderRadius: "0.5rem" },
 			"&[data-unavailable]": {
+				borderRadius: 0,
+				backgroundColor: "interactive/disabled",
 				color: "text/disabled",
 				cursor: "default",
 				"&:hover, &[data-outside-range]:hover": {
-					backgroundColor: "transparent",
+					borderRadius: 0,
+					backgroundColor: "interactive/disabled",
 					color: "text/disabled"
 				}
 			},
 			"&[data-outside-range]": { color: "text/tertiary" },
 			"&[data-outside-range][data-unavailable]": { color: "text/disabled" },
-			"&[data-outside-range][data-in-range]": {
+			"&[data-outside-range][data-in-range], &[data-outside-range][data-in-range]:hover": {
 				backgroundColor: "interactive/moderate",
 				color: "interactive/bold"
 			},
-			"&[data-outside-range][data-in-range]:hover": {
-				backgroundColor: "interactive/muted",
-				color: "interactive/minimal"
-			},
 			"&[data-outside-range][data-range-end]": {
 				backgroundColor: "interactive/highlight",
 				borderRadius: "0 0.5rem 0.5rem 0",
@@ -100,13 +97,13 @@ var datePickerSlotRecipe = defineSlotRecipe({
 			},
 			"&[data-outside-range][data-hover-range-start]:hover": {
 				borderRadius: "0.5rem 0 0 0.5rem",
-				color: "text/tertiary",
-				backgroundColor: "interactive/subtle"
+				color: "interactive/subtle",
+				backgroundColor: "interactive/highlight"
 			},
 			"&[data-outside-range][data-hover-range-end]:hover": {
 				borderRadius: "0 0.5rem 0.5rem 0",
-				color: "text/tertiary",
-				backgroundColor: "interactive/subtle"
+				color: "interactive/subtle",
+				backgroundColor: "interactive/highlight"
 			},
 			"&[data-outside-range][data-range-start],&[data-outside-range][data-range-end]": {
 				backgroundColor: "interactive/highlight",
@@ -123,8 +120,7 @@ var datePickerSlotRecipe = defineSlotRecipe({
 				color: "interactive/minimal"
 			},
 			"&[data-outside-range]:hover": {
-				backgroundColor: "interactive/subtle",
-				borderRadius: "0.5rem",
+				backgroundColor: "transparent",
 				color: "text/tertiary"
 			},
 			"&[data-in-range]": {
@@ -135,28 +131,6 @@ var datePickerSlotRecipe = defineSlotRecipe({
 				backgroundColor: "interactive/muted",
 				borderRadius: 0
 			},
-			"&[data-in-hover-range]:not([data-outside-range], [data-selected])": {
-				backgroundColor: "interactive/minimal",
-				borderRadius: 0,
-				color: "text/primary"
-			},
-			"&[data-hover-range-start]:not([data-outside-range], [data-selected])": {
-				backgroundColor: "interactive/moderate",
-				borderRadius: "0.5rem 0 0 0.5rem",
-				color: "text/primary"
-			},
-			"&[data-hover-range-end]:not([data-outside-range], [data-selected])": {
-				backgroundColor: "interactive/moderate",
-				borderRadius: "0 0.5rem 0.5rem 0",
-				color: "text/primary"
-			},
-			"&[data-hover-range-start][data-hover-range-end]:not([data-outside-range], [data-selected])": { borderRadius: "0.5rem" },
-			"&[data-today]": { color: "text/selected" },
-			"&[data-today][data-unavailable]": { color: "text/disabled" },
-			"&[data-today]:hover:not([data-selected], [data-unavailable])": {
-				backgroundColor: "interactive/subtle",
-				borderRadius: 0
-			},
 			"&[data-selected]": {
 				backgroundColor: "interactive/base",
 				color: "text/on-color",
@@ -167,17 +141,12 @@ var datePickerSlotRecipe = defineSlotRecipe({
 				borderRadius: "0.5rem",
 				color: "interactive/moderate"
 			},
-			"&[data-outside-range][data-selected]:not([data-range-start], [data-range-end])": {
-				backgroundColor: "interactive/subtle",
-				borderRadius: "0.5rem",
-				color: "text/tertiary"
-			},
-			"&[data-range-start]": {
+			"&[data-range-start], &[data-hover-range-start], &[data-hover-range-start]:hover": {
 				backgroundColor: "interactive/base",
 				borderRadius: "0.5rem 0 0 0.5rem",
 				color: "text/on-color"
 			},
-			"&[data-range-end]": {
+			"&[data-range-end], &[data-hover-range-end], &[data-hover-range-end]:hover": {
 				backgroundColor: "interactive/base",
 				borderRadius: "0 0.5rem 0.5rem 0",
 				color: "text/on-color"
@@ -196,6 +165,7 @@ var datePickerSlotRecipe = defineSlotRecipe({
 				backgroundColor: "interactive/base",
 				color: "interactive/moderate"
 			},
+			"&[data-hover-range-start][data-hover-range-end]": { borderRadius: "0.5rem" },
 			"&[data-today] > span": {
 				border: "1px solid",
 				borderColor: "interactive/base"
@@ -223,32 +193,12 @@ var datePickerSlotRecipe = defineSlotRecipe({
 			false: { tableCellTrigger: { "&[data-outside-range]": { visibility: "hidden" } } },
 			true: { tableCellTrigger: { "&[data-outside-range]": { visibility: "visible" } } }
 		},
-		device: { mobile: {
-			content: {
-				minWidth: 0,
-				boxShadow: "none",
-				paddingBlock: "16",
-				paddingInline: "16"
-			},
-			view: { gap: "16" },
-			tableHeader: {
-				height: "40",
-				maxWidth: "none",
-				minWidth: 0,
-				textStyle: "body/lg/regular",
-				width: "auto"
-			},
-			tableCellTrigger: {
-				height: "40",
-				textStyle: "body/lg/regular"
-			}
-		} }
-	},
-	compoundVariants: [{
-		device: "mobile",
-		layout: "1-month",
-		css: { content: { width: "100%" } }
-	}]
+		device: { mobile: { content: {
+			boxShadow: "none",
+			paddingBlock: "16",
+			paddingInline: "16"
+		} } }
+	}
 });
 //#endregion
 export { datePickerSlotRecipe as default };

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/DatePicker.recipe.ts"],"sourcesContent":["import { datePickerAnatomy } from '@ark-ui/react/date-picker';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst datePickerSlotRecipe = defineSlotRecipe({\n  className: 'datePicker',\n  slots: [...datePickerAnatomy.keys(), 'months'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '8',\n    },\n    control: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n    },\n    months: {\n      display: 'flex',\n      gap: '24',\n    },\n    positioner: {\n      position: 'absolute',\n    },\n    content: {\n      backgroundColor: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      minWidth: rem(312),\n      paddingBlockEnd: '16',\n      paddingBlockStart: '24',\n      paddingInline: '16',\n      // A popover layer, so the month and year menus it opens (on the select layer) stay above it.\n      zIndex: 'calc({zIndex.popover} + var(--layer-index, 0))',\n    },\n    view: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '24',\n    },\n    viewControl: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    table: {\n      width: 'full',\n      borderCollapse: 'collapse',\n      borderSpacing: 0,\n      tableLayout: 'fixed',\n    },\n    tableBody: {\n      '& > tr:first-child > td': {\n        paddingTop: '8',\n      },\n    },\n    tableRow: {\n      display: 'table-row',\n    },\n    tableHeader: {\n      color: 'text/tertiary',\n      textAlign: 'center',\n      textStyle: 'body/md/regular',\n      width: '40',\n      minWidth: '40',\n      maxWidth: '40',\n    },\n    tableCell: {\n      textAlign: 'center',\n      paddingBlock: '2',\n    },\n    tableCellTrigger: {\n      display: 'flex',\n      alignItems: 'stretch',\n      justifyContent: 'center',\n      width: '100%',\n      height: '32',\n      color: 'text/primary',\n      cursor: 'pointer',\n      textStyle: 'body/md/regular',\n\n      '&:hover:not([data-selected])': {\n        backgroundColor: 'interactive/moderate',\n        borderRadius: '0.5rem',\n      },\n\n      // The focus ring follows the day's rounded shape rather than the square cell.\n      _focusVisible: {\n        borderRadius: '0.5rem',\n      },\n\n      '&[data-unavailable]': {\n        color: 'text/disabled',\n        cursor: 'default',\n        '&:hover, &[data-outside-range]:hover': {\n          backgroundColor: 'transparent',\n          color: 'text/disabled',\n        },\n      },\n\n      '&[data-outside-range]': {\n        color: 'text/tertiary',\n      },\n\n      '&[data-outside-range][data-unavailable]': {\n        color: 'text/disabled',\n      },\n\n      '&[data-outside-range][data-in-range]': {\n        backgroundColor: 'interactive/moderate',\n        color: 'interactive/bold',\n      },\n\n      '&[data-outside-range][data-in-range]:hover': {\n        backgroundColor: 'interactive/muted',\n        color: 'interactive/minimal',\n      },\n\n      '&[data-outside-range][data-range-end]': {\n        backgroundColor: 'interactive/highlight',\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'interactive/subtle',\n      },\n\n      '&[data-outside-range][data-hover-range-start]:hover': {\n        borderRadius: '0.5rem 0 0 0.5rem',\n        color: 'text/tertiary',\n        backgroundColor: 'interactive/subtle',\n      },\n\n      '&[data-outside-range][data-hover-range-end]:hover': {\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'text/tertiary',\n        backgroundColor: 'interactive/subtle',\n      },\n\n      '&[data-outside-range][data-range-start],&[data-outside-range][data-range-end]': {\n        backgroundColor: 'interactive/highlight',\n        color: 'interactive/subtle',\n      },\n\n      '&[data-outside-range][data-in-range][data-range-start]:hover': {\n        backgroundColor: 'interactive/highlight',\n        borderRadius: '0.5rem 0 0 0.5rem',\n        color: 'interactive/minimal',\n      },\n\n      '&[data-outside-range][data-in-range][data-range-end]:hover': {\n        backgroundColor: 'interactive/highlight',\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'interactive/minimal',\n      },\n\n      '&[data-outside-range]:hover': {\n        backgroundColor: 'interactive/subtle',\n        borderRadius: '0.5rem',\n        color: 'text/tertiary',\n      },\n\n      '&[data-in-range]': {\n        backgroundColor: 'interactive/moderate',\n        color: 'text/primary',\n      },\n\n      '&[data-in-range]:hover': {\n        backgroundColor: 'interactive/muted',\n        borderRadius: 0,\n      },\n\n      // The range being previewed while the pointer picks its end: lighter than the selected range.\n      '&[data-in-hover-range]:not([data-outside-range], [data-selected])': {\n        backgroundColor: 'interactive/minimal',\n        borderRadius: 0,\n        color: 'text/primary',\n      },\n\n      '&[data-hover-range-start]:not([data-outside-range], [data-selected])': {\n        backgroundColor: 'interactive/moderate',\n        borderRadius: '0.5rem 0 0 0.5rem',\n        color: 'text/primary',\n      },\n\n      '&[data-hover-range-end]:not([data-outside-range], [data-selected])': {\n        backgroundColor: 'interactive/moderate',\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'text/primary',\n      },\n\n      '&[data-hover-range-start][data-hover-range-end]:not([data-outside-range], [data-selected])': {\n        borderRadius: '0.5rem',\n      },\n\n      '&[data-today]': {\n        color: 'text/selected',\n      },\n\n      '&[data-today][data-unavailable]': {\n        color: 'text/disabled',\n      },\n\n      '&[data-today]:hover:not([data-selected], [data-unavailable])': {\n        backgroundColor: 'interactive/subtle',\n        borderRadius: 0,\n      },\n\n      '&[data-selected]': {\n        backgroundColor: 'interactive/base',\n        color: 'text/on-color',\n        borderRadius: '0.5rem',\n      },\n\n      '&[data-selected]:hover': {\n        backgroundColor: 'interactive/base',\n        borderRadius: '0.5rem',\n        color: 'interactive/moderate',\n      },\n\n      // A selected day shown in a neighbouring month stays dimmed (Figma's `style=dimmed, selected`).\n      '&[data-outside-range][data-selected]:not([data-range-start], [data-range-end])': {\n        backgroundColor: 'interactive/subtle',\n        borderRadius: '0.5rem',\n        color: 'text/tertiary',\n      },\n\n      '&[data-range-start]': {\n        backgroundColor: 'interactive/base',\n        borderRadius: '0.5rem 0 0 0.5rem',\n        color: 'text/on-color',\n      },\n\n      '&[data-range-end]': {\n        backgroundColor: 'interactive/base',\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'text/on-color',\n      },\n\n      '&[data-range-start]:hover': {\n        backgroundColor: 'interactive/base',\n        borderRadius: '0.5rem 0 0 0.5rem',\n        color: 'interactive/moderate',\n      },\n\n      '&[data-range-end]:hover': {\n        backgroundColor: 'interactive/base',\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'interactive/moderate',\n      },\n\n      '&[data-range-start][data-range-end]:hover': {\n        backgroundColor: 'interactive/base',\n        color: 'interactive/moderate',\n      },\n\n      '&[data-today] > span': {\n        border: '1px solid',\n        borderColor: 'interactive/base',\n      },\n\n      '&[data-today][data-selected] > span': {\n        border: '1px solid',\n        borderColor: 'interactive/moderate',\n      },\n\n      '&[data-today][data-range-end] > span, &[data-today][data-range-start] > span': {\n        borderColor: 'interactive/moderate',\n      },\n\n      '& > span': {\n        alignItems: 'center',\n        justifyContent: 'center',\n        borderRadius: '8',\n        display: 'flex',\n        flex: 1,\n      },\n    },\n  },\n  variants: {\n    layout: {\n      '1-month': {\n        content: {\n          width: '17.5rem',\n        },\n      },\n      '2-month': {\n        content: {\n          width: '38.5rem',\n        },\n      },\n    },\n    showOutsideDays: {\n      false: {\n        tableCellTrigger: {\n          '&[data-outside-range]': {\n            visibility: 'hidden',\n          },\n        },\n      },\n      true: {\n        tableCellTrigger: {\n          '&[data-outside-range]': {\n            visibility: 'visible',\n          },\n        },\n      },\n    },\n    device: {\n      mobile: {\n        content: {\n          minWidth: 0,\n          boxShadow: 'none',\n          paddingBlock: '16',\n          paddingInline: '16',\n        },\n        view: {\n          gap: '16',\n        },\n        tableHeader: {\n          height: '40',\n          maxWidth: 'none',\n          minWidth: 0,\n          textStyle: 'body/lg/regular',\n          width: 'auto',\n        },\n        tableCellTrigger: {\n          height: '40',\n          textStyle: 'body/lg/regular',\n        },\n      },\n    },\n  },\n  // A mobile calendar fills the screen instead of keeping the popover's fixed width.\n  compoundVariants: [\n    {\n      device: 'mobile',\n      layout: '1-month',\n      css: {\n        content: {\n          width: '100%',\n        },\n      },\n    },\n  ],\n});\n\nexport default datePickerSlotRecipe;\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/DatePicker.recipe.ts"],"sourcesContent":["import { datePickerAnatomy } from '@ark-ui/react/date-picker';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst datePickerSlotRecipe = defineSlotRecipe({\n  className: 'datePicker',\n  slots: [...datePickerAnatomy.keys(), 'months'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '8',\n    },\n    control: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n    },\n    months: {\n      display: 'flex',\n      gap: '24',\n    },\n    positioner: {\n      position: 'absolute',\n    },\n    content: {\n      backgroundColor: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      minWidth: rem(312),\n      paddingBlock: '24',\n      paddingInline: '16',\n      zIndex: 'select',\n    },\n    view: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n    },\n    viewControl: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    table: {\n      width: 'full',\n      borderCollapse: 'collapse',\n      borderSpacing: 0,\n      tableLayout: 'fixed',\n    },\n    tableBody: {\n      '& > tr:first-child > td': {\n        paddingTop: '8',\n      },\n    },\n    tableRow: {\n      display: 'table-row',\n    },\n    tableHeader: {\n      color: 'text/tertiary',\n      textAlign: 'center',\n      textStyle: 'body/md/regular',\n      width: '40',\n      minWidth: '40',\n      maxWidth: '40',\n    },\n    tableCell: {\n      textAlign: 'center',\n      paddingBlock: '2',\n    },\n    tableCellTrigger: {\n      display: 'flex',\n      alignItems: 'stretch',\n      justifyContent: 'center',\n      width: '100%',\n      height: '32',\n      color: 'text/primary',\n      cursor: 'pointer',\n      textStyle: 'body/md/regular',\n\n      '&:hover:not([data-selected])': {\n        backgroundColor: 'interactive/moderate',\n        borderRadius: '0.5rem',\n      },\n\n      '&[data-unavailable]': {\n        borderRadius: 0,\n        backgroundColor: 'interactive/disabled',\n        color: 'text/disabled',\n        cursor: 'default',\n        '&:hover, &[data-outside-range]:hover': {\n          borderRadius: 0,\n          backgroundColor: 'interactive/disabled',\n          color: 'text/disabled',\n        },\n      },\n\n      '&[data-outside-range]': {\n        color: 'text/tertiary',\n      },\n\n      '&[data-outside-range][data-unavailable]': {\n        color: 'text/disabled',\n      },\n\n      '&[data-outside-range][data-in-range], &[data-outside-range][data-in-range]:hover': {\n        backgroundColor: 'interactive/moderate',\n        color: 'interactive/bold',\n      },\n\n      '&[data-outside-range][data-range-end]': {\n        backgroundColor: 'interactive/highlight',\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'interactive/subtle',\n      },\n\n      '&[data-outside-range][data-hover-range-start]:hover': {\n        borderRadius: '0.5rem 0 0 0.5rem',\n        color: 'interactive/subtle',\n        backgroundColor: 'interactive/highlight',\n      },\n\n      '&[data-outside-range][data-hover-range-end]:hover': {\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'interactive/subtle',\n        backgroundColor: 'interactive/highlight',\n      },\n\n      '&[data-outside-range][data-range-start],&[data-outside-range][data-range-end]': {\n        backgroundColor: 'interactive/highlight',\n        color: 'interactive/subtle',\n      },\n\n      '&[data-outside-range][data-in-range][data-range-start]:hover': {\n        backgroundColor: 'interactive/highlight',\n        borderRadius: '0.5rem 0 0 0.5rem',\n        color: 'interactive/minimal',\n      },\n\n      '&[data-outside-range][data-in-range][data-range-end]:hover': {\n        backgroundColor: 'interactive/highlight',\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'interactive/minimal',\n      },\n\n      '&[data-outside-range]:hover': {\n        backgroundColor: 'transparent',\n        color: 'text/tertiary',\n      },\n\n      '&[data-in-range]': {\n        backgroundColor: 'interactive/moderate',\n        color: 'text/primary',\n      },\n\n      '&[data-in-range]:hover': {\n        backgroundColor: 'interactive/muted',\n        borderRadius: 0,\n      },\n\n      '&[data-selected]': {\n        backgroundColor: 'interactive/base',\n        color: 'text/on-color',\n        borderRadius: '0.5rem',\n      },\n\n      '&[data-selected]:hover': {\n        backgroundColor: 'interactive/base',\n        borderRadius: '0.5rem',\n        color: 'interactive/moderate',\n      },\n\n      '&[data-range-start], &[data-hover-range-start], &[data-hover-range-start]:hover': {\n        backgroundColor: 'interactive/base',\n        borderRadius: '0.5rem 0 0 0.5rem',\n        color: 'text/on-color',\n      },\n\n      '&[data-range-end], &[data-hover-range-end], &[data-hover-range-end]:hover': {\n        backgroundColor: 'interactive/base',\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'text/on-color',\n      },\n\n      '&[data-range-start]:hover': {\n        backgroundColor: 'interactive/base',\n        borderRadius: '0.5rem 0 0 0.5rem',\n        color: 'interactive/moderate',\n      },\n\n      '&[data-range-end]:hover': {\n        backgroundColor: 'interactive/base',\n        borderRadius: '0 0.5rem 0.5rem 0',\n        color: 'interactive/moderate',\n      },\n\n      '&[data-range-start][data-range-end]:hover': {\n        backgroundColor: 'interactive/base',\n        color: 'interactive/moderate',\n      },\n\n      '&[data-hover-range-start][data-hover-range-end]': {\n        borderRadius: '0.5rem',\n      },\n\n      '&[data-today] > span': {\n        border: '1px solid',\n        borderColor: 'interactive/base',\n      },\n\n      '&[data-today][data-selected] > span': {\n        border: '1px solid',\n        borderColor: 'interactive/moderate',\n      },\n\n      '&[data-today][data-range-end] > span, &[data-today][data-range-start] > span': {\n        borderColor: 'interactive/moderate',\n      },\n\n      '& > span': {\n        alignItems: 'center',\n        justifyContent: 'center',\n        borderRadius: '8',\n        display: 'flex',\n        flex: 1,\n      },\n    },\n  },\n  variants: {\n    layout: {\n      '1-month': {\n        content: {\n          width: '17.5rem',\n        },\n      },\n      '2-month': {\n        content: {\n          width: '38.5rem',\n        },\n      },\n    },\n    showOutsideDays: {\n      false: {\n        tableCellTrigger: {\n          '&[data-outside-range]': {\n            visibility: 'hidden',\n          },\n        },\n      },\n      true: {\n        tableCellTrigger: {\n          '&[data-outside-range]': {\n            visibility: 'visible',\n          },\n        },\n      },\n    },\n    device: {\n      mobile: {\n        content: {\n          boxShadow: 'none',\n          paddingBlock: '16',\n          paddingInline: '16',\n        },\n      },\n    },\n  },\n});\n\nexport default datePickerSlotRecipe;\n"],"mappings":"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"}

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

@@ -85,88 +85,6 @@ declare const datePickerSelectSlotRecipe: import('@chakra-ui/react').SlotRecipeD
                 height: "16";
             } | undefined;
         };
-        lg: {
-            trigger: {
-                height: "40";
-                paddingBlock: "8";
-                paddingInlineEnd: "12";
-                paddingInlineStart: "16";
-                textStyle: "body/lg/regular";
-                '&:has([data-slot="avatar"])'?: {
-                    paddingBlock: `${number}rem`;
-                    paddingInlineStart: `${number}rem`;
-                } | undefined;
-            };
-            indicator: {
-                _icon: {
-                    width: "16";
-                    height: "16";
-                };
-            };
-            checkbox?: {
-                width: "24";
-                height: "24";
-            } | undefined;
-            item?: {
-                '&:has([data-slot="avatar"])': {
-                    paddingInlineStart: "12";
-                    paddingInlineEnd: "24";
-                    paddingBlock: "8";
-                    gap: "8";
-                };
-                '&:has([data-slot="checkbox"])': {
-                    minHeight: "48";
-                    paddingInlineEnd: "24";
-                    paddingBlock: "12";
-                    gap: "12";
-                };
-                paddingInline: "16";
-                paddingBlock: "12";
-                textStyle: "body/lg/regular";
-                _selected: {
-                    textStyle: "body/lg/semibold";
-                };
-            } | undefined;
-            content?: {
-                '--select-menu-list-max-height': `${number}rem`;
-            } | undefined;
-            itemLabel?: {
-                textStyle: "body/lg/regular";
-                lineHeight: "normal";
-            } | undefined;
-            itemLoadingLabel?: {
-                textStyle: "body/lg/regular";
-            } | undefined;
-            emptyState?: {
-                paddingBlock: "12";
-            } | undefined;
-            errorState?: {
-                paddingBlock: "8";
-            } | undefined;
-            errorLabel?: {
-                textStyle: "body/lg/regular";
-            } | undefined;
-            action?: {
-                minHeight: "48";
-                paddingBlock: "12";
-                textStyle: "body/lg/regular";
-                lineHeight: "normal";
-            } | undefined;
-            searchInputGroup?: {
-                height: `${number}rem`;
-                paddingBlock: "16";
-            } | undefined;
-            searchInput?: {
-                textStyle: "body/lg/regular";
-            } | undefined;
-            searchClear?: {
-                padding: "8";
-            } | undefined;
-            itemIndicator?: {
-                width: "24";
-                height: "24";
-            } | undefined;
-        };
     };
 }>;
 export default datePickerSelectSlotRecipe;

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

@@ -10,7 +10,6 @@ var datePickerSelectSlotRecipe = defineSlotRecipe({
 			...selectSlotRecipe.base?.trigger,
 			borderWidth: 0,
 			height: "32",
-			minWidth: 0,
 			paddingInlineStart: "12",
 			paddingInlineEnd: "8",
 			"&:hover:not(:active)": { bg: "background/hover" },
@@ -29,34 +28,17 @@ var datePickerSelectSlotRecipe = defineSlotRecipe({
 			paddingInline: "8"
 		}
 	},
-	variants: { size: {
-		md: {
-			...selectSlotRecipe.variants?.size?.md,
-			trigger: {
-				...selectSlotRecipe.variants?.size?.md.trigger,
-				paddingBlock: "6"
-			},
-			indicator: { _icon: {
-				width: "16",
-				height: "16"
-			} }
+	variants: { size: { md: {
+		...selectSlotRecipe.variants?.size?.md,
+		trigger: {
+			...selectSlotRecipe.variants?.size?.md.trigger,
+			paddingBlock: "6"
 		},
-		lg: {
-			...selectSlotRecipe.variants?.size?.lg,
-			trigger: {
-				...selectSlotRecipe.variants?.size?.lg.trigger,
-				height: "40",
-				paddingBlock: "8",
-				paddingInlineEnd: "12",
-				paddingInlineStart: "16",
-				textStyle: "body/lg/regular"
-			},
-			indicator: { _icon: {
-				width: "16",
-				height: "16"
-			} }
-		}
-	} },
+		indicator: { _icon: {
+			width: "16",
+			height: "16"
+		} }
+	} } },
 	defaultVariants: { size: "md" }
 });
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/DatePickerSelect.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { selectSlotRecipe } from './Select.recipe';\n\nconst datePickerSelectSlotRecipe = defineSlotRecipe({\n  className: 'datePickerSelect',\n  slots: selectAnatomy.keys(),\n  base: {\n    trigger: {\n      ...selectSlotRecipe.base?.trigger,\n      borderWidth: 0,\n      height: '32',\n      minWidth: 0,\n      paddingInlineStart: '12',\n      paddingInlineEnd: '8',\n      '&:hover:not(:active)': {\n        bg: 'background/hover',\n      },\n      '&:active': {\n        bg: 'background/active',\n      },\n    },\n    indicator: {\n      ...selectSlotRecipe.base?.indicator,\n      color: 'icon/tertiary',\n      _icon: {\n        width: '16',\n        height: '16',\n      },\n    },\n    indicatorGroup: {\n      ...selectSlotRecipe.base?.indicatorGroup,\n      paddingInline: '8',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        ...selectSlotRecipe.variants?.size?.md,\n        trigger: {\n          ...selectSlotRecipe.variants?.size?.md.trigger,\n          paddingBlock: '6',\n        },\n        indicator: {\n          _icon: {\n            width: '16',\n            height: '16',\n          },\n        },\n      },\n      // The mobile calendar: taller trigger and larger text.\n      lg: {\n        ...selectSlotRecipe.variants?.size?.lg,\n        trigger: {\n          ...selectSlotRecipe.variants?.size?.lg.trigger,\n          height: '40',\n          paddingBlock: '8',\n          paddingInlineEnd: '12',\n          paddingInlineStart: '16',\n          textStyle: 'body/lg/regular',\n        },\n        indicator: {\n          _icon: {\n            width: '16',\n            height: '16',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default datePickerSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,6BAA6B,iBAAiB;CAClD,WAAW;CACX,OAAO,cAAc,KAAK;CAC1B,MAAM;EACJ,SAAS;GACP,GAAG,iBAAiB,MAAM;GAC1B,aAAa;GACb,QAAQ;GACR,UAAU;GACV,oBAAoB;GACpB,kBAAkB;GAClB,wBAAwB,EACtB,IAAI,mBACN;GACA,YAAY,EACV,IAAI,oBACN;EACF;EACA,WAAW;GACT,GAAG,iBAAiB,MAAM;GAC1B,OAAO;GACP,OAAO;IACL,OAAO;IACP,QAAQ;GACV;EACF;EACA,gBAAgB;GACd,GAAG,iBAAiB,MAAM;GAC1B,eAAe;EACjB;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,GAAG,iBAAiB,UAAU,MAAM;GACpC,SAAS;IACP,GAAG,iBAAiB,UAAU,MAAM,GAAG;IACvC,cAAc;GAChB;GACA,WAAW,EACT,OAAO;IACL,OAAO;IACP,QAAQ;GACV,EACF;EACF;EAEA,IAAI;GACF,GAAG,iBAAiB,UAAU,MAAM;GACpC,SAAS;IACP,GAAG,iBAAiB,UAAU,MAAM,GAAG;IACvC,QAAQ;IACR,cAAc;IACd,kBAAkB;IAClB,oBAAoB;IACpB,WAAW;GACb;GACA,WAAW,EACT,OAAO;IACL,OAAO;IACP,QAAQ;GACV,EACF;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"DatePickerSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/DatePickerSelect.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { selectSlotRecipe } from './Select.recipe';\n\nconst datePickerSelectSlotRecipe = defineSlotRecipe({\n  className: 'datePickerSelect',\n  slots: selectAnatomy.keys(),\n  base: {\n    trigger: {\n      ...selectSlotRecipe.base?.trigger,\n      borderWidth: 0,\n      height: '32',\n      paddingInlineStart: '12',\n      paddingInlineEnd: '8',\n      '&:hover:not(:active)': {\n        bg: 'background/hover',\n      },\n      '&:active': {\n        bg: 'background/active',\n      },\n    },\n    indicator: {\n      ...selectSlotRecipe.base?.indicator,\n      color: 'icon/tertiary',\n      _icon: {\n        width: '16',\n        height: '16',\n      },\n    },\n    indicatorGroup: {\n      ...selectSlotRecipe.base?.indicatorGroup,\n      paddingInline: '8',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        ...selectSlotRecipe.variants?.size?.md,\n        trigger: {\n          ...selectSlotRecipe.variants?.size?.md.trigger,\n          paddingBlock: '6',\n        },\n        indicator: {\n          _icon: {\n            width: '16',\n            height: '16',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default datePickerSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,6BAA6B,iBAAiB;CAClD,WAAW;CACX,OAAO,cAAc,KAAK;CAC1B,MAAM;EACJ,SAAS;GACP,GAAG,iBAAiB,MAAM;GAC1B,aAAa;GACb,QAAQ;GACR,oBAAoB;GACpB,kBAAkB;GAClB,wBAAwB,EACtB,IAAI,mBACN;GACA,YAAY,EACV,IAAI,oBACN;EACF;EACA,WAAW;GACT,GAAG,iBAAiB,MAAM;GAC1B,OAAO;GACP,OAAO;IACL,OAAO;IACP,QAAQ;GACV;EACF;EACA,gBAAgB;GACd,GAAG,iBAAiB,MAAM;GAC1B,eAAe;EACjB;CACF;CACA,UAAU,EACR,MAAM,EACJ,IAAI;EACF,GAAG,iBAAiB,UAAU,MAAM;EACpC,SAAS;GACP,GAAG,iBAAiB,UAAU,MAAM,GAAG;GACvC,cAAc;EAChB;EACA,WAAW,EACT,OAAO;GACL,OAAO;GACP,QAAQ;EACV,EACF;CACF,EACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

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

@@ -73,6 +73,7 @@ var menuSlotRecipe = defineSlotRecipe({
 			flexDirection: "row",
 			paddingLeft: "16",
 			paddingRight: "24",
+			_disabled: { cursor: "not-allowed" },
 			"&[data-danger]": {
 				color: "button/danger-secondary/fg",
 				_icon: { color: "button/danger-secondary/fg" },
@@ -89,12 +90,6 @@ var menuSlotRecipe = defineSlotRecipe({
 				background: "button/secondary/bg-hover",
 				_active: itemActive
 			},
-			_disabled: {
-				color: "text/disabled",
-				cursor: "not-allowed",
-				_icon: { color: "icon/disabled" },
-				_highlighted: { background: "transparent" }
-			},
 			"& [data-suffix-icon]": { color: "icon/tertiary" }
 		},
 		itemGroupLabel: {

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Menu.recipe.ts"],"sourcesContent":["import { menuAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst itemActive: SystemStyleObject = {\n  background: 'button/secondary/bg-active',\n  _icon: {\n    color: 'icon/primary',\n  },\n};\nconst itemActiveDanger: SystemStyleObject = {\n  background: 'button/danger-secondary/bg-active',\n  color: 'button/danger-secondary/fg-active',\n  _icon: {\n    color: 'button/danger-secondary/fg-active',\n  },\n};\nconst menuSlotRecipe = defineSlotRecipe({\n  className: 'menu',\n  slots: [...menuAnatomy.keys(), 'itemHelper'],\n  variants: {\n    size: {\n      lg: {\n        item: {\n          alignItems: 'center',\n          paddingY: '12',\n          textStyle: 'body/lg/regular',\n          // With a helper line the item aligns to the top of the label and gets tighter padding.\n          '&[data-helper]': {\n            alignItems: 'flex-start',\n            paddingY: '8',\n          },\n        },\n      },\n      md: {\n        item: {\n          alignItems: 'center',\n          // The label line (20px) alone is shorter than the designed 40px row.\n          minHeight: '40',\n          paddingY: '8',\n          textStyle: 'body/md/regular',\n          '&[data-helper]': {\n            _icon: {\n              // Optically center the 16px icon against the 20px label line.\n              marginTop: '2',\n            },\n            alignItems: 'flex-start',\n            paddingY: '6',\n          },\n        },\n      },\n    },\n  },\n  base: {\n    content: {\n      // Sit above the legacy v1 full-dialog/drawer layer (zIndex.fullDialog = 1200); the menu\n      // portals out, so without this it renders behind a v1 FloatingDrawer. Matches the content-slot\n      // z-index convention of the other floating recipes (Popover, Tooltip, Combobox/Select).\n      zIndex: 'popover',\n      borderRadius: '4',\n      paddingY: '8',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      _focusVisible: { outline: 'none' },\n      boxShadow: 'elevation/lg',\n      background: 'background/primary',\n      maxHeight: 'var(--available-height)',\n      // The cap is useless without these: the positioner sets --available-height from the viewport,\n      // and a longer list then spills out of the content box instead of scrolling inside it.\n      overflow: 'hidden',\n      overflowY: 'auto',\n      _open: {\n        animationStyle: 'slide-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'slide-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    itemHelper: {\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n    },\n    item: {\n      _icon: {\n        color: 'icon/secondary',\n        _active: {\n          color: 'icon/primary',\n        },\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: '12',\n      userSelect: 'none',\n      flexDirection: 'row',\n      paddingLeft: '16',\n      paddingRight: '24',\n      '&[data-danger]': {\n        color: 'button/danger-secondary/fg',\n        _icon: {\n          color: 'button/danger-secondary/fg',\n        },\n        _active: itemActiveDanger,\n        _highlighted: {\n          background: 'button/danger-secondary/bg-hover',\n          color: 'button/danger-secondary/fg-hover',\n          _active: itemActiveDanger,\n          _icon: {\n            color: 'button/danger-secondary/fg-hover',\n          },\n        },\n      },\n      _active: itemActive,\n      _highlighted: {\n        background: 'button/secondary/bg-hover',\n        _active: itemActive,\n      },\n      // After the danger and highlight blocks: equally specific, so the later one wins for a disabled danger item.\n      _disabled: {\n        color: 'text/disabled',\n        cursor: 'not-allowed',\n        _icon: {\n          color: 'icon/disabled',\n        },\n        _highlighted: {\n          background: 'transparent',\n        },\n      },\n      // The \"leaves this page\" arrow is quieter than the leading icon, and stays that way in every\n      // state — including the destructive one, which overrides `_icon` above.\n      '& [data-suffix-icon]': {\n        color: 'icon/tertiary',\n      },\n    },\n    itemGroupLabel: {\n      // The rule after the label is a Chakra Separator, whose recipe base is `border/regular` — a\n      // shade darker than the menu's own separator. Match `BitkitActionMenu.Separator`.\n      '& .separator': {\n        borderColor: 'border/minimal',\n      },\n      textStyle: 'heading/h6',\n      color: 'text/tertiary',\n      paddingTop: '12',\n      paddingLeft: '16',\n      paddingRight: '16',\n      paddingBottom: '6',\n      display: 'flex',\n      gap: '8',\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    separator: {\n      color: 'border/minimal',\n      marginY: '8',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default menuSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,aAAgC;CACpC,YAAY;CACZ,OAAO,EACL,OAAO,eACT;AACF;AACA,IAAM,mBAAsC;CAC1C,YAAY;CACZ,OAAO;CACP,OAAO,EACL,OAAO,oCACT;AACF;AACA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,CAAC,GAAG,YAAY,KAAK,GAAG,YAAY;CAC3C,UAAU,EACR,MAAM;EACJ,IAAI,EACF,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,WAAW;GAEX,kBAAkB;IAChB,YAAY;IACZ,UAAU;GACZ;EACF,EACF;EACA,IAAI,EACF,MAAM;GACJ,YAAY;GAEZ,WAAW;GACX,UAAU;GACV,WAAW;GACX,kBAAkB;IAChB,OAAO,EAEL,WAAW,IACb;IACA,YAAY;IACZ,UAAU;GACZ;EACF,EACF;CACF,EACF;CACA,MAAM;EACJ,SAAS;GAIP,QAAQ;GACR,cAAc;GACd,UAAU;GACV,QAAQ;GACR,aAAa;GACb,eAAe,EAAE,SAAS,OAAO;GACjC,WAAW;GACX,YAAY;GACZ,WAAW;GAGX,UAAU;GACV,WAAW;GACX,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,WAAW;GACX,OAAO;EACT;EACA,MAAM;GACJ,OAAO;IACL,OAAO;IACP,SAAS,EACP,OAAO,eACT;GACF;GACA,QAAQ;GACR,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;GACf,aAAa;GACb,cAAc;GACd,kBAAkB;IAChB,OAAO;IACP,OAAO,EACL,OAAO,6BACT;IACA,SAAS;IACT,cAAc;KACZ,YAAY;KACZ,OAAO;KACP,SAAS;KACT,OAAO,EACL,OAAO,mCACT;IACF;GACF;GACA,SAAS;GACT,cAAc;IACZ,YAAY;IACZ,SAAS;GACX;GAEA,WAAW;IACT,OAAO;IACP,QAAQ;IACR,OAAO,EACL,OAAO,gBACT;IACA,cAAc,EACZ,YAAY,cACd;GACF;GAGA,wBAAwB,EACtB,OAAO,gBACT;EACF;EACA,gBAAgB;GAGd,gBAAgB,EACd,aAAa,iBACf;GACA,WAAW;GACX,OAAO;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,eAAe;GACf,SAAS;GACT,KAAK;GACL,eAAe;GACf,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"Menu.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Menu.recipe.ts"],"sourcesContent":["import { menuAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, type SystemStyleObject } from '@chakra-ui/react/styled-system';\n\nconst itemActive: SystemStyleObject = {\n  background: 'button/secondary/bg-active',\n  _icon: {\n    color: 'icon/primary',\n  },\n};\nconst itemActiveDanger: SystemStyleObject = {\n  background: 'button/danger-secondary/bg-active',\n  color: 'button/danger-secondary/fg-active',\n  _icon: {\n    color: 'button/danger-secondary/fg-active',\n  },\n};\nconst menuSlotRecipe = defineSlotRecipe({\n  className: 'menu',\n  slots: [...menuAnatomy.keys(), 'itemHelper'],\n  variants: {\n    size: {\n      lg: {\n        item: {\n          alignItems: 'center',\n          paddingY: '12',\n          textStyle: 'body/lg/regular',\n          // With a helper line the item aligns to the top of the label and gets tighter padding.\n          '&[data-helper]': {\n            alignItems: 'flex-start',\n            paddingY: '8',\n          },\n        },\n      },\n      md: {\n        item: {\n          alignItems: 'center',\n          // The label line (20px) alone is shorter than the designed 40px row.\n          minHeight: '40',\n          paddingY: '8',\n          textStyle: 'body/md/regular',\n          '&[data-helper]': {\n            _icon: {\n              // Optically center the 16px icon against the 20px label line.\n              marginTop: '2',\n            },\n            alignItems: 'flex-start',\n            paddingY: '6',\n          },\n        },\n      },\n    },\n  },\n  base: {\n    content: {\n      // Sit above the legacy v1 full-dialog/drawer layer (zIndex.fullDialog = 1200); the menu\n      // portals out, so without this it renders behind a v1 FloatingDrawer. Matches the content-slot\n      // z-index convention of the other floating recipes (Popover, Tooltip, Combobox/Select).\n      zIndex: 'popover',\n      borderRadius: '4',\n      paddingY: '8',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      _focusVisible: { outline: 'none' },\n      boxShadow: 'elevation/lg',\n      background: 'background/primary',\n      maxHeight: 'var(--available-height)',\n      // The cap is useless without these: the positioner sets --available-height from the viewport,\n      // and a longer list then spills out of the content box instead of scrolling inside it.\n      overflow: 'hidden',\n      overflowY: 'auto',\n      _open: {\n        animationStyle: 'slide-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'slide-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    itemHelper: {\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n    },\n    item: {\n      _icon: {\n        color: 'icon/secondary',\n        _active: {\n          color: 'icon/primary',\n        },\n      },\n      cursor: 'pointer',\n      display: 'flex',\n      gap: '12',\n      userSelect: 'none',\n      flexDirection: 'row',\n      paddingLeft: '16',\n      paddingRight: '24',\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n      '&[data-danger]': {\n        color: 'button/danger-secondary/fg',\n        _icon: {\n          color: 'button/danger-secondary/fg',\n        },\n        _active: itemActiveDanger,\n        _highlighted: {\n          background: 'button/danger-secondary/bg-hover',\n          color: 'button/danger-secondary/fg-hover',\n          _active: itemActiveDanger,\n          _icon: {\n            color: 'button/danger-secondary/fg-hover',\n          },\n        },\n      },\n      _active: itemActive,\n      _highlighted: {\n        background: 'button/secondary/bg-hover',\n        _active: itemActive,\n      },\n      // The \"leaves this page\" arrow is quieter than the leading icon, and stays that way in every\n      // state — including the destructive one, which overrides `_icon` above.\n      '& [data-suffix-icon]': {\n        color: 'icon/tertiary',\n      },\n    },\n    itemGroupLabel: {\n      // The rule after the label is a Chakra Separator, whose recipe base is `border/regular` — a\n      // shade darker than the menu's own separator. Match `BitkitActionMenu.Separator`.\n      '& .separator': {\n        borderColor: 'border/minimal',\n      },\n      textStyle: 'heading/h6',\n      color: 'text/tertiary',\n      paddingTop: '12',\n      paddingLeft: '16',\n      paddingRight: '16',\n      paddingBottom: '6',\n      display: 'flex',\n      gap: '8',\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    separator: {\n      color: 'border/minimal',\n      marginY: '8',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default menuSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,aAAgC;CACpC,YAAY;CACZ,OAAO,EACL,OAAO,eACT;AACF;AACA,IAAM,mBAAsC;CAC1C,YAAY;CACZ,OAAO;CACP,OAAO,EACL,OAAO,oCACT;AACF;AACA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO,CAAC,GAAG,YAAY,KAAK,GAAG,YAAY;CAC3C,UAAU,EACR,MAAM;EACJ,IAAI,EACF,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,WAAW;GAEX,kBAAkB;IAChB,YAAY;IACZ,UAAU;GACZ;EACF,EACF;EACA,IAAI,EACF,MAAM;GACJ,YAAY;GAEZ,WAAW;GACX,UAAU;GACV,WAAW;GACX,kBAAkB;IAChB,OAAO,EAEL,WAAW,IACb;IACA,YAAY;IACZ,UAAU;GACZ;EACF,EACF;CACF,EACF;CACA,MAAM;EACJ,SAAS;GAIP,QAAQ;GACR,cAAc;GACd,UAAU;GACV,QAAQ;GACR,aAAa;GACb,eAAe,EAAE,SAAS,OAAO;GACjC,WAAW;GACX,YAAY;GACZ,WAAW;GAGX,UAAU;GACV,WAAW;GACX,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,WAAW;GACX,OAAO;EACT;EACA,MAAM;GACJ,OAAO;IACL,OAAO;IACP,SAAS,EACP,OAAO,eACT;GACF;GACA,QAAQ;GACR,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;GACf,aAAa;GACb,cAAc;GACd,WAAW,EACT,QAAQ,cACV;GACA,kBAAkB;IAChB,OAAO;IACP,OAAO,EACL,OAAO,6BACT;IACA,SAAS;IACT,cAAc;KACZ,YAAY;KACZ,OAAO;KACP,SAAS;KACT,OAAO,EACL,OAAO,mCACT;IACF;GACF;GACA,SAAS;GACT,cAAc;IACZ,YAAY;IACZ,SAAS;GACX;GAGA,wBAAwB,EACtB,OAAO,gBACT;EACF;EACA,gBAAgB;GAGd,gBAAgB,EACd,aAAa,iBACf;GACA,WAAW;GACX,OAAO;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,eAAe;GACf,SAAS;GACT,KAAK;GACL,eAAe;GACf,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,SAAS;EACX;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}

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

@@ -8,7 +8,7 @@ declare const noteCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinitio
             root: {
                 backgroundColor: "transparent";
                 border: "1px solid transparent";
-                background: "linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box";
+                background: "status/ai/surface-primary";
             };
             title: {
                 color: string;

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

@@ -138,7 +138,7 @@ var noteCardSlotRecipe = defineSlotRecipe({
 			root: {
 				backgroundColor: "transparent",
 				border: "1px solid transparent",
-				background: "linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box"
+				background: "status/ai/surface-primary"
 			},
 			title: { color: STATUS_TEXT_COLOR_MAP.ai }
 		},

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 { type NotificationVariant } from '../common/AlertAndToast.common';\n\nconst MESSAGE_ONLY_STATUSES: NotificationVariant[] = ['critical', 'progress', 'success'];\n\nconst SIDEBAR_ICON_COLOR_MAP: Record<NotificationVariant, string> = {\n  ai: 'color/indigo/base',\n  critical: 'color/red/base',\n  info: 'color/blue/base',\n  progress: 'color/purple/base',\n  success: 'color/green/base',\n  warning: 'color/yellow/base',\n};\n\nconst STATUS_TEXT_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  root: { borderColor: `status/${v}/border` },\n  title: { color: STATUS_TEXT_COLOR_MAP[v] },\n  ...(MESSAGE_ONLY_STATUSES.includes(v) && {\n    message: { '&:only-child': { color: STATUS_TEXT_COLOR_MAP[v] } },\n  }),\n});\n\nconst noteCardSlotRecipe = defineSlotRecipe({\n  className: 'note-card',\n  slots: [\n    'root',\n    'iconBar',\n    'iconWrapper',\n    'content',\n    'messageBlock',\n    'messageList',\n    'title',\n    'message',\n    'collapsible',\n    'collapsibleContent',\n    'collapsibleTrigger',\n    'actionArea',\n    'actionAreaList',\n  ],\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: { base: 'flex-end', tablet: 'center' },\n      display: 'flex',\n      flex: 1,\n      flexDirection: { base: 'column', tablet: 'row' },\n      gap: { base: '12', tablet: '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    messageList: {\n      paddingBlock: '4',\n    },\n    title: {\n      textStyle: 'body/lg/semibold',\n    },\n    message: {\n      textStyle: 'body/md/regular',\n      color: 'text/body',\n    },\n    collapsible: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n      width: '100%',\n    },\n    collapsibleContent: {\n      overflow: 'hidden',\n      _open: {\n        animationName: 'expand-height, fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationName: 'collapse-height, fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    collapsibleTrigger: {\n      alignSelf: 'flex-start',\n      marginBlockStart: '4',\n    },\n    actionArea: {\n      flexShrink: 0,\n    },\n    actionAreaList: {\n      alignSelf: { tablet: 'flex-start' },\n    },\n  },\n  variants: {\n    status: {\n      ai: {\n        iconBar: {\n          background: 'gradient/ai/background/minimal-vertical',\n          color: SIDEBAR_ICON_COLOR_MAP.ai,\n        },\n        root: {\n          backgroundColor: 'transparent',\n          border: '1px solid transparent',\n          background:\n            'linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box',\n        },\n        title: { color: STATUS_TEXT_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,wBAA+C;CAAC;CAAY;CAAY;AAAS;AAEvF,IAAM,yBAA8D;CAClE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,wBAA6D;CACjE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,oBAAoB,OAA4B;CACpD,SAAS;EACP,iBAAiB,UAAU,EAAE;EAC7B,OAAO,uBAAuB;CAChC;CACA,MAAM,EAAE,aAAa,UAAU,EAAE,SAAS;CAC1C,OAAO,EAAE,OAAO,sBAAsB,GAAG;CACzC,GAAI,sBAAsB,SAAS,CAAC,KAAK,EACvC,SAAS,EAAE,gBAAgB,EAAE,OAAO,sBAAsB,GAAG,EAAE,EACjE;AACF;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,eAAe;EACjB;EACA,aAAa;GACX,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,OAAO;EACT;EACA,SAAS;GACP,YAAY;IAAE,MAAM;IAAY,QAAQ;GAAS;GACjD,SAAS;GACT,MAAM;GACN,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,cAAc;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,UAAU;GACV,OAAO;EACT;EACA,aAAa,EACX,cAAc,IAChB;EACA,OAAO,EACL,WAAW,mBACb;EACA,SAAS;GACP,WAAW;GACX,OAAO;EACT;EACA,aAAa;GACX,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;EACT;EACA,oBAAoB;GAClB,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EACA,oBAAoB;GAClB,WAAW;GACX,kBAAkB;EACpB;EACA,YAAY,EACV,YAAY,EACd;EACA,gBAAgB,EACd,WAAW,EAAE,QAAQ,aAAa,EACpC;CACF;CACA,UAAU,EACR,QAAQ;EACN,IAAI;GACF,SAAS;IACP,YAAY;IACZ,OAAO,uBAAuB;GAChC;GACA,MAAM;IACJ,iBAAiB;IACjB,QAAQ;IACR,YACE;GACJ;GACA,OAAO,EAAE,OAAO,sBAAsB,GAAG;EAC3C;EACA,UAAU,iBAAiB,UAAU;EACrC,MAAM,iBAAiB,MAAM;EAC7B,UAAU,iBAAiB,UAAU;EACrC,SAAS,iBAAiB,SAAS;EACnC,SAAS,iBAAiB,SAAS;CACrC,EACF;CACA,iBAAiB,EACf,QAAQ,OACV;AACF,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 MESSAGE_ONLY_STATUSES: NotificationVariant[] = ['critical', 'progress', 'success'];\n\nconst SIDEBAR_ICON_COLOR_MAP: Record<NotificationVariant, string> = {\n  ai: 'color/indigo/base',\n  critical: 'color/red/base',\n  info: 'color/blue/base',\n  progress: 'color/purple/base',\n  success: 'color/green/base',\n  warning: 'color/yellow/base',\n};\n\nconst STATUS_TEXT_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  root: { borderColor: `status/${v}/border` },\n  title: { color: STATUS_TEXT_COLOR_MAP[v] },\n  ...(MESSAGE_ONLY_STATUSES.includes(v) && {\n    message: { '&:only-child': { color: STATUS_TEXT_COLOR_MAP[v] } },\n  }),\n});\n\nconst noteCardSlotRecipe = defineSlotRecipe({\n  className: 'note-card',\n  slots: [\n    'root',\n    'iconBar',\n    'iconWrapper',\n    'content',\n    'messageBlock',\n    'messageList',\n    'title',\n    'message',\n    'collapsible',\n    'collapsibleContent',\n    'collapsibleTrigger',\n    'actionArea',\n    'actionAreaList',\n  ],\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: { base: 'flex-end', tablet: 'center' },\n      display: 'flex',\n      flex: 1,\n      flexDirection: { base: 'column', tablet: 'row' },\n      gap: { base: '12', tablet: '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    messageList: {\n      paddingBlock: '4',\n    },\n    title: {\n      textStyle: 'body/lg/semibold',\n    },\n    message: {\n      textStyle: 'body/md/regular',\n      color: 'text/body',\n    },\n    collapsible: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n      width: '100%',\n    },\n    collapsibleContent: {\n      overflow: 'hidden',\n      _open: {\n        animationName: 'expand-height, fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationName: 'collapse-height, fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    collapsibleTrigger: {\n      alignSelf: 'flex-start',\n      marginBlockStart: '4',\n    },\n    actionArea: {\n      flexShrink: 0,\n    },\n    actionAreaList: {\n      alignSelf: { tablet: 'flex-start' },\n    },\n  },\n  variants: {\n    status: {\n      ai: {\n        iconBar: {\n          background: 'gradient/ai/background/minimal-vertical',\n          color: SIDEBAR_ICON_COLOR_MAP.ai,\n        },\n        root: {\n          backgroundColor: 'transparent',\n          border: '1px solid transparent',\n          background: 'status/ai/surface-primary',\n        },\n        title: { color: STATUS_TEXT_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,wBAA+C;CAAC;CAAY;CAAY;AAAS;AAEvF,IAAM,yBAA8D;CAClE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,wBAA6D;CACjE,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;AACX;AAEA,IAAM,oBAAoB,OAA4B;CACpD,SAAS;EACP,iBAAiB,UAAU,EAAE;EAC7B,OAAO,uBAAuB;CAChC;CACA,MAAM,EAAE,aAAa,UAAU,EAAE,SAAS;CAC1C,OAAO,EAAE,OAAO,sBAAsB,GAAG;CACzC,GAAI,sBAAsB,SAAS,CAAC,KAAK,EACvC,SAAS,EAAE,gBAAgB,EAAE,OAAO,sBAAsB,GAAG,EAAE,EACjE;AACF;AAEA,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,UAAU;EACZ;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,eAAe;EACjB;EACA,aAAa;GACX,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,OAAO;EACT;EACA,SAAS;GACP,YAAY;IAAE,MAAM;IAAY,QAAQ;GAAS;GACjD,SAAS;GACT,MAAM;GACN,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,cAAc;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,UAAU;GACV,OAAO;EACT;EACA,aAAa,EACX,cAAc,IAChB;EACA,OAAO,EACL,WAAW,mBACb;EACA,SAAS;GACP,WAAW;GACX,OAAO;EACT;EACA,aAAa;GACX,SAAS;GACT,eAAe;GACf,KAAK;GACL,OAAO;EACT;EACA,oBAAoB;GAClB,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EACA,oBAAoB;GAClB,WAAW;GACX,kBAAkB;EACpB;EACA,YAAY,EACV,YAAY,EACd;EACA,gBAAgB,EACd,WAAW,EAAE,QAAQ,aAAa,EACpC;CACF;CACA,UAAU,EACR,QAAQ;EACN,IAAI;GACF,SAAS;IACP,YAAY;IACZ,OAAO,uBAAuB;GAChC;GACA,MAAM;IACJ,iBAAiB;IACjB,QAAQ;IACR,YAAY;GACd;GACA,OAAO,EAAE,OAAO,sBAAsB,GAAG;EAC3C;EACA,UAAU,iBAAiB,UAAU;EACrC,MAAM,iBAAiB,MAAM;EAC7B,UAAU,iBAAiB,UAAU;EACrC,SAAS,iBAAiB,SAAS;EACnC,SAAS,iBAAiB,SAAS;CACrC,EACF;CACA,iBAAiB,EACf,QAAQ,OACV;AACF,CAAC"}

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

@@ -60,13 +60,14 @@ declare const pageFooterSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinit
             };
             links: {
                 borderBlockEnd: {
-                    base: "1px solid {colors.neutral.93}";
+                    base: "1px solid";
                     tablet: "none";
                 };
                 borderBlockStart: {
-                    base: "1px solid {colors.neutral.93}";
+                    base: "1px solid";
                     tablet: "none";
                 };
+                borderColor: "border/minimal";
                 paddingBlock: {
                     base: "16";
                     tablet: "0";
@@ -82,9 +83,10 @@ declare const pageFooterSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinit
             };
             links: {
                 borderBlockEnd: {
-                    base: "1px solid {colors.neutral.93}";
+                    base: "1px solid";
                     tablet: "none";
                 };
+                borderColor: "border/minimal";
                 paddingBlockEnd: {
                     base: "16";
                     tablet: "0";

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

@@ -148,13 +148,14 @@ var pageFooterSlotRecipe = defineSlotRecipe({
 				},
 				links: {
 					borderBlockEnd: {
-						base: "1px solid {colors.neutral.93}",
+						base: "1px solid",
 						tablet: "none"
 					},
 					borderBlockStart: {
-						base: "1px solid {colors.neutral.93}",
+						base: "1px solid",
 						tablet: "none"
 					},
+					borderColor: "border/minimal",
 					paddingBlock: {
 						base: "16",
 						tablet: "0"
@@ -168,9 +169,10 @@ var pageFooterSlotRecipe = defineSlotRecipe({
 				} },
 				links: {
 					borderBlockEnd: {
-						base: "1px solid {colors.neutral.93}",
+						base: "1px solid",
 						tablet: "none"
 					},
+					borderColor: "border/minimal",
 					paddingBlockEnd: {
 						base: "16",
 						tablet: "0"

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

@@ -1 +1 @@
-{"version":3,"file":"PageFooter.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageFooter.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst pageFooterSlotRecipe = defineSlotRecipe({\n  className: 'page-footer',\n  slots: ['root', 'status', 'statusDot', 'statusLabel', 'copyright', 'copyrightText', 'links', 'link'] as const,\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: { base: 'column', tablet: 'row' },\n      gap: { base: '16', tablet: '0' },\n      justifyContent: 'space-between',\n      padding: { base: '16', tablet: '0' },\n      paddingInlineStart: { base: '16', tablet: '20' },\n      width: '100%',\n    },\n    status: {\n      alignItems: 'center',\n      borderRadius: '4',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '4',\n      paddingBlock: '4',\n      paddingInlineEnd: '8',\n      paddingInlineStart: '4',\n    },\n    statusDot: {\n      borderRadius: 'full',\n      flexShrink: 0,\n      height: '8',\n      width: '8',\n      marginInline: '4',\n    },\n    statusLabel: {\n      color: 'text/secondary',\n      textStyle: 'comp/badge/sm',\n      whiteSpace: 'nowrap',\n    },\n    copyright: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '8',\n      order: { base: 3, tablet: 0 },\n    },\n    copyrightText: {\n      color: 'text/secondary',\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n    },\n    links: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      flexWrap: { base: 'wrap', tablet: 'nowrap' },\n      gap: { base: '40', tablet: '24' },\n      justifyContent: { base: 'center', tablet: 'flex-start' },\n      order: { base: 2, tablet: 0 },\n      rowGap: { base: '12', tablet: '8' },\n      width: { base: '100%', tablet: 'auto' },\n    },\n    link: {\n      background: 'transparent',\n      border: 'none',\n      color: 'text/secondary',\n      cursor: 'pointer',\n      padding: 0,\n      textDecoration: 'none',\n      textStyle: { base: 'body/lg/regular', tablet: 'body/md/regular' },\n      whiteSpace: 'nowrap',\n      _hover: {\n        textDecoration: 'underline',\n      },\n    },\n  },\n  variants: {\n    colorVariant: {\n      gray: {\n        root: {\n          background: 'background/secondary',\n        },\n        status: {\n          background: 'background/tertiary',\n        },\n      },\n      white: {\n        root: {\n          background: 'background/primary',\n        },\n        status: {\n          background: 'background/secondary',\n        },\n      },\n    },\n    size: {\n      compact: {\n        root: {\n          height: { tablet: '32' },\n        },\n      },\n      default: {\n        root: {\n          height: { tablet: '64' },\n        },\n      },\n    },\n    variant: {\n      default: {\n        root: {\n          paddingInlineEnd: { base: '16', tablet: rem(80) },\n          position: { tablet: 'relative' },\n        },\n        copyright: {\n          insetInlineStart: { tablet: '50%' },\n          position: { tablet: 'absolute' },\n          top: { tablet: '50%' },\n          transform: { tablet: 'translate(-50%, -50%)' },\n        },\n        links: {\n          borderBlockEnd: { base: '1px solid {colors.neutral.93}', tablet: 'none' },\n          borderBlockStart: { base: '1px solid {colors.neutral.93}', tablet: 'none' },\n          paddingBlock: { base: '16', tablet: '0' },\n        },\n      },\n      public: {\n        root: {\n          paddingInlineEnd: { base: '16', tablet: '40' },\n        },\n        links: {\n          borderBlockEnd: { base: '1px solid {colors.neutral.93}', tablet: 'none' },\n          paddingBlockEnd: { base: '16', tablet: '0' },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    colorVariant: 'gray',\n    size: 'default',\n    variant: 'default',\n  },\n});\n\nexport default pageFooterSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAU;EAAa;EAAe;EAAa;EAAiB;EAAS;CAAM;CACnG,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAI;GAC/B,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;GAAI;GACnC,oBAAoB;IAAE,MAAM;IAAM,QAAQ;GAAK;GAC/C,OAAO;EACT;EACA,QAAQ;GACN,YAAY;GACZ,cAAc;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,WAAW;GACT,cAAc;GACd,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,cAAc;EAChB;EACA,aAAa;GACX,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;EAC9B;EACA,eAAe;GACb,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,UAAU;IAAE,MAAM;IAAQ,QAAQ;GAAS;GAC3C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,gBAAgB;IAAE,MAAM;IAAU,QAAQ;GAAa;GACvD,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;GAC5B,QAAQ;IAAE,MAAM;IAAM,QAAQ;GAAI;GAClC,OAAO;IAAE,MAAM;IAAQ,QAAQ;GAAO;EACxC;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,WAAW;IAAE,MAAM;IAAmB,QAAQ;GAAkB;GAChE,YAAY;GACZ,QAAQ,EACN,gBAAgB,YAClB;EACF;CACF;CACA,UAAU;EACR,cAAc;GACZ,MAAM;IACJ,MAAM,EACJ,YAAY,uBACd;IACA,QAAQ,EACN,YAAY,sBACd;GACF;GACA,OAAO;IACL,MAAM,EACJ,YAAY,qBACd;IACA,QAAQ,EACN,YAAY,uBACd;GACF;EACF;EACA,MAAM;GACJ,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;GACA,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;EACF;EACA,SAAS;GACP,SAAS;IACP,MAAM;KACJ,kBAAkB;MAAE,MAAM;MAAM,QAAQ,IAAI,EAAE;KAAE;KAChD,UAAU,EAAE,QAAQ,WAAW;IACjC;IACA,WAAW;KACT,kBAAkB,EAAE,QAAQ,MAAM;KAClC,UAAU,EAAE,QAAQ,WAAW;KAC/B,KAAK,EAAE,QAAQ,MAAM;KACrB,WAAW,EAAE,QAAQ,wBAAwB;IAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAiC,QAAQ;KAAO;KACxE,kBAAkB;MAAE,MAAM;MAAiC,QAAQ;KAAO;KAC1E,cAAc;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC1C;GACF;GACA,QAAQ;IACN,MAAM,EACJ,kBAAkB;KAAE,MAAM;KAAM,QAAQ;IAAK,EAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAiC,QAAQ;KAAO;KACxE,iBAAiB;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC7C;GACF;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
+{"version":3,"file":"PageFooter.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageFooter.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst pageFooterSlotRecipe = defineSlotRecipe({\n  className: 'page-footer',\n  slots: ['root', 'status', 'statusDot', 'statusLabel', 'copyright', 'copyrightText', 'links', 'link'] as const,\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: { base: 'column', tablet: 'row' },\n      gap: { base: '16', tablet: '0' },\n      justifyContent: 'space-between',\n      padding: { base: '16', tablet: '0' },\n      paddingInlineStart: { base: '16', tablet: '20' },\n      width: '100%',\n    },\n    status: {\n      alignItems: 'center',\n      borderRadius: '4',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '4',\n      paddingBlock: '4',\n      paddingInlineEnd: '8',\n      paddingInlineStart: '4',\n    },\n    statusDot: {\n      borderRadius: 'full',\n      flexShrink: 0,\n      height: '8',\n      width: '8',\n      marginInline: '4',\n    },\n    statusLabel: {\n      color: 'text/secondary',\n      textStyle: 'comp/badge/sm',\n      whiteSpace: 'nowrap',\n    },\n    copyright: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '8',\n      order: { base: 3, tablet: 0 },\n    },\n    copyrightText: {\n      color: 'text/secondary',\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n    },\n    links: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      flexWrap: { base: 'wrap', tablet: 'nowrap' },\n      gap: { base: '40', tablet: '24' },\n      justifyContent: { base: 'center', tablet: 'flex-start' },\n      order: { base: 2, tablet: 0 },\n      rowGap: { base: '12', tablet: '8' },\n      width: { base: '100%', tablet: 'auto' },\n    },\n    link: {\n      background: 'transparent',\n      border: 'none',\n      color: 'text/secondary',\n      cursor: 'pointer',\n      padding: 0,\n      textDecoration: 'none',\n      textStyle: { base: 'body/lg/regular', tablet: 'body/md/regular' },\n      whiteSpace: 'nowrap',\n      _hover: {\n        textDecoration: 'underline',\n      },\n    },\n  },\n  variants: {\n    colorVariant: {\n      gray: {\n        root: {\n          background: 'background/secondary',\n        },\n        status: {\n          background: 'background/tertiary',\n        },\n      },\n      white: {\n        root: {\n          background: 'background/primary',\n        },\n        status: {\n          background: 'background/secondary',\n        },\n      },\n    },\n    size: {\n      compact: {\n        root: {\n          height: { tablet: '32' },\n        },\n      },\n      default: {\n        root: {\n          height: { tablet: '64' },\n        },\n      },\n    },\n    variant: {\n      default: {\n        root: {\n          paddingInlineEnd: { base: '16', tablet: rem(80) },\n          position: { tablet: 'relative' },\n        },\n        copyright: {\n          insetInlineStart: { tablet: '50%' },\n          position: { tablet: 'absolute' },\n          top: { tablet: '50%' },\n          transform: { tablet: 'translate(-50%, -50%)' },\n        },\n        links: {\n          borderBlockEnd: { base: '1px solid', tablet: 'none' },\n          borderBlockStart: { base: '1px solid', tablet: 'none' },\n          borderColor: 'border/minimal',\n          paddingBlock: { base: '16', tablet: '0' },\n        },\n      },\n      public: {\n        root: {\n          paddingInlineEnd: { base: '16', tablet: '40' },\n        },\n        links: {\n          borderBlockEnd: { base: '1px solid', tablet: 'none' },\n          borderColor: 'border/minimal',\n          paddingBlockEnd: { base: '16', tablet: '0' },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    colorVariant: 'gray',\n    size: 'default',\n    variant: 'default',\n  },\n});\n\nexport default pageFooterSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAU;EAAa;EAAe;EAAa;EAAiB;EAAS;CAAM;CACnG,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;IAAE,MAAM;IAAU,QAAQ;GAAM;GAC/C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAI;GAC/B,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;GAAI;GACnC,oBAAoB;IAAE,MAAM;IAAM,QAAQ;GAAK;GAC/C,OAAO;EACT;EACA,QAAQ;GACN,YAAY;GACZ,cAAc;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;EACtB;EACA,WAAW;GACT,cAAc;GACd,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,cAAc;EAChB;EACA,aAAa;GACX,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;EAC9B;EACA,eAAe;GACb,OAAO;GACP,WAAW;GACX,YAAY;EACd;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,UAAU;IAAE,MAAM;IAAQ,QAAQ;GAAS;GAC3C,KAAK;IAAE,MAAM;IAAM,QAAQ;GAAK;GAChC,gBAAgB;IAAE,MAAM;IAAU,QAAQ;GAAa;GACvD,OAAO;IAAE,MAAM;IAAG,QAAQ;GAAE;GAC5B,QAAQ;IAAE,MAAM;IAAM,QAAQ;GAAI;GAClC,OAAO;IAAE,MAAM;IAAQ,QAAQ;GAAO;EACxC;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,WAAW;IAAE,MAAM;IAAmB,QAAQ;GAAkB;GAChE,YAAY;GACZ,QAAQ,EACN,gBAAgB,YAClB;EACF;CACF;CACA,UAAU;EACR,cAAc;GACZ,MAAM;IACJ,MAAM,EACJ,YAAY,uBACd;IACA,QAAQ,EACN,YAAY,sBACd;GACF;GACA,OAAO;IACL,MAAM,EACJ,YAAY,qBACd;IACA,QAAQ,EACN,YAAY,uBACd;GACF;EACF;EACA,MAAM;GACJ,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;GACA,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,KAAK,EACzB,EACF;EACF;EACA,SAAS;GACP,SAAS;IACP,MAAM;KACJ,kBAAkB;MAAE,MAAM;MAAM,QAAQ,IAAI,EAAE;KAAE;KAChD,UAAU,EAAE,QAAQ,WAAW;IACjC;IACA,WAAW;KACT,kBAAkB,EAAE,QAAQ,MAAM;KAClC,UAAU,EAAE,QAAQ,WAAW;KAC/B,KAAK,EAAE,QAAQ,MAAM;KACrB,WAAW,EAAE,QAAQ,wBAAwB;IAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAa,QAAQ;KAAO;KACpD,kBAAkB;MAAE,MAAM;MAAa,QAAQ;KAAO;KACtD,aAAa;KACb,cAAc;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC1C;GACF;GACA,QAAQ;IACN,MAAM,EACJ,kBAAkB;KAAE,MAAM;KAAM,QAAQ;IAAK,EAC/C;IACA,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAa,QAAQ;KAAO;KACpD,aAAa;KACb,iBAAiB;MAAE,MAAM;MAAM,QAAQ;KAAI;IAC7C;GACF;EACF;CACF;CACA,iBAAiB;EACf,cAAc;EACd,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

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

@@ -1,4 +1,4 @@
-declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "endElement" | "startElement", {
+declare const tagSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
     colorVariant: {
         neutral: {
             root: {

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TextInput.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { frame, text, variants as inputVariants } from '../common/InputAndTextarea.common';\n\nconst textInputSlotRecipe = defineSlotRecipe({\n  className: 'bitkit-text-input',\n  slots: ['field', 'input', 'element'],\n  base: {\n    field: {\n      ...frame,\n      alignItems: 'center',\n      color: 'input/text/inputValue',\n      display: 'flex',\n      height: 'var(--input-height)',\n      minWidth: 0,\n      '&:has(input:focus-visible)': {\n        boxShadow: '0 0 0 0.125rem var(--focus-ring-color) inset',\n      },\n      // BitkitSearchInput opts in purely by rendering <input type=\"search\"> — no prop threading. It\n      // gets 12px inline padding on both sides, tightening to 4px on the trailing edge when the clear\n      // button is present (data-has-end-element). The higher :has() specificity overrides the size\n      // paddingInline; the gap widens to 12 at lg (size variant below).\n      '&:has(input[type=\"search\"])': {\n        paddingInline: '12',\n        '&[data-has-end-element]': {\n          paddingInlineEnd: '4',\n        },\n      },\n      _invalid: {\n        ...frame._invalid,\n        zIndex: 1,\n      },\n      _disabled: {\n        ...frame._disabled,\n        boxShadow: 'none',\n      },\n    },\n    input: {\n      ...text,\n      background: 'transparent',\n      borderWidth: 0,\n      flex: '1',\n      focusVisibleRing: 'none',\n      height: '100%',\n      lineHeight: 'normal',\n      minWidth: 0,\n      padding: 0,\n      width: '100%',\n      '&::-webkit-search-cancel-button': { display: 'none' },\n      _invalid: {\n        color: 'input/text/error',\n      },\n      _disabled: {\n        ...text._disabled,\n        cursor: 'not-allowed',\n      },\n    },\n    element: {\n      alignItems: 'center',\n      color: 'icon/tertiary',\n      display: 'flex',\n      flexShrink: '0',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.md.paddingInline,\n          '--input-height': inputVariants.size.md['--input-height'],\n        },\n        input: {\n          textStyle: inputVariants.size.md.textStyle,\n        },\n      },\n      lg: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.lg.paddingInline,\n          '--input-height': inputVariants.size.lg['--input-height'],\n          '&:has(input[type=\"search\"])': {\n            gap: '12',\n          },\n        },\n        input: {\n          textStyle: inputVariants.size.lg.textStyle,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default textInputSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAAO;EAAC;EAAS;EAAS;CAAS;CACnC,MAAM;EACJ,OAAO;GACL,GAAG;GACH,YAAY;GACZ,OAAO;GACP,SAAS;GACT,QAAQ;GACR,UAAU;GACV,8BAA8B,EAC5B,WAAW,+CACb;GAKA,iCAA+B;IAC7B,eAAe;IACf,2BAA2B,EACzB,kBAAkB,IACpB;GACF;GACA,UAAU;IACR,GAAG,MAAM;IACT,QAAQ;GACV;GACA,WAAW;IACT,GAAG,MAAM;IACT,WAAW;GACb;EACF;EACA,OAAO;GACL,GAAG;GACH,YAAY;GACZ,aAAa;GACb,MAAM;GACN,kBAAkB;GAClB,QAAQ;GACR,YAAY;GACZ,UAAU;GACV,SAAS;GACT,OAAO;GACP,mCAAmC,EAAE,SAAS,OAAO;GACrD,UAAU,EACR,OAAO,mBACT;GACA,WAAW;IACT,GAAG,KAAK;IACR,QAAQ;GACV;EACF;EACA,SAAS;GACP,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,WAAW,EACT,OAAO,gBACT;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAe,SAAc,KAAK,GAAG;IACrC,kBAAkB,SAAc,KAAK,GAAG;GAC1C;GACA,OAAO,EACL,WAAW,SAAc,KAAK,GAAG,UACnC;EACF;EACA,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAe,SAAc,KAAK,GAAG;IACrC,kBAAkB,SAAc,KAAK,GAAG;IACxC,iCAA+B,EAC7B,KAAK,KACP;GACF;GACA,OAAO,EACL,WAAW,SAAc,KAAK,GAAG,UACnC;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"TextInput.recipe.js","names":["inputVariants"],"sources":["../../../lib/theme/slot-recipes/TextInput.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { frame, text, variants as inputVariants } from '../common/InputAndTextarea.common';\n\nconst textInputSlotRecipe = defineSlotRecipe({\n  className: 'bitkit-text-input',\n  slots: ['field', 'input', 'element'],\n  base: {\n    field: {\n      ...frame,\n      alignItems: 'center',\n      color: 'input/text/inputValue',\n      display: 'flex',\n      height: 'var(--input-height)',\n      minWidth: 0,\n      '&:has(input:focus-visible)': {\n        boxShadow: '0 0 0 0.125rem var(--focus-ring-color) inset',\n      },\n      // BitkitSearchInput opts in purely by rendering <input type=\"search\"> — no prop threading. It\n      // gets 12px inline padding on both sides, tightening to 4px on the trailing edge when the clear\n      // button is present (data-has-end-element). The higher :has() specificity overrides the size\n      // paddingInline; the gap widens to 12 at lg (size variant below).\n      '&:has(input[type=\"search\"])': {\n        paddingInline: '12',\n        '&[data-has-end-element]': {\n          paddingInlineEnd: '4',\n        },\n      },\n      _invalid: {\n        ...frame._invalid,\n        zIndex: 1,\n      },\n      _disabled: {\n        ...frame._disabled,\n        boxShadow: 'none',\n      },\n    },\n    input: {\n      ...text,\n      background: 'transparent',\n      borderWidth: 0,\n      flex: '1',\n      focusVisibleRing: 'none',\n      height: '100%',\n      lineHeight: 'normal',\n      minWidth: 0,\n      padding: 0,\n      width: '100%',\n      '&::-webkit-search-cancel-button': { display: 'none' },\n      _invalid: {\n        color: 'input/text/error',\n      },\n      _disabled: {\n        ...text._disabled,\n        cursor: 'not-allowed',\n      },\n    },\n    element: {\n      alignItems: 'center',\n      color: 'icon/tertiary',\n      display: 'flex',\n      flexShrink: '0',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.md.paddingInline,\n          '--input-height': inputVariants.size.md['--input-height'],\n        },\n        input: {\n          textStyle: inputVariants.size.md.textStyle,\n        },\n      },\n      lg: {\n        field: {\n          gap: '8',\n          paddingInline: inputVariants.size.lg.paddingInline,\n          '--input-height': inputVariants.size.lg['--input-height'],\n          '&:has(input[type=\"search\"])': {\n            gap: '12',\n          },\n        },\n        input: {\n          textStyle: inputVariants.size.lg.textStyle,\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default textInputSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAAO;EAAC;EAAS;EAAS;CAAS;CACnC,MAAM;EACJ,OAAO;GACL,GAAG;GACH,YAAY;GACZ,OAAO;GACP,SAAS;GACT,QAAQ;GACR,UAAU;GACV,8BAA8B,EAC5B,WAAW,+CACb;GAKA,iCAA+B;IAC7B,eAAe;IACf,2BAA2B,EACzB,kBAAkB,IACpB;GACF;GACA,UAAU;IACR,GAAG,MAAM;IACT,QAAQ;GACV;GACA,WAAW;IACT,GAAG,MAAM;IACT,WAAW;GACb;EACF;EACA,OAAO;GACL,GAAG;GACH,YAAY;GACZ,aAAa;GACb,MAAM;GACN,kBAAkB;GAClB,QAAQ;GACR,YAAY;GACZ,UAAU;GACV,SAAS;GACT,OAAO;GACP,mCAAmC,EAAE,SAAS,OAAO;GACrD,UAAU,EACR,OAAO,mBACT;GACA,WAAW;IACT,GAAG,KAAK;IACR,QAAQ;GACV;EACF;EACA,SAAS;GACP,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,WAAW,EACT,OAAO,gBACT;EACF;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAeA,SAAc,KAAK,GAAG;IACrC,kBAAkBA,SAAc,KAAK,GAAG;GAC1C;GACA,OAAO,EACL,WAAWA,SAAc,KAAK,GAAG,UACnC;EACF;EACA,IAAI;GACF,OAAO;IACL,KAAK;IACL,eAAeA,SAAc,KAAK,GAAG;IACrC,kBAAkBA,SAAc,KAAK,GAAG;IACxC,iCAA+B,EAC7B,KAAK,KACP;GACF;GACA,OAAO,EACL,WAAWA,SAAc,KAAK,GAAG,UACnC;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}