@bitrise/bitkit-v2 0.3.179 → 0.3.181

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

@@ -1,9 +1,9 @@
-import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
-import { tableAnatomy as t } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { tableAnatomy } from "@chakra-ui/react/anatomy";
 //#region lib/theme/slot-recipes/Table.recipe.ts
-var n = e({
+var tableSlotRecipe = defineSlotRecipe({
 	className: "table",
-	slots: t.keys(),
+	slots: tableAnatomy.keys(),
 	base: {
 		root: {
 			fontVariantNumeric: "lining-nums tabular-nums",
@@ -145,4 +145,6 @@ var n = e({
 	}
 });
 //#endregion
-export { n as default };
+export { tableSlotRecipe as default };
+
+//# sourceMappingURL=Table.recipe.js.map

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

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

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

@@ -1,14 +1,14 @@
-import { rem as e } from "../themeUtils.js";
-import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
-import { tabsAnatomy as n } from "@chakra-ui/react/anatomy";
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { tabsAnatomy } from "@chakra-ui/react/anatomy";
 //#region lib/theme/slot-recipes/Tabs.recipe.ts
-var r = t({
-	slots: n.keys(),
+var tabsSlotRecipe = defineSlotRecipe({
+	slots: tabsAnatomy.keys(),
 	className: "chakra-tabs",
 	base: {
 		list: { display: "flex" },
 		trigger: {
-			"--focus-ring-width": e(2),
+			"--focus-ring-width": rem(2),
 			cursor: "pointer",
 			textStyle: "body/lg/semibold",
 			paddingInline: "16",
@@ -39,7 +39,7 @@ var r = t({
 				gap: "8",
 				color: "text/secondary",
 				paddingBlockStart: "12",
-				paddingBlockEnd: e(9),
+				paddingBlockEnd: rem(9),
 				borderBlockEnd: "2px solid transparent",
 				_selected: { color: "text/primary" },
 				_hover: {
@@ -50,7 +50,7 @@ var r = t({
 			}
 		},
 		contained: { trigger: {
-			paddingBlockStart: e(10),
+			paddingBlockStart: rem(10),
 			paddingBlockEnd: "12",
 			backgroundColor: "background/tertiary",
 			color: "text/secondary",
@@ -70,4 +70,6 @@ var r = t({
 	defaultVariants: { variant: "line" }
 });
 //#endregion
-export { r as default };
+export { tabsSlotRecipe as default };
+
+//# sourceMappingURL=Tabs.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tabs.recipe.ts"],"sourcesContent":["import { tabsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tabsSlotRecipe = defineSlotRecipe({\n  slots: tabsAnatomy.keys(),\n  className: 'chakra-tabs',\n  base: {\n    list: {\n      display: 'flex',\n    },\n    trigger: {\n      '--focus-ring-width': rem(2),\n      cursor: 'pointer',\n      textStyle: 'body/lg/semibold',\n      paddingInline: '16',\n      position: 'relative',\n      textAlign: 'left',\n      zIndex: 0,\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n      _selected: {\n        zIndex: 1,\n        borderColor: 'border/selected',\n        _hover: {\n          borderColor: 'border/selected',\n        },\n        '& > svg': {\n          color: 'icon/interactive',\n        },\n      },\n    },\n    content: {\n      outline: 'none',\n    },\n    contentGroup: {\n      backgroundColor: 'background/primary',\n    },\n  },\n\n  variants: {\n    variant: {\n      line: {\n        list: {\n          borderBlockEnd: '1px solid',\n          borderColor: 'border/regular',\n        },\n        trigger: {\n          bottom: '-1px',\n          display: 'flex',\n          alignItems: 'center',\n          gap: '8',\n          color: 'text/secondary',\n          paddingBlockStart: '12',\n          paddingBlockEnd: rem(9),\n          borderBlockEnd: '2px solid transparent',\n          _selected: {\n            color: 'text/primary',\n          },\n          _hover: {\n            borderColor: 'border/hover',\n            color: 'text/primary',\n          },\n          _disabled: {\n            color: 'text/disabled',\n          },\n        },\n      },\n      contained: {\n        trigger: {\n          paddingBlockStart: rem(10),\n          paddingBlockEnd: '12',\n          backgroundColor: 'background/tertiary',\n          color: 'text/secondary',\n          borderBlockStart: '2px solid transparent',\n          _hover: {\n            backgroundColor: 'background/active',\n          },\n          _disabled: {\n            backgroundColor: 'sys/neutral/moderate',\n            color: 'text/on-disabled',\n          },\n          _selected: {\n            backgroundColor: 'background/primary',\n            color: 'text/selected',\n            _hover: {\n              backgroundColor: 'background/primary',\n            },\n          },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 'line',\n  },\n});\n\nexport default tabsSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,iBAAiB,iBAAiB;CACtC,OAAO,YAAY,MAAM;CACzB,WAAW;CACX,MAAM;EACJ,MAAM,EACJ,SAAS,QACV;EACD,SAAS;GACP,sBAAsB,IAAI,EAAE;GAC5B,QAAQ;GACR,WAAW;GACX,eAAe;GACf,UAAU;GACV,WAAW;GACX,QAAQ;GACR,WAAW,EACT,QAAQ,eACT;GACD,WAAW;IACT,QAAQ;IACR,aAAa;IACb,QAAQ,EACN,aAAa,mBACd;IACD,WAAW,EACT,OAAO,oBACR;IACF;GACF;EACD,SAAS,EACP,SAAS,QACV;EACD,cAAc,EACZ,iBAAiB,sBAClB;EACF;CAED,UAAU,EACR,SAAS;EACP,MAAM;GACJ,MAAM;IACJ,gBAAgB;IAChB,aAAa;IACd;GACD,SAAS;IACP,QAAQ;IACR,SAAS;IACT,YAAY;IACZ,KAAK;IACL,OAAO;IACP,mBAAmB;IACnB,iBAAiB,IAAI,EAAE;IACvB,gBAAgB;IAChB,WAAW,EACT,OAAO,gBACR;IACD,QAAQ;KACN,aAAa;KACb,OAAO;KACR;IACD,WAAW,EACT,OAAO,iBACR;IACF;GACF;EACD,WAAW,EACT,SAAS;GACP,mBAAmB,IAAI,GAAG;GAC1B,iBAAiB;GACjB,iBAAiB;GACjB,OAAO;GACP,kBAAkB;GAClB,QAAQ,EACN,iBAAiB,qBAClB;GACD,WAAW;IACT,iBAAiB;IACjB,OAAO;IACR;GACD,WAAW;IACT,iBAAiB;IACjB,OAAO;IACP,QAAQ,EACN,iBAAiB,sBAClB;IACF;GACF,EACF;EACF,EACF;CAED,iBAAiB,EACf,SAAS,QACV;CACF,CAAC"}

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

@@ -1,10 +1,10 @@
-import { rem as e } from "../themeUtils.js";
-import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
-import { tagAnatomy as n } from "@chakra-ui/react/anatomy";
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { tagAnatomy } from "@chakra-ui/react/anatomy";
 //#region lib/theme/slot-recipes/Tag.recipe.ts
-var r = t({
+var tagSlotRecipe = defineSlotRecipe({
 	className: "tag",
-	slots: n.keys(),
+	slots: tagAnatomy.keys(),
 	base: { root: {
 		colorPalette: "neutral",
 		backgroundColor: "colorPalette.subtle",
@@ -18,7 +18,7 @@ var r = t({
 	} },
 	compoundVariants: [{
 		colorPalette: "neutral",
-		disabled: !1,
+		disabled: false,
 		css: { root: { color: "text/primary" } }
 	}],
 	variants: {
@@ -50,7 +50,7 @@ var r = t({
 				root: {
 					height: "32",
 					paddingInline: "6",
-					"&:has(button)": { paddingInlineEnd: e(3) }
+					"&:has(button)": { paddingInlineEnd: rem(3) }
 				},
 				startElement: { marginInlineEnd: "-2px" },
 				label: {
@@ -63,4 +63,6 @@ var r = t({
 	defaultVariants: { size: "md" }
 });
 //#endregion
-export { r as default };
+export { tagSlotRecipe as default };
+
+//# sourceMappingURL=Tag.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tag.recipe.ts"],"sourcesContent":["import { tagAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tagSlotRecipe = defineSlotRecipe({\n  className: 'tag',\n  slots: tagAnatomy.keys(),\n  base: {\n    root: {\n      colorPalette: 'neutral',\n      backgroundColor: 'colorPalette.subtle',\n      borderRadius: '4',\n      border: '1px solid',\n      borderColor: 'colorPalette.muted',\n      display: 'inline-flex',\n      alignItems: 'center',\n      overflow: 'hidden',\n      color: 'colorPalette.strong',\n    },\n  },\n  compoundVariants: [\n    {\n      colorPalette: 'neutral',\n      disabled: false,\n      css: {\n        root: {\n          color: 'text/primary',\n        },\n      },\n    },\n  ],\n  variants: {\n    disabled: {\n      true: {\n        root: {\n          backgroundColor: 'background/disabled',\n          borderColor: 'border/disabled',\n          color: 'text/on-disabled',\n        },\n      },\n      false: {},\n    },\n    size: {\n      sm: {\n        root: {\n          height: '24',\n          paddingInline: '4',\n          '&:has(button)': {\n            paddingInlineEnd: '1',\n          },\n        },\n        label: {\n          paddingInline: '4',\n          textStyle: 'comp/tag/sm',\n        },\n        endElement: {\n          width: '20',\n          height: '20',\n        },\n      },\n      md: {\n        root: {\n          height: '32',\n          paddingInline: '6',\n          '&:has(button)': {\n            paddingInlineEnd: rem(3),\n          },\n        },\n        startElement: {\n          marginInlineEnd: '-2px',\n        },\n        label: {\n          paddingInline: '6',\n          textStyle: 'comp/tag/md',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default tagSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,gBAAgB,iBAAiB;CACrC,WAAW;CACX,OAAO,WAAW,MAAM;CACxB,MAAM,EACJ,MAAM;EACJ,cAAc;EACd,iBAAiB;EACjB,cAAc;EACd,QAAQ;EACR,aAAa;EACb,SAAS;EACT,YAAY;EACZ,UAAU;EACV,OAAO;EACR,EACF;CACD,kBAAkB,CAChB;EACE,cAAc;EACd,UAAU;EACV,KAAK,EACH,MAAM,EACJ,OAAO,gBACR,EACF;EACF,CACF;CACD,UAAU;EACR,UAAU;GACR,MAAM,EACJ,MAAM;IACJ,iBAAiB;IACjB,aAAa;IACb,OAAO;IACR,EACF;GACD,OAAO,EAAE;GACV;EACD,MAAM;GACJ,IAAI;IACF,MAAM;KACJ,QAAQ;KACR,eAAe;KACf,iBAAiB,EACf,kBAAkB,KACnB;KACF;IACD,OAAO;KACL,eAAe;KACf,WAAW;KACZ;IACD,YAAY;KACV,OAAO;KACP,QAAQ;KACT;IACF;GACD,IAAI;IACF,MAAM;KACJ,QAAQ;KACR,eAAe;KACf,iBAAiB,EACf,kBAAkB,IAAI,EAAE,EACzB;KACF;IACD,cAAc,EACZ,iBAAiB,QAClB;IACD,OAAO;KACL,eAAe;KACf,WAAW;KACZ;IACF;GACF;EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -1,10 +1,10 @@
-import { rem as e } from "../themeUtils.js";
-import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
-import { tagsInputAnatomy as n } from "@chakra-ui/react/anatomy";
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { tagsInputAnatomy } from "@chakra-ui/react/anatomy";
 //#region lib/theme/slot-recipes/TagsInput.recipe.ts
-var r = t({
+var tagsInputSlotRecipe = defineSlotRecipe({
 	className: "tags-input",
-	slots: n.extendWith("tagsBlock", "suffixBlock").keys(),
+	slots: tagsInputAnatomy.extendWith("tagsBlock", "suffixBlock").keys(),
 	base: {
 		root: { width: "full" },
 		control: {
@@ -12,10 +12,10 @@ var r = t({
 			borderColor: "border/regular",
 			borderRadius: "4",
 			borderStyle: "solid",
-			borderWidth: e(1),
+			borderWidth: rem(1),
 			boxShadow: "inset/field",
 			display: "flex",
-			height: e(88),
+			height: rem(88),
 			overflowY: "auto",
 			transition: "border-color 200ms",
 			_focusWithin: { focusRing: "outside" },
@@ -59,7 +59,7 @@ var r = t({
 			background: "transparent",
 			color: "input/text/inputValue",
 			flex: "1",
-			minWidth: e(80),
+			minWidth: rem(80),
 			outline: "none",
 			_placeholder: { color: "input/text/placeholder" },
 			_disabled: {
@@ -79,7 +79,7 @@ var r = t({
 			borderColor: "sys/neutral/muted",
 			borderRadius: "4",
 			borderStyle: "solid",
-			borderWidth: e(1),
+			borderWidth: rem(1),
 			color: "text/primary",
 			display: "flex",
 			gap: "4",
@@ -163,4 +163,6 @@ var r = t({
 	defaultVariants: { size: "lg" }
 });
 //#endregion
-export { r as default };
+export { tagsInputSlotRecipe as default };
+
+//# sourceMappingURL=TagsInput.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TagsInput.recipe.ts"],"sourcesContent":["import { tagsInputAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst extendedTagsInputAnatomy = tagsInputAnatomy.extendWith('tagsBlock', 'suffixBlock');\n\nconst tagsInputSlotRecipe = defineSlotRecipe({\n  className: 'tags-input',\n  slots: extendedTagsInputAnatomy.keys(),\n  base: {\n    root: {\n      width: 'full',\n    },\n    control: {\n      background: 'background/primary',\n      borderColor: 'border/regular',\n      borderRadius: '4',\n      borderStyle: 'solid',\n      borderWidth: rem(1),\n      boxShadow: 'inset/field',\n      display: 'flex',\n      height: rem(88),\n      overflowY: 'auto',\n      transition: 'border-color 200ms',\n      _focusWithin: {\n        focusRing: 'outside',\n      },\n      _hover: {\n        borderColor: 'border/hover',\n      },\n      _invalid: {\n        borderColor: 'border/error',\n        _hover: {\n          borderColor: 'border/error',\n        },\n      },\n      _disabled: {\n        background: 'background/disabled',\n        borderColor: 'border/disabled',\n        cursor: 'not-allowed',\n        _hover: {\n          borderColor: 'border/disabled',\n        },\n      },\n      _readOnly: {\n        background: 'background/disabled',\n        borderColor: 'border/disabled',\n        _hover: {\n          borderColor: 'border/disabled',\n        },\n      },\n    },\n    tagsBlock: {\n      alignContent: 'flex-start',\n      display: 'flex',\n      flex: '1',\n      flexWrap: 'wrap',\n      gap: '8',\n      minWidth: 0,\n    },\n    suffixBlock: {\n      alignItems: 'center',\n      alignSelf: 'flex-start',\n      display: 'flex',\n      flexShrink: '0',\n      gap: '8',\n      paddingInline: '4',\n      position: 'sticky',\n      top: '0',\n      '&:has(button)': {\n        paddingInline: 0,\n      },\n    },\n    input: {\n      background: 'transparent',\n      color: 'input/text/inputValue',\n      flex: '1',\n      minWidth: rem(80),\n      outline: 'none',\n      _placeholder: {\n        color: 'input/text/placeholder',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        _placeholder: {\n          color: 'text/disabled',\n        },\n      },\n      _readOnly: {\n        display: 'none',\n      },\n    },\n    item: {\n      display: 'flex',\n      maxWidth: '100%',\n      minWidth: 0,\n    },\n    itemPreview: {\n      alignItems: 'center',\n      background: 'sys/neutral/subtle',\n      borderColor: 'sys/neutral/muted',\n      borderRadius: '4',\n      borderStyle: 'solid',\n      borderWidth: rem(1),\n      color: 'text/primary',\n      display: 'flex',\n      gap: '4',\n      height: '24',\n      maxWidth: '100%',\n      overflow: 'hidden',\n      paddingBlock: '2',\n      paddingInlineEnd: '1',\n      paddingInlineStart: '8',\n      textStyle: 'comp/tag/sm',\n      _highlighted: {\n        background: 'sys/neutral/moderate',\n      },\n      _disabled: {\n        background: 'background/disabled',\n        borderColor: 'border/disabled',\n        color: 'text/on-disabled',\n      },\n      '&:not(:has(button))': {\n        paddingInlineEnd: '8',\n      },\n    },\n    itemText: {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n    itemInput: {\n      background: 'transparent',\n      height: '24',\n      minWidth: '20',\n      outline: 'none',\n    },\n    itemDeleteTrigger: {\n      alignItems: 'center',\n      borderRadius: '2',\n      color: 'icon/secondary',\n      cursor: 'pointer',\n      display: 'flex',\n      flexShrink: '0',\n      height: '20',\n      justifyContent: 'center',\n      width: '20',\n      _hover: {\n        background: 'sys/neutral/moderate',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        opacity: '0.5',\n      },\n    },\n    clearTrigger: {\n      alignItems: 'center',\n      borderRadius: '4',\n      color: 'icon/secondary',\n      cursor: 'pointer',\n      display: 'flex',\n      justifyContent: 'center',\n      padding: '4',\n      _hover: {\n        background: 'sys/neutral/moderate',\n      },\n      _disabled: {\n        cursor: 'not-allowed',\n        opacity: '0.5',\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        control: {\n          paddingInline: '8',\n        },\n        tagsBlock: {\n          paddingBlock: '8',\n        },\n        suffixBlock: {\n          height: '40',\n        },\n        input: {\n          height: '24',\n          textStyle: 'body/md/regular',\n        },\n      },\n      lg: {\n        control: {\n          paddingInlineStart: '12',\n          paddingInlineEnd: '8',\n        },\n        tagsBlock: {\n          paddingBlock: '12',\n        },\n        suffixBlock: {\n          height: '48',\n        },\n        input: {\n          textStyle: 'body/lg/regular',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default tagsInputSlotRecipe;\n"],"mappings":";;;;AAOA,IAAM,sBAAsB,iBAAiB;CAC3C,WAAW;CACX,OAJ+B,iBAAiB,WAAW,aAAa,cAAc,CAItD,MAAM;CACtC,MAAM;EACJ,MAAM,EACJ,OAAO,QACR;EACD,SAAS;GACP,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa,IAAI,EAAE;GACnB,WAAW;GACX,SAAS;GACT,QAAQ,IAAI,GAAG;GACf,WAAW;GACX,YAAY;GACZ,cAAc,EACZ,WAAW,WACZ;GACD,QAAQ,EACN,aAAa,gBACd;GACD,UAAU;IACR,aAAa;IACb,QAAQ,EACN,aAAa,gBACd;IACF;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,QAAQ;IACR,QAAQ,EACN,aAAa,mBACd;IACF;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,QAAQ,EACN,aAAa,mBACd;IACF;GACF;EACD,WAAW;GACT,cAAc;GACd,SAAS;GACT,MAAM;GACN,UAAU;GACV,KAAK;GACL,UAAU;GACX;EACD,aAAa;GACX,YAAY;GACZ,WAAW;GACX,SAAS;GACT,YAAY;GACZ,KAAK;GACL,eAAe;GACf,UAAU;GACV,KAAK;GACL,iBAAiB,EACf,eAAe,GAChB;GACF;EACD,OAAO;GACL,YAAY;GACZ,OAAO;GACP,MAAM;GACN,UAAU,IAAI,GAAG;GACjB,SAAS;GACT,cAAc,EACZ,OAAO,0BACR;GACD,WAAW;IACT,QAAQ;IACR,cAAc,EACZ,OAAO,iBACR;IACF;GACD,WAAW,EACT,SAAS,QACV;GACF;EACD,MAAM;GACJ,SAAS;GACT,UAAU;GACV,UAAU;GACX;EACD,aAAa;GACX,YAAY;GACZ,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa,IAAI,EAAE;GACnB,OAAO;GACP,SAAS;GACT,KAAK;GACL,QAAQ;GACR,UAAU;GACV,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;GACX,cAAc,EACZ,YAAY,wBACb;GACD,WAAW;IACT,YAAY;IACZ,aAAa;IACb,OAAO;IACR;GACD,uBAAuB,EACrB,kBAAkB,KACnB;GACF;EACD,UAAU;GACR,UAAU;GACV,cAAc;GACd,YAAY;GACb;EACD,WAAW;GACT,YAAY;GACZ,QAAQ;GACR,UAAU;GACV,SAAS;GACV;EACD,mBAAmB;GACjB,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,QAAQ;GACR,gBAAgB;GAChB,OAAO;GACP,QAAQ,EACN,YAAY,wBACb;GACD,WAAW;IACT,QAAQ;IACR,SAAS;IACV;GACF;EACD,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,QAAQ,EACN,YAAY,wBACb;GACD,WAAW;IACT,QAAQ;IACR,SAAS;IACV;GACF;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,SAAS,EACP,eAAe,KAChB;GACD,WAAW,EACT,cAAc,KACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO;IACL,QAAQ;IACR,WAAW;IACZ;GACF;EACD,IAAI;GACF,SAAS;IACP,oBAAoB;IACpB,kBAAkB;IACnB;GACD,WAAW,EACT,cAAc,MACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -0,0 +1,35 @@
+declare const toastSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "icon" | "root" | "closeTrigger" | "description" | "indicator" | "timestamp" | "actionTrigger", {
+    variant: {
+        [k: string]: {
+            icon: {
+                color: string;
+            };
+            root: {
+                color: string;
+                border: string;
+                background: string;
+            } | {
+                color: string;
+                backgroundColor: string;
+                borderColor: string;
+            } | {
+                color: string;
+                backgroundColor: string;
+                borderColor: string;
+            } | {
+                color: string;
+                backgroundColor: string;
+                borderColor: string;
+            } | {
+                color: string;
+                backgroundColor: string;
+                borderColor: string;
+            } | {
+                color: string;
+                backgroundColor: string;
+                borderColor: string;
+            };
+        };
+    };
+}>;
+export default toastSlotRecipe;

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

@@ -1,12 +1,12 @@
-import { rem as e } from "../themeUtils.js";
-import { ICONS_MAP as t, NOTIFICATION_VARIANTS as n, ROOT_MAP as r, TEXT_MAP as i } from "../common/AlertAndToast.common.js";
-import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
-import { toastAnatomy as o } from "@chakra-ui/react/anatomy";
+import { rem } from "../themeUtils.js";
+import { ICONS_MAP, NOTIFICATION_VARIANTS, ROOT_MAP, TEXT_MAP } from "../common/AlertAndToast.common.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { toastAnatomy } from "@chakra-ui/react/anatomy";
 //#region lib/theme/slot-recipes/Toast.recipe.ts
-var s = a({
+var toastSlotRecipe = defineSlotRecipe({
 	className: "toast",
 	slots: [
-		...o.keys(),
+		...toastAnatomy.keys(),
 		"content",
 		"icon",
 		"timestamp"
@@ -35,7 +35,7 @@ var s = a({
 			paddingInline: "12",
 			position: "relative",
 			translate: "var(--x) var(--y)",
-			width: e(480),
+			width: rem(480),
 			willChange: "translate, opacity, scale",
 			transition: "translate 400ms, scale 400ms, opacity 400ms, height 400ms, box-shadow 200ms",
 			transitionTimingFunction: "cubic-bezier(0.21, 1.02, 0.73, 1)",
@@ -58,14 +58,16 @@ var s = a({
 			position: "absolute"
 		}
 	},
-	variants: { variant: Object.fromEntries(n.map((e) => [e, {
-		icon: { color: t[e] },
+	variants: { variant: Object.fromEntries(NOTIFICATION_VARIANTS.map((v) => [v, {
+		icon: { color: ICONS_MAP[v] },
 		root: {
-			...r[e],
-			color: i[e]
+			...ROOT_MAP[v],
+			color: TEXT_MAP[v]
 		}
 	}])) },
 	defaultVariants: { variant: "info" }
 });
 //#endregion
-export { s as default };
+export { toastSlotRecipe as default };
+
+//# sourceMappingURL=Toast.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Toast.recipe.ts"],"sourcesContent":["import { toastAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { ICONS_MAP, NOTIFICATION_VARIANTS, ROOT_MAP, TEXT_MAP } from '../common/AlertAndToast.common';\nimport { rem } from '../themeUtils';\n\nconst toastSlotRecipe = defineSlotRecipe({\n  className: 'toast',\n  slots: [...toastAnatomy.keys(), 'content', 'icon', 'timestamp'],\n  base: {\n    actionTrigger: {\n      marginBlockStart: '16',\n    },\n    content: {\n      flex: 1,\n      minWidth: 0,\n    },\n    description: {\n      textStyle: 'comp/notification/message',\n    },\n    icon: {\n      alignSelf: 'flex-start',\n      flexShrink: 0,\n      height: '24',\n      width: '24',\n    },\n    root: {\n      alignItems: 'flex-start',\n      border: '1px solid',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      gap: '8',\n      paddingBlock: '16',\n      paddingInline: '12',\n      position: 'relative',\n      translate: 'var(--x) var(--y)',\n      width: rem(480),\n      willChange: 'translate, opacity, scale',\n      transition: 'translate 400ms, scale 400ms, opacity 400ms, height 400ms, box-shadow 200ms',\n      transitionTimingFunction: 'cubic-bezier(0.21, 1.02, 0.73, 1)',\n      _closed: {\n        transition: 'translate 400ms, scale 400ms, opacity 200ms',\n        transitionTimingFunction: 'cubic-bezier(0.06, 0.71, 0.55, 1)',\n      },\n    },\n    timestamp: {\n      marginBlockStart: '16',\n      textStyle: 'comp/notification/message',\n    },\n    title: {\n      marginBlockEnd: '2',\n      textStyle: 'comp/notification/title',\n    },\n    closeTrigger: {\n      insetBlockStart: '12',\n      insetInlineEnd: '12',\n      position: 'absolute',\n    },\n  },\n  variants: {\n    variant: Object.fromEntries(\n      NOTIFICATION_VARIANTS.map((v) => [\n        v,\n        {\n          icon: { color: ICONS_MAP[v] },\n          root: { ...ROOT_MAP[v], color: TEXT_MAP[v] },\n        },\n      ]),\n    ),\n  },\n  defaultVariants: {\n    variant: 'info',\n  },\n});\n\nexport default toastSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO;EAAC,GAAG,aAAa,MAAM;EAAE;EAAW;EAAQ;EAAY;CAC/D,MAAM;EACJ,eAAe,EACb,kBAAkB,MACnB;EACD,SAAS;GACP,MAAM;GACN,UAAU;GACX;EACD,aAAa,EACX,WAAW,6BACZ;EACD,MAAM;GACJ,WAAW;GACX,YAAY;GACZ,QAAQ;GACR,OAAO;GACR;EACD,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,cAAc;GACd,WAAW;GACX,SAAS;GACT,KAAK;GACL,cAAc;GACd,eAAe;GACf,UAAU;GACV,WAAW;GACX,OAAO,IAAI,IAAI;GACf,YAAY;GACZ,YAAY;GACZ,0BAA0B;GAC1B,SAAS;IACP,YAAY;IACZ,0BAA0B;IAC3B;GACF;EACD,WAAW;GACT,kBAAkB;GAClB,WAAW;GACZ;EACD,OAAO;GACL,gBAAgB;GAChB,WAAW;GACZ;EACD,cAAc;GACZ,iBAAiB;GACjB,gBAAgB;GAChB,UAAU;GACX;EACF;CACD,UAAU,EACR,SAAS,OAAO,YACd,sBAAsB,KAAK,MAAM,CAC/B,GACA;EACE,MAAM,EAAE,OAAO,UAAU,IAAI;EAC7B,MAAM;GAAE,GAAG,SAAS;GAAI,OAAO,SAAS;GAAI;EAC7C,CACF,CAAC,CACH,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CAAC"}

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

@@ -1,10 +1,10 @@
-import { rem as e } from "../themeUtils.js";
-import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
-import { tooltipAnatomy as n } from "@chakra-ui/react/anatomy";
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { tooltipAnatomy } from "@chakra-ui/react/anatomy";
 //#region lib/theme/slot-recipes/Tooltip.recipe.ts
-var r = t({
+var tooltipSlotRecipe = defineSlotRecipe({
 	className: "tooltip",
-	slots: n.keys(),
+	slots: tooltipAnatomy.keys(),
 	base: {
 		positioner: {
 			fontFamily: "body",
@@ -27,12 +27,12 @@ var r = t({
 			}
 		},
 		arrow: {
-			"--arrow-size": e(8),
+			"--arrow-size": rem(8),
 			"--arrow-background": "var(--tooltip-bg)"
 		},
 		arrowTip: {
-			borderTopWidth: e(1),
-			borderInlineStartWidth: e(1),
+			borderTopWidth: rem(1),
+			borderInlineStartWidth: rem(1),
 			borderColor: "var(--tooltip-bg)"
 		}
 	},
@@ -76,4 +76,6 @@ var r = t({
 	}
 });
 //#endregion
-export { r as default };
+export { tooltipSlotRecipe as default };
+
+//# sourceMappingURL=Tooltip.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Tooltip.recipe.ts"],"sourcesContent":["import { tooltipAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst tooltipSlotRecipe = defineSlotRecipe({\n  className: 'tooltip',\n  slots: tooltipAnatomy.keys(),\n  base: {\n    positioner: {\n      fontFamily: 'body',\n      pointerEvents: 'none',\n    },\n    content: {\n      '--tooltip-bg': 'colors.background.contrast',\n      backgroundColor: 'var(--tooltip-bg)',\n      color: 'text/on-contrast',\n      boxShadow: 'elevation/tooltip',\n      zIndex: 'tooltip',\n      transformOrigin: 'var(--transform-origin)',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'fast',\n      },\n    },\n    arrow: {\n      '--arrow-size': rem(8),\n      '--arrow-background': 'var(--tooltip-bg)',\n    },\n    arrowTip: {\n      borderTopWidth: rem(1),\n      borderInlineStartWidth: rem(1),\n      borderColor: 'var(--tooltip-bg)',\n    },\n  },\n  variants: {\n    variant: {\n      dark: {\n        content: {\n          '--tooltip-bg': 'colors.background.contrast',\n          color: 'text/on-contrast',\n        },\n      },\n      light: {\n        content: {\n          '--tooltip-bg': 'colors.background.tertiary',\n          color: 'text/primary',\n        },\n      },\n    },\n    paddingSize: {\n      sm: {\n        content: {\n          paddingInline: '8',\n          paddingBlock: '4',\n          borderRadius: '4',\n        },\n      },\n      md: {\n        content: {\n          paddingInline: '12',\n          paddingBlock: '8',\n          borderRadius: '8',\n        },\n      },\n      lg: {\n        content: {\n          padding: '16',\n          borderRadius: '8',\n        },\n      },\n    },\n    textStyle: {\n      'sm/regular': {\n        content: {\n          textStyle: 'body/sm/regular',\n        },\n      },\n      'sm/semibold': {\n        content: {\n          textStyle: 'body/sm/semibold',\n        },\n      },\n      'md/regular': {\n        content: {\n          textStyle: 'body/md/regular',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'dark',\n    paddingSize: 'md',\n    textStyle: 'md/regular',\n  },\n});\n\nexport default tooltipSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO,eAAe,MAAM;CAC5B,MAAM;EACJ,YAAY;GACV,YAAY;GACZ,eAAe;GAChB;EACD,SAAS;GACP,gBAAgB;GAChB,iBAAiB;GACjB,OAAO;GACP,WAAW;GACX,QAAQ;GACR,iBAAiB;GACjB,OAAO;IACL,gBAAgB;IAChB,mBAAmB;IACpB;GACD,SAAS;IACP,gBAAgB;IAChB,mBAAmB;IACpB;GACF;EACD,OAAO;GACL,gBAAgB,IAAI,EAAE;GACtB,sBAAsB;GACvB;EACD,UAAU;GACR,gBAAgB,IAAI,EAAE;GACtB,wBAAwB,IAAI,EAAE;GAC9B,aAAa;GACd;EACF;CACD,UAAU;EACR,SAAS;GACP,MAAM,EACJ,SAAS;IACP,gBAAgB;IAChB,OAAO;IACR,EACF;GACD,OAAO,EACL,SAAS;IACP,gBAAgB;IAChB,OAAO;IACR,EACF;GACF;EACD,aAAa;GACX,IAAI,EACF,SAAS;IACP,eAAe;IACf,cAAc;IACd,cAAc;IACf,EACF;GACD,IAAI,EACF,SAAS;IACP,eAAe;IACf,cAAc;IACd,cAAc;IACf,EACF;GACD,IAAI,EACF,SAAS;IACP,SAAS;IACT,cAAc;IACf,EACF;GACF;EACD,WAAW;GACT,cAAc,EACZ,SAAS,EACP,WAAW,mBACZ,EACF;GACD,eAAe,EACb,SAAS,EACP,WAAW,oBACZ,EACF;GACD,cAAc,EACZ,SAAS,EACP,WAAW,mBACZ,EACF;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,aAAa;EACb,WAAW;EACZ;CACF,CAAC"}