@bitrise/bitkit-v2 0.3.204 → 0.3.206

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Switch.recipe.ts"],"sourcesContent":["import { switchAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst switchSlotRecipe = defineSlotRecipe({\n  slots: switchAnatomy.keys(),\n  className: 'switch',\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '8',\n      '--switch-diff': 'calc(var(--switch-width) - var(--switch-height))',\n      '--switch-x': {\n        base: 'var(--switch-diff)',\n        _rtl: 'calc(var(--switch-diff) * -1)',\n      },\n    },\n\n    label: {\n      _disabled: {\n        color: 'text/disabled',\n      },\n    },\n\n    indicator: {\n      color: 'icon/on-color',\n      position: 'absolute',\n      width: 'var(--switch-height)',\n      height: 'var(--switch-height)',\n      display: 'grid',\n      placeContent: 'center',\n      userSelect: 'none',\n      insetInlineStart: 'calc(var(--switch-x) - 2px)',\n      _checked: {\n        insetInlineStart: '2',\n      },\n    },\n\n    control: {\n      position: 'relative',\n      display: 'inline-flex',\n      width: 'var(--switch-width)',\n      height: 'var(--switch-height)',\n      bg: 'input/toggle/frameOff',\n      cursor: 'pointer',\n      transition: 'backgrounds',\n      _checked: {\n        bg: 'input/toggle/frameOn',\n        _disabled: {\n          bg: 'input/toggle/frameOn-disabled',\n        },\n      },\n      _disabled: {\n        bg: 'input/toggle/frameOff-disabled',\n        cursor: 'not-allowed',\n      },\n      _readOnly: {\n        cursor: 'default',\n      },\n      focusVisibleRing: 'outside',\n    },\n\n    thumb: {\n      width: 'var(--switch-height)',\n      height: 'var(--switch-height)',\n      bg: 'input/toggle/slideOff',\n      boxShadow: 'elevation/sm',\n      scale: '0.8',\n      borderRadius: 'inherit',\n      transitionProperty: 'translate',\n      transitionDuration: 'fast',\n      _checked: {\n        bg: 'input/toggle/slideOn',\n        translate: 'var(--switch-x) 0',\n      },\n      _disabled: {\n        bg: 'input/toggle/slideOff-disabled',\n        _checked: {\n          bg: 'input/toggle/slideOn-disabled',\n        },\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      sm: {\n        root: {\n          '--switch-width': rem(32),\n          '--switch-height': rem(16),\n          '--switch-indicator-font-size': rem(12),\n        },\n        control: {\n          borderRadius: '8',\n        },\n        label: {\n          textStyle: 'body/sm/regular',\n        },\n      },\n      md: {\n        root: {\n          '--switch-width': rem(48),\n          '--switch-height': rem(24),\n          '--switch-indicator-font-size': rem(16),\n        },\n        control: {\n          borderRadius: '12',\n        },\n        label: {\n          textStyle: 'body/lg/regular',\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default switchSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO,cAAc,MAAM;CAC3B,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,cAAc;IACZ,MAAM;IACN,MAAM;IACP;GACF;EAED,OAAO,EACL,WAAW,EACT,OAAO,iBACR,EACF;EAED,WAAW;GACT,OAAO;GACP,UAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAS;GACT,cAAc;GACd,YAAY;GACZ,kBAAkB;GAClB,UAAU,EACR,kBAAkB,KACnB;GACF;EAED,SAAS;GACP,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,QAAQ;GACR,YAAY;GACZ,UAAU;IACR,IAAI;IACJ,WAAW,EACT,IAAI,iCACL;IACF;GACD,WAAW;IACT,IAAI;IACJ,QAAQ;IACT;GACD,WAAW,EACT,QAAQ,WACT;GACD,kBAAkB;GACnB;EAED,OAAO;GACL,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,WAAW;GACX,OAAO;GACP,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,UAAU;IACR,IAAI;IACJ,WAAW;IACZ;GACD,WAAW;IACT,IAAI;IACJ,UAAU,EACR,IAAI,iCACL;IACF;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,KACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACD,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,MACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CAED,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"Switch.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Switch.recipe.ts"],"sourcesContent":["import { switchAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst switchSlotRecipe = defineSlotRecipe({\n  slots: switchAnatomy.keys(),\n  className: 'switch',\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '8',\n      '--switch-diff': 'calc(var(--switch-width) - var(--switch-height))',\n      '--switch-x': {\n        base: 'var(--switch-diff)',\n        _rtl: 'calc(var(--switch-diff) * -1)',\n      },\n    },\n\n    label: {\n      _disabled: {\n        color: 'text/disabled',\n      },\n    },\n\n    indicator: {\n      color: 'icon/on-color',\n      position: 'absolute',\n      width: 'var(--switch-height)',\n      height: 'var(--switch-height)',\n      display: 'grid',\n      placeContent: 'center',\n      userSelect: 'none',\n      insetInlineStart: 'calc(var(--switch-x) - 2px)',\n      _checked: {\n        insetInlineStart: '2',\n      },\n    },\n\n    control: {\n      position: 'relative',\n      display: 'inline-flex',\n      width: 'var(--switch-width)',\n      height: 'var(--switch-height)',\n      bg: 'input/switch/off/track',\n      cursor: 'pointer',\n      transition: 'backgrounds',\n      _checked: {\n        bg: 'input/switch/on/track',\n        _disabled: {\n          bg: 'input/switch/on/track-disabled',\n        },\n      },\n      _disabled: {\n        bg: 'input/switch/off/track-disabled',\n        cursor: 'not-allowed',\n      },\n      _readOnly: {\n        cursor: 'default',\n      },\n      focusVisibleRing: 'outside',\n    },\n\n    thumb: {\n      width: 'var(--switch-height)',\n      height: 'var(--switch-height)',\n      bg: 'input/switch/off/thumb',\n      boxShadow: 'elevation/sm',\n      scale: '0.8',\n      borderRadius: 'inherit',\n      transitionProperty: 'translate',\n      transitionDuration: 'fast',\n      _checked: {\n        bg: 'input/switch/on/thumb',\n        translate: 'var(--switch-x) 0',\n      },\n      _disabled: {\n        bg: 'input/switch/off/thumb-disabled',\n        _checked: {\n          bg: 'input/switch/on/thumb-disabled',\n        },\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          '--switch-width': rem(32),\n          '--switch-height': rem(16),\n          '--switch-indicator-font-size': rem(12),\n        },\n        control: {\n          borderRadius: '8',\n        },\n        label: {\n          textStyle: 'body/md/regular',\n        },\n      },\n      lg: {\n        root: {\n          '--switch-width': rem(48),\n          '--switch-height': rem(24),\n          '--switch-indicator-font-size': rem(16),\n        },\n        control: {\n          borderRadius: '12',\n        },\n        label: {\n          textStyle: 'body/lg/regular',\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default switchSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,OAAO,cAAc,MAAM;CAC3B,WAAW;CACX,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,cAAc;IACZ,MAAM;IACN,MAAM;IACP;GACF;EAED,OAAO,EACL,WAAW,EACT,OAAO,iBACR,EACF;EAED,WAAW;GACT,OAAO;GACP,UAAU;GACV,OAAO;GACP,QAAQ;GACR,SAAS;GACT,cAAc;GACd,YAAY;GACZ,kBAAkB;GAClB,UAAU,EACR,kBAAkB,KACnB;GACF;EAED,SAAS;GACP,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,QAAQ;GACR,YAAY;GACZ,UAAU;IACR,IAAI;IACJ,WAAW,EACT,IAAI,kCACL;IACF;GACD,WAAW;IACT,IAAI;IACJ,QAAQ;IACT;GACD,WAAW,EACT,QAAQ,WACT;GACD,kBAAkB;GACnB;EAED,OAAO;GACL,OAAO;GACP,QAAQ;GACR,IAAI;GACJ,WAAW;GACX,OAAO;GACP,cAAc;GACd,oBAAoB;GACpB,oBAAoB;GACpB,UAAU;IACR,IAAI;IACJ,WAAW;IACZ;GACD,WAAW;IACT,IAAI;IACJ,UAAU,EACR,IAAI,kCACL;IACF;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,KACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACD,IAAI;GACF,MAAM;IACJ,kBAAkB,IAAI,GAAG;IACzB,mBAAmB,IAAI,GAAG;IAC1B,gCAAgC,IAAI,GAAG;IACxC;GACD,SAAS,EACP,cAAc,MACf;GACD,OAAO,EACL,WAAW,mBACZ;GACF;EACF,EACF;CAED,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -2,7 +2,8 @@ declare const tagsInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefiniti
     size: {
         md: {
             control: {
-                paddingInline: "8";
+                paddingInlineEnd: "12";
+                paddingInlineStart: "8";
             };
             tagsBlock: {
                 paddingBlock: "8";
@@ -12,13 +13,15 @@ declare const tagsInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefiniti
             };
             input: {
                 height: "24";
-                textStyle: "body/md/regular";
+                fontSize: "0.875rem";
+                fontWeight: "400";
+                lineHeight: "normal";
             };
         };
         lg: {
             control: {
+                paddingInlineEnd: "16";
                 paddingInlineStart: "12";
-                paddingInlineEnd: "8";
             };
             tagsBlock: {
                 paddingBlock: "12";
@@ -27,7 +30,9 @@ declare const tagsInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefiniti
                 height: "48";
             };
             input: {
-                textStyle: "body/lg/regular";
+                fontSize: "1rem";
+                fontWeight: "400";
+                lineHeight: "normal";
             };
         };
     };

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

@@ -8,6 +8,7 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 	base: {
 		root: { width: "full" },
 		control: {
+			alignItems: "flex-start",
 			background: "background/primary",
 			borderColor: "border/regular",
 			borderRadius: "4",
@@ -38,6 +39,7 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 		},
 		tagsBlock: {
 			alignContent: "flex-start",
+			alignItems: "center",
 			display: "flex",
 			flex: "1",
 			flexWrap: "wrap",
@@ -59,8 +61,10 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 			background: "transparent",
 			color: "input/text/inputValue",
 			flex: "1",
+			lineHeight: "normal",
 			minWidth: rem(80),
 			outline: "none",
+			paddingInlineStart: "4",
 			_placeholder: { color: "input/text/placeholder" },
 			_disabled: {
 				cursor: "not-allowed",
@@ -142,22 +146,31 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 	},
 	variants: { size: {
 		md: {
-			control: { paddingInline: "8" },
+			control: {
+				paddingInlineEnd: "12",
+				paddingInlineStart: "8"
+			},
 			tagsBlock: { paddingBlock: "8" },
 			suffixBlock: { height: "40" },
 			input: {
 				height: "24",
-				textStyle: "body/md/regular"
+				fontSize: "0.875rem",
+				fontWeight: "400",
+				lineHeight: "normal"
 			}
 		},
 		lg: {
 			control: {
-				paddingInlineStart: "12",
-				paddingInlineEnd: "8"
+				paddingInlineEnd: "16",
+				paddingInlineStart: "12"
 			},
 			tagsBlock: { paddingBlock: "12" },
 			suffixBlock: { height: "48" },
-			input: { textStyle: "body/lg/regular" }
+			input: {
+				fontSize: "1rem",
+				fontWeight: "400",
+				lineHeight: "normal"
+			}
 		}
 	} },
 	defaultVariants: { size: "lg" }

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

@@ -1 +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"}
+{"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      alignItems: 'flex-start',\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      alignItems: 'center',\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      lineHeight: 'normal',\n      minWidth: rem(80),\n      outline: 'none',\n      // Per Figma, the empty-state placeholder is offset 4px further from the control's\n      // left edge than a filled-state tag chip. That 4px comes from an \"input\" layer in\n      // Figma that wraps the typing area — in our recipe we apply it as a left padding on\n      // the typing <input> itself so tag chips (which live alongside but not inside the\n      // input) remain flush with the control's padding.\n      paddingInlineStart: '4',\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      // Padding values below match the Figma control + input layer spec exactly\n      // (see FRONTEND-572 thread / Figma node 1941:3510 for md, 1941:3487 for lg).\n      // The outer control carries the size-specific padding; the inner tagsBlock adds a\n      // constant 4px horizontal padding (set in the base) around the content regardless of size.\n      md: {\n        control: {\n          paddingInlineEnd: '12',\n          paddingInlineStart: '8',\n        },\n        // paddingBlock lives on tagsBlock (not control) so the suffixBlock (clear button) sits\n        // at the control's inner top and its vertical center lines up with the first tag-row /\n        // placeholder center — matches Figma's filled-state layout.\n        tagsBlock: {\n          paddingBlock: '8',\n        },\n        suffixBlock: {\n          height: '40',\n        },\n        input: {\n          height: '24',\n          fontSize: '0.875rem',\n          fontWeight: '400',\n          lineHeight: 'normal',\n        },\n      },\n      lg: {\n        control: {\n          paddingInlineEnd: '16',\n          paddingInlineStart: '12',\n        },\n        tagsBlock: {\n          paddingBlock: '12',\n        },\n        suffixBlock: {\n          height: '48',\n        },\n        input: {\n          fontSize: '1rem',\n          fontWeight: '400',\n          lineHeight: 'normal',\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,cAIjE,CAAyB,MAAM;CACtC,MAAM;EACJ,MAAM,EACJ,OAAO,QACR;EACD,SAAS;GACP,YAAY;GACZ,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,YAAY;GACZ,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,YAAY;GACZ,UAAU,IAAI,GAAG;GACjB,SAAS;GAMT,oBAAoB;GACpB,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;EAKJ,IAAI;GACF,SAAS;IACP,kBAAkB;IAClB,oBAAoB;IACrB;GAID,WAAW,EACT,cAAc,KACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO;IACL,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,YAAY;IACb;GACF;EACD,IAAI;GACF,SAAS;IACP,kBAAkB;IAClB,oBAAoB;IACrB;GACD,WAAW,EACT,cAAc,MACf;GACD,aAAa,EACX,QAAQ,MACT;GACD,OAAO;IACL,UAAU;IACV,YAAY;IACZ,YAAY;IACb;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -17,7 +17,10 @@ var toastSlotRecipe = defineSlotRecipe({
 			flex: 1,
 			minWidth: 0
 		},
-		description: { textStyle: "comp/notification/message" },
+		description: {
+			textStyle: "comp/notification/message",
+			"&:first-child": { paddingBlockStart: "2" }
+		},
 		icon: {
 			alignSelf: "flex-start",
 			flexShrink: 0,

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

@@ -1 +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"}
+{"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      '&:first-child': {\n        paddingBlockStart: '2',\n      },\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;GACX,WAAW;GACX,iBAAiB,EACf,mBAAmB,KACpB;GACF;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/TreeView.recipe.d.ts

@@ -102,6 +102,7 @@ declare const treeViewSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinitio
                     background: "border/minimal";
                 };
                 '& > svg': {
+                    color: "icon/secondary";
                     marginBlockStart: string;
                 };
                 _selected: {

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

@@ -207,7 +207,10 @@ var treeViewSlotRecipe = defineSlotRecipe({
 					height: "1",
 					background: "border/minimal"
 				},
-				"& > svg": { marginBlockStart: rem(9) },
+				"& > svg": {
+					color: "icon/secondary",
+					marginBlockStart: rem(9)
+				},
 				_selected: { "&::after": {
 					content: "\"\"",
 					position: "absolute",

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

@@ -1 +1 @@
-{"version":3,"file":"TreeView.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TreeView.recipe.ts"],"sourcesContent":["import { treeViewAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst baseItemStyle = {\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: 'var(--tree-item-gap)',\n  cursor: 'pointer',\n  userSelect: 'none',\n  position: 'relative',\n  '--tree-depth': 'calc(var(--depth) - 1)',\n  '--tree-indentation-offset': 'calc(var(--tree-indentation) * var(--tree-depth))',\n  '--tree-icon-offset': 'calc(var(--tree-icon-size) * var(--tree-depth) * 0.5)',\n  '--tree-offset': 'calc(var(--tree-padding-inline-start) + var(--tree-indentation-offset) + var(--tree-icon-offset))',\n  paddingInlineStart: 'var(--tree-offset)',\n  focusVisibleRing: 'inside',\n  focusRingWidth: '2px',\n  _hover: {\n    background: 'background/secondary',\n    _active: {\n      background: 'background/tertiary',\n    },\n  },\n  _active: {\n    background: 'background/tertiary',\n  },\n  _selected: {\n    background: 'background/selected',\n    _hover: {\n      background: 'background/selected-hover',\n      _active: {\n        background: 'background/selected-hover',\n      },\n    },\n    _active: {\n      background: 'background/selected-hover',\n    },\n  },\n  _disabled: {\n    opacity: 0.4,\n    cursor: 'not-allowed',\n  },\n} as const;\n\nconst baseTextStyle = {\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n} as const;\n\nconst treeViewSlotRecipe = defineSlotRecipe({\n  className: 'bitkit-tree-view',\n  slots: [...treeViewAnatomy.keys(), 'actionGroup', 'suffixGroup', 'secondaryText'],\n  base: {\n    root: {\n      width: 'full',\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    tree: {\n      display: 'flex',\n      flexDirection: 'column',\n      textStyle: 'body/md/regular',\n      color: 'text/body',\n      '--tree-item-gap': 'spacing.8',\n      '--tree-indentation': 'spacing.16',\n      '--tree-padding-inline-start': 'spacing.8',\n      '--tree-icon-size': 'spacing.16',\n      _icon: {\n        boxSize: 'var(--tree-icon-size)',\n      },\n    },\n    label: {\n      fontWeight: 'medium',\n      textStyle: 'body/sm/regular',\n    },\n    branch: {\n      position: 'relative',\n    },\n    branchContent: {\n      position: 'relative',\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    branchIndicator: {\n      display: 'flex',\n      justifyContent: 'center',\n      color: 'icon/secondary',\n    },\n    branchTrigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    branchControl: {\n      ...baseItemStyle,\n    },\n    item: {\n      ...baseItemStyle,\n    },\n    branchText: baseTextStyle,\n    itemText: baseTextStyle,\n    branchIndentGuide: {},\n    itemIndicator: {},\n    nodeCheckbox: {\n      display: 'inline-flex',\n    },\n    suffixGroup: {\n      display: 'flex',\n      gap: '8',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      color: 'text/secondary',\n      '[data-selected] > &, [data-state=\"open\"] > &': {\n        color: 'text/primary',\n      },\n      paddingInlineStart: '16',\n      flexShrink: 0,\n      _groupHover: {\n        display: 'none',\n      },\n    },\n    actionGroup: {\n      display: 'none',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      paddingInlineStart: '16',\n      flexShrink: 0,\n      _groupHover: {\n        display: 'flex',\n      },\n    },\n    secondaryText: {\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n    },\n  },\n  variants: {\n    variant: {\n      files: {\n        branchControl: {\n          borderRadius: '4',\n          paddingInlineEnd: '16',\n          '& > svg': {\n            marginBlockStart: '8',\n          },\n          '& > .badge': {\n            marginBlockStart: '6',\n          },\n        },\n        item: {\n          borderRadius: '4',\n          paddingInlineEnd: '16',\n          '& > svg': {\n            marginBlockStart: '8',\n          },\n          '& > .badge': {\n            marginBlockStart: '6',\n          },\n        },\n        branchIndicator: {\n          alignItems: 'flex-start',\n          marginBlockStart: '8',\n          alignSelf: 'stretch',\n          position: 'relative',\n          _open: {\n            '&::after': {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '16',\n              insetBlockEnd: 0,\n              insetInlineStart: '50%',\n              width: '1',\n              background: 'border/regular',\n            },\n          },\n        },\n        branchText: {\n          paddingBlock: '6',\n        },\n        itemText: {\n          paddingBlock: '6',\n        },\n        suffixGroup: {\n          height: rem(31),\n          '& > span': {\n            marginBlockEnd: '-1',\n          },\n        },\n        branchIndentGuide: {\n          height: '100%',\n          width: '1',\n          background: 'border/regular',\n          position: 'absolute',\n          insetBlockStart: 0,\n          '--tree-depth': 'calc(var(--depth) - 1)',\n          '--tree-indentation-offset': 'calc(var(--tree-indentation) * var(--tree-depth))',\n          '--tree-offset': 'calc(var(--tree-padding-inline-start) + var(--tree-indentation-offset))',\n          '--tree-icon-offset': 'calc(var(--tree-icon-size) * 0.5 * var(--depth))',\n          insetInlineStart: 'calc(var(--tree-offset) + var(--tree-icon-offset))',\n          zIndex: 1,\n        },\n      },\n      navigation: {\n        branchControl: {\n          borderRadius: 0,\n          paddingInlineEnd: '16',\n          '&::before': {\n            content: '\"\"',\n            position: 'absolute',\n            insetBlockStart: 0,\n            insetInlineStart: 'var(--tree-offset)',\n            insetInlineEnd: 0,\n            height: '1',\n            background: 'border/minimal',\n          },\n          _selected: {\n            '&::after': {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlock: 0,\n              insetInlineEnd: 0,\n              width: '4',\n              background: 'border/selected',\n              borderRadius: '0 2px 2px 0',\n            },\n          },\n        },\n        item: {\n          borderRadius: 0,\n          paddingInlineEnd: '16',\n          '&::before': {\n            content: '\"\"',\n            position: 'absolute',\n            insetBlockStart: 0,\n            insetInlineStart: 'var(--tree-offset)',\n            insetInlineEnd: 0,\n            height: '1',\n            background: 'border/minimal',\n          },\n          '& > svg': {\n            marginBlockStart: rem(9),\n          },\n          _selected: {\n            '&::after': {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlock: 0,\n              insetInlineEnd: 0,\n              width: '4',\n              background: 'border/selected',\n              borderRadius: '0 2px 2px 0',\n            },\n          },\n        },\n        branchIndicator: {\n          marginBlockStart: '8',\n          transformOrigin: 'center',\n          transitionDuration: 'normal',\n          transitionProperty: 'transform',\n          transitionTimingFunction: 'default',\n          _open: {\n            transform: 'rotate(90deg)',\n          },\n        },\n        branchText: {\n          paddingBlock: '8',\n          gap: '4',\n          _open: {\n            textStyle: 'body/md/semibold',\n            color: 'text/primary',\n          },\n        },\n        itemText: {\n          paddingBlock: '8',\n        },\n        suffixGroup: {\n          height: rem(35),\n          '& > span': {\n            marginBlockEnd: '-1',\n          },\n        },\n        branchIndentGuide: {\n          display: 'none',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'files',\n  },\n});\n\nexport default treeViewSlotRecipe;\n"],"mappings":"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"}
+{"version":3,"file":"TreeView.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/TreeView.recipe.ts"],"sourcesContent":["import { treeViewAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst baseItemStyle = {\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: 'var(--tree-item-gap)',\n  cursor: 'pointer',\n  userSelect: 'none',\n  position: 'relative',\n  '--tree-depth': 'calc(var(--depth) - 1)',\n  '--tree-indentation-offset': 'calc(var(--tree-indentation) * var(--tree-depth))',\n  '--tree-icon-offset': 'calc(var(--tree-icon-size) * var(--tree-depth) * 0.5)',\n  '--tree-offset': 'calc(var(--tree-padding-inline-start) + var(--tree-indentation-offset) + var(--tree-icon-offset))',\n  paddingInlineStart: 'var(--tree-offset)',\n  focusVisibleRing: 'inside',\n  focusRingWidth: '2px',\n  _hover: {\n    background: 'background/secondary',\n    _active: {\n      background: 'background/tertiary',\n    },\n  },\n  _active: {\n    background: 'background/tertiary',\n  },\n  _selected: {\n    background: 'background/selected',\n    _hover: {\n      background: 'background/selected-hover',\n      _active: {\n        background: 'background/selected-hover',\n      },\n    },\n    _active: {\n      background: 'background/selected-hover',\n    },\n  },\n  _disabled: {\n    opacity: 0.4,\n    cursor: 'not-allowed',\n  },\n} as const;\n\nconst baseTextStyle = {\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n} as const;\n\nconst treeViewSlotRecipe = defineSlotRecipe({\n  className: 'bitkit-tree-view',\n  slots: [...treeViewAnatomy.keys(), 'actionGroup', 'suffixGroup', 'secondaryText'],\n  base: {\n    root: {\n      width: 'full',\n      display: 'flex',\n      flexDirection: 'column',\n    },\n    tree: {\n      display: 'flex',\n      flexDirection: 'column',\n      textStyle: 'body/md/regular',\n      color: 'text/body',\n      '--tree-item-gap': 'spacing.8',\n      '--tree-indentation': 'spacing.16',\n      '--tree-padding-inline-start': 'spacing.8',\n      '--tree-icon-size': 'spacing.16',\n      _icon: {\n        boxSize: 'var(--tree-icon-size)',\n      },\n    },\n    label: {\n      fontWeight: 'medium',\n      textStyle: 'body/sm/regular',\n    },\n    branch: {\n      position: 'relative',\n    },\n    branchContent: {\n      position: 'relative',\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    branchIndicator: {\n      display: 'flex',\n      justifyContent: 'center',\n      color: 'icon/secondary',\n    },\n    branchTrigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    branchControl: {\n      ...baseItemStyle,\n    },\n    item: {\n      ...baseItemStyle,\n    },\n    branchText: baseTextStyle,\n    itemText: baseTextStyle,\n    branchIndentGuide: {},\n    itemIndicator: {},\n    nodeCheckbox: {\n      display: 'inline-flex',\n    },\n    suffixGroup: {\n      display: 'flex',\n      gap: '8',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      color: 'text/secondary',\n      '[data-selected] > &, [data-state=\"open\"] > &': {\n        color: 'text/primary',\n      },\n      paddingInlineStart: '16',\n      flexShrink: 0,\n      _groupHover: {\n        display: 'none',\n      },\n    },\n    actionGroup: {\n      display: 'none',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      paddingInlineStart: '16',\n      flexShrink: 0,\n      _groupHover: {\n        display: 'flex',\n      },\n    },\n    secondaryText: {\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n    },\n  },\n  variants: {\n    variant: {\n      files: {\n        branchControl: {\n          borderRadius: '4',\n          paddingInlineEnd: '16',\n          '& > svg': {\n            marginBlockStart: '8',\n          },\n          '& > .badge': {\n            marginBlockStart: '6',\n          },\n        },\n        item: {\n          borderRadius: '4',\n          paddingInlineEnd: '16',\n          '& > svg': {\n            marginBlockStart: '8',\n          },\n          '& > .badge': {\n            marginBlockStart: '6',\n          },\n        },\n        branchIndicator: {\n          alignItems: 'flex-start',\n          marginBlockStart: '8',\n          alignSelf: 'stretch',\n          position: 'relative',\n          _open: {\n            '&::after': {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '16',\n              insetBlockEnd: 0,\n              insetInlineStart: '50%',\n              width: '1',\n              background: 'border/regular',\n            },\n          },\n        },\n        branchText: {\n          paddingBlock: '6',\n        },\n        itemText: {\n          paddingBlock: '6',\n        },\n        suffixGroup: {\n          height: rem(31),\n          '& > span': {\n            marginBlockEnd: '-1',\n          },\n        },\n        branchIndentGuide: {\n          height: '100%',\n          width: '1',\n          background: 'border/regular',\n          position: 'absolute',\n          insetBlockStart: 0,\n          '--tree-depth': 'calc(var(--depth) - 1)',\n          '--tree-indentation-offset': 'calc(var(--tree-indentation) * var(--tree-depth))',\n          '--tree-offset': 'calc(var(--tree-padding-inline-start) + var(--tree-indentation-offset))',\n          '--tree-icon-offset': 'calc(var(--tree-icon-size) * 0.5 * var(--depth))',\n          insetInlineStart: 'calc(var(--tree-offset) + var(--tree-icon-offset))',\n          zIndex: 1,\n        },\n      },\n      navigation: {\n        branchControl: {\n          borderRadius: 0,\n          paddingInlineEnd: '16',\n          '&::before': {\n            content: '\"\"',\n            position: 'absolute',\n            insetBlockStart: 0,\n            insetInlineStart: 'var(--tree-offset)',\n            insetInlineEnd: 0,\n            height: '1',\n            background: 'border/minimal',\n          },\n          _selected: {\n            '&::after': {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlock: 0,\n              insetInlineEnd: 0,\n              width: '4',\n              background: 'border/selected',\n              borderRadius: '0 2px 2px 0',\n            },\n          },\n        },\n        item: {\n          borderRadius: 0,\n          paddingInlineEnd: '16',\n          '&::before': {\n            content: '\"\"',\n            position: 'absolute',\n            insetBlockStart: 0,\n            insetInlineStart: 'var(--tree-offset)',\n            insetInlineEnd: 0,\n            height: '1',\n            background: 'border/minimal',\n          },\n          // Direct-child selector (not Chakra's _icon) — the item also hosts nested SVGs in\n          // suffix/action/expand slots, and _icon's `:where(svg, [role=img])` would recolor\n          // and push those down too.\n          '& > svg': {\n            color: 'icon/secondary',\n            marginBlockStart: rem(9),\n          },\n          _selected: {\n            '&::after': {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlock: 0,\n              insetInlineEnd: 0,\n              width: '4',\n              background: 'border/selected',\n              borderRadius: '0 2px 2px 0',\n            },\n          },\n        },\n        branchIndicator: {\n          marginBlockStart: '8',\n          transformOrigin: 'center',\n          transitionDuration: 'normal',\n          transitionProperty: 'transform',\n          transitionTimingFunction: 'default',\n          _open: {\n            transform: 'rotate(90deg)',\n          },\n        },\n        branchText: {\n          paddingBlock: '8',\n          gap: '4',\n          _open: {\n            textStyle: 'body/md/semibold',\n            color: 'text/primary',\n          },\n        },\n        itemText: {\n          paddingBlock: '8',\n        },\n        suffixGroup: {\n          height: rem(35),\n          '& > span': {\n            marginBlockEnd: '-1',\n          },\n        },\n        branchIndentGuide: {\n          display: 'none',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'files',\n  },\n});\n\nexport default treeViewSlotRecipe;\n"],"mappings":"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"}

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

@@ -9,6 +9,7 @@ import checkboxSlotRecipe from "./Checkbox.recipe.js";
 import codeSnippetSlotRecipe from "./CodeSnippet.recipe.js";
 import collapsibleSlotRecipe from "./Collapsible.recipe.js";
 import comboboxSlotRecipe from "./Combobox.recipe.js";
+import dataWidgetSlotRecipe from "./DataWidget.recipe.js";
 import datePickerSlotRecipe from "./DatePicker.recipe.js";
 import { selectSlotRecipe } from "./Select.recipe.js";
 import datePickerSelectSlotRecipe from "./DatePickerSelect.recipe.js";
@@ -65,6 +66,7 @@ var slotRecipes = {
 	codeSnippet: codeSnippetSlotRecipe,
 	collapsible: collapsibleSlotRecipe,
 	combobox: comboboxSlotRecipe,
+	dataWidget: dataWidgetSlotRecipe,
 	datePicker: datePickerSlotRecipe,
 	datePickerSelect: datePickerSelectSlotRecipe,
 	dialog: dialogSlotRecipe,

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

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

package/dist/theme/text-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-styles.js","names":[],"sources":["../../lib/theme/text-styles.ts"],"sourcesContent":["import { defineTextStyles } from '@chakra-ui/react/styled-system';\n\nconst basicTextStyles = {\n  'mono/code-2': {\n    value: {\n      fontFamily: 'mono',\n      fontSize: '0.75rem',\n      lineHeight: '1rem',\n      letterSpacing: '-0.009375rem',\n      fontWeight: '400',\n    },\n  },\n  'mono/code-3': {\n    value: {\n      fontFamily: 'mono',\n      fontSize: '0.875rem',\n      lineHeight: '1.25rem',\n      letterSpacing: '-0.009375rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-1/normal': {\n    value: {\n      lineHeight: '1rem',\n      fontSize: '0.75rem',\n      letterSpacing: '0.009375rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-1/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1rem',\n      fontSize: '0.75rem',\n      letterSpacing: '0.009375rem',\n    },\n  },\n  'sans/size-1/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '1rem',\n      fontSize: '0.75rem',\n      letterSpacing: '0.009375rem',\n    },\n  },\n  'sans/size-1/uppercase-bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '1rem',\n      fontSize: '0.75rem',\n      letterSpacing: '0.009375rem',\n      textTransform: 'uppercase',\n    },\n  },\n  'sans/size-2/normal': {\n    value: {\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-2/normal-underline': {\n    value: {\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n      textDecoration: 'underline',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-2/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n    },\n  },\n  'sans/size-2/semibold-underline': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n      textDecoration: 'underline',\n    },\n  },\n  'sans/size-2/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n    },\n  },\n  'sans/size-2/uppercase-normal': {\n    value: {\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n      letterSpacing: '0.009375rem',\n      textTransform: 'uppercase',\n    },\n  },\n  'sans/size-2/uppercase-semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n      letterSpacing: '0.009375rem',\n      textTransform: 'uppercase',\n    },\n  },\n  'sans/size-3/normal': {\n    value: {\n      lineHeight: '1.5rem',\n      fontSize: '1rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-3/normal-underline': {\n    value: {\n      lineHeight: '1.5rem',\n      fontSize: '1rem',\n      textDecoration: 'underline',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-3/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.5rem',\n      fontSize: '1rem',\n    },\n  },\n  'sans/size-3/semibold-underline': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.5rem',\n      fontSize: '1rem',\n      textDecoration: 'underline',\n    },\n  },\n  'sans/size-3/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '1.5rem',\n      fontSize: '1rem',\n    },\n  },\n  'sans/size-4/normal': {\n    value: {\n      lineHeight: '1.75rem',\n      fontSize: '1.1875rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-4/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.75rem',\n      fontSize: '1.1875rem',\n    },\n  },\n  'sans/size-4/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '1.75rem',\n      fontSize: '1.1875rem',\n    },\n  },\n  'sans/size-5/normal': {\n    value: {\n      lineHeight: '2.25rem',\n      fontSize: '1.5rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-5/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '2.25rem',\n      fontSize: '1.5rem',\n    },\n  },\n  'sans/size-5/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '2.25rem',\n      fontSize: '1.5rem',\n    },\n  },\n  'sans/size-6/normal': {\n    value: {\n      lineHeight: '2.5rem',\n      fontSize: '1.875rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-6/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '2.5rem',\n      fontSize: '1.875rem',\n    },\n  },\n  'sans/size-6/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '2.5rem',\n      fontSize: '1.875rem',\n    },\n  },\n  'sans/size-7/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '3rem',\n      fontSize: '2.25rem',\n    },\n  },\n  'sans/size-7/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '3rem',\n      fontSize: '2.25rem',\n    },\n  },\n  'sans/size-8/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '3.75rem',\n      fontSize: '3rem',\n    },\n  },\n  'sans/size-8/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '3.75rem',\n      fontSize: '3rem',\n    },\n  },\n};\n\nexport const dataObject = {\n  ...basicTextStyles,\n  'display/lg': basicTextStyles['sans/size-8/bold'],\n  'display/sm': basicTextStyles['sans/size-7/bold'],\n  'heading/h1': basicTextStyles['sans/size-6/bold'],\n  'heading/h2': basicTextStyles['sans/size-5/bold'],\n  'heading/h3': basicTextStyles['sans/size-4/bold'],\n  'heading/h4': basicTextStyles['sans/size-3/bold'],\n  'heading/h5': basicTextStyles['sans/size-2/bold'],\n  'heading/h6': basicTextStyles['sans/size-1/uppercase-bold'],\n  'heading/mobile/h1': basicTextStyles['sans/size-5/bold'],\n  'heading/mobile/h2': basicTextStyles['sans/size-4/bold'],\n  'heading/mobile/h3': basicTextStyles['sans/size-3/bold'],\n  'body/sm/regular': basicTextStyles['sans/size-1/normal'],\n  'body/sm/semibold': basicTextStyles['sans/size-1/semibold'],\n  'body/md/regular': basicTextStyles['sans/size-2/normal'],\n  'body/md/semibold': basicTextStyles['sans/size-2/semibold'],\n  'body/md/underline': basicTextStyles['sans/size-2/normal-underline'],\n  'body/lg/regular': basicTextStyles['sans/size-3/normal'],\n  'body/lg/semibold': basicTextStyles['sans/size-3/semibold'],\n  'body/lg/underline': basicTextStyles['sans/size-3/normal-underline'],\n  'body/xl/regular': basicTextStyles['sans/size-4/normal'],\n  'body/xl/semibold': basicTextStyles['sans/size-4/semibold'],\n  'body/2xl/regular': basicTextStyles['sans/size-5/normal'],\n  'body/2xl/semibold': basicTextStyles['sans/size-5/semibold'],\n  'body/3xl/regular': basicTextStyles['sans/size-6/normal'],\n  'body/3xl/semibold': basicTextStyles['sans/size-6/semibold'],\n  'code/md': basicTextStyles['mono/code-2'],\n  'code/lg': basicTextStyles['mono/code-3'],\n  'comp/button/sm': basicTextStyles['sans/size-2/semibold'],\n  'comp/button/md': basicTextStyles['sans/size-2/semibold'],\n  'comp/button/lg': basicTextStyles['sans/size-3/semibold'],\n  'comp/notification/title': basicTextStyles['sans/size-3/semibold'],\n  'comp/notification/message': basicTextStyles['sans/size-2/normal'],\n  'comp/notification/message-link': basicTextStyles['sans/size-2/normal-underline'],\n  'comp/notification/button': basicTextStyles['sans/size-2/normal'],\n  'comp/input/label': basicTextStyles['sans/size-2/semibold'],\n  'comp/input/helperText': basicTextStyles['sans/size-1/normal'],\n  'comp/link/md': basicTextStyles['sans/size-2/normal'],\n  'comp/link/md-hover': basicTextStyles['sans/size-2/normal-underline'],\n  'comp/link/lg': basicTextStyles['sans/size-3/normal'],\n  'comp/link/lg-hover': basicTextStyles['sans/size-3/normal-underline'],\n  'comp/data/sm': basicTextStyles['sans/size-3/normal'],\n  'comp/data/md': basicTextStyles['sans/size-5/semibold'],\n  'comp/data/lg': basicTextStyles['sans/size-6/semibold'],\n  'comp/tabs/line': basicTextStyles['sans/size-3/bold'],\n  'comp/tabs/contained': basicTextStyles['sans/size-3/bold'],\n  'comp/tabs/contained-secondary': basicTextStyles['sans/size-2/normal'],\n  'comp/tag/sm': basicTextStyles['sans/size-1/normal'],\n  'comp/tag/md': basicTextStyles['sans/size-2/normal'],\n  'comp/badge/sm': basicTextStyles['sans/size-1/uppercase-bold'],\n  'comp/dialog/title': basicTextStyles['sans/size-5/bold'],\n  'comp/dialog/label': basicTextStyles['sans/size-2/uppercase-semibold'],\n  'comp/avatar/24': basicTextStyles['sans/size-1/bold'],\n  'comp/avatar/32': basicTextStyles['sans/size-3/bold'],\n  'comp/avatar/40': basicTextStyles['sans/size-4/bold'],\n  'comp/avatar/48': basicTextStyles['sans/size-5/bold'],\n  'comp/avatar/64': basicTextStyles['sans/size-6/bold'],\n  'comp/avatar/128': basicTextStyles['sans/size-8/bold'],\n};\n\nconst textStyles = defineTextStyles(dataObject);\n\nexport default textStyles;\n"],"mappings":"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"}
+{"version":3,"file":"text-styles.js","names":[],"sources":["../../lib/theme/text-styles.ts"],"sourcesContent":["import { defineTextStyles } from '@chakra-ui/react/styled-system';\n\nconst basicTextStyles = {\n  'mono/code-2': {\n    value: {\n      fontFamily: 'mono',\n      fontSize: '0.75rem',\n      lineHeight: '1rem',\n      letterSpacing: '-0.009375rem',\n      fontWeight: '400',\n    },\n  },\n  'mono/code-3': {\n    value: {\n      fontFamily: 'mono',\n      fontSize: '0.875rem',\n      lineHeight: '1.25rem',\n      letterSpacing: '-0.009375rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-1/normal': {\n    value: {\n      lineHeight: '1rem',\n      fontSize: '0.75rem',\n      letterSpacing: '0.009375rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-1/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1rem',\n      fontSize: '0.75rem',\n      letterSpacing: '0.009375rem',\n    },\n  },\n  'sans/size-1/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '1rem',\n      fontSize: '0.75rem',\n      letterSpacing: '0.009375rem',\n    },\n  },\n  'sans/size-1/uppercase-bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '1rem',\n      fontSize: '0.75rem',\n      letterSpacing: '0.009375rem',\n      textTransform: 'uppercase',\n    },\n  },\n  'sans/size-2/normal': {\n    value: {\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-2/normal-underline': {\n    value: {\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n      textDecoration: 'underline',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-2/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n    },\n  },\n  'sans/size-2/semibold-underline': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n      textDecoration: 'underline',\n    },\n  },\n  'sans/size-2/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n    },\n  },\n  'sans/size-2/uppercase-normal': {\n    value: {\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n      letterSpacing: '0.009375rem',\n      textTransform: 'uppercase',\n    },\n  },\n  'sans/size-2/uppercase-semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.25rem',\n      fontSize: '0.875rem',\n      letterSpacing: '0.009375rem',\n      textTransform: 'uppercase',\n    },\n  },\n  'sans/size-3/normal': {\n    value: {\n      lineHeight: '1.5rem',\n      fontSize: '1rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-3/normal-underline': {\n    value: {\n      lineHeight: '1.5rem',\n      fontSize: '1rem',\n      textDecoration: 'underline',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-3/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.5rem',\n      fontSize: '1rem',\n    },\n  },\n  'sans/size-3/semibold-underline': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.5rem',\n      fontSize: '1rem',\n      textDecoration: 'underline',\n    },\n  },\n  'sans/size-3/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '1.5rem',\n      fontSize: '1rem',\n    },\n  },\n  'sans/size-4/normal': {\n    value: {\n      lineHeight: '1.75rem',\n      fontSize: '1.1875rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-4/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '1.75rem',\n      fontSize: '1.1875rem',\n    },\n  },\n  'sans/size-4/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '1.75rem',\n      fontSize: '1.1875rem',\n    },\n  },\n  'sans/size-5/normal': {\n    value: {\n      lineHeight: '2.25rem',\n      fontSize: '1.5rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-5/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '2.25rem',\n      fontSize: '1.5rem',\n    },\n  },\n  'sans/size-5/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '2.25rem',\n      fontSize: '1.5rem',\n    },\n  },\n  'sans/size-6/normal': {\n    value: {\n      lineHeight: '2.5rem',\n      fontSize: '1.875rem',\n      fontWeight: '400',\n    },\n  },\n  'sans/size-6/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '2.5rem',\n      fontSize: '1.875rem',\n    },\n  },\n  'sans/size-6/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '2.5rem',\n      fontSize: '1.875rem',\n    },\n  },\n  'sans/size-7/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '3rem',\n      fontSize: '2.25rem',\n    },\n  },\n  'sans/size-7/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '3rem',\n      fontSize: '2.25rem',\n    },\n  },\n  'sans/size-8/semibold': {\n    value: {\n      fontWeight: '600',\n      lineHeight: '3.75rem',\n      fontSize: '3rem',\n    },\n  },\n  'sans/size-8/bold': {\n    value: {\n      fontWeight: '700',\n      lineHeight: '3.75rem',\n      fontSize: '3rem',\n    },\n  },\n};\n\nexport const dataObject = {\n  ...basicTextStyles,\n  'display/lg': basicTextStyles['sans/size-8/bold'],\n  'display/sm': basicTextStyles['sans/size-7/bold'],\n  'heading/h1': basicTextStyles['sans/size-6/bold'],\n  'heading/h2': basicTextStyles['sans/size-5/bold'],\n  'heading/h3': basicTextStyles['sans/size-4/bold'],\n  'heading/h4': basicTextStyles['sans/size-3/bold'],\n  'heading/h5': basicTextStyles['sans/size-2/bold'],\n  'heading/h6': basicTextStyles['sans/size-1/uppercase-bold'],\n  'heading/mobile/h1': basicTextStyles['sans/size-5/bold'],\n  'heading/mobile/h2': basicTextStyles['sans/size-4/bold'],\n  'heading/mobile/h3': basicTextStyles['sans/size-3/bold'],\n  'body/sm/regular': basicTextStyles['sans/size-1/normal'],\n  'body/sm/semibold': basicTextStyles['sans/size-1/semibold'],\n  'body/md/regular': basicTextStyles['sans/size-2/normal'],\n  'body/md/semibold': basicTextStyles['sans/size-2/semibold'],\n  'body/md/underline': basicTextStyles['sans/size-2/normal-underline'],\n  'body/lg/regular': basicTextStyles['sans/size-3/normal'],\n  'body/lg/semibold': basicTextStyles['sans/size-3/semibold'],\n  'body/lg/underline': basicTextStyles['sans/size-3/normal-underline'],\n  'body/xl/regular': basicTextStyles['sans/size-4/normal'],\n  'body/xl/semibold': basicTextStyles['sans/size-4/semibold'],\n  'body/2xl/regular': basicTextStyles['sans/size-5/normal'],\n  'body/2xl/semibold': basicTextStyles['sans/size-5/semibold'],\n  'body/3xl/regular': basicTextStyles['sans/size-6/normal'],\n  'body/3xl/semibold': basicTextStyles['sans/size-6/semibold'],\n  'code/md': basicTextStyles['mono/code-2'],\n  'code/lg': basicTextStyles['mono/code-3'],\n  'comp/button/sm': basicTextStyles['sans/size-2/semibold'],\n  'comp/button/md': basicTextStyles['sans/size-2/semibold'],\n  'comp/button/lg': basicTextStyles['sans/size-3/semibold'],\n  'comp/notification/title': basicTextStyles['sans/size-3/semibold'],\n  'comp/notification/message': basicTextStyles['sans/size-2/normal'],\n  'comp/notification/message-link': basicTextStyles['sans/size-2/normal-underline'],\n  'comp/notification/button': basicTextStyles['sans/size-2/normal'],\n  'comp/input/label': basicTextStyles['sans/size-2/semibold'],\n  'comp/input/helperText': basicTextStyles['sans/size-1/normal'],\n  'comp/link/md': basicTextStyles['sans/size-2/normal'],\n  'comp/link/md-hover': basicTextStyles['sans/size-2/normal-underline'],\n  'comp/link/lg': basicTextStyles['sans/size-3/normal'],\n  'comp/link/lg-hover': basicTextStyles['sans/size-3/normal-underline'],\n  'comp/data/sm': basicTextStyles['sans/size-3/normal'],\n  'comp/data/md': basicTextStyles['sans/size-5/semibold'],\n  'comp/data/lg': basicTextStyles['sans/size-6/semibold'],\n  'comp/tabs/line': basicTextStyles['sans/size-3/bold'],\n  'comp/tabs/contained': basicTextStyles['sans/size-3/bold'],\n  'comp/tabs/contained-secondary': basicTextStyles['sans/size-2/normal'],\n  'comp/tag/sm': basicTextStyles['sans/size-1/normal'],\n  'comp/tag/md': basicTextStyles['sans/size-2/normal'],\n  'comp/badge/sm': basicTextStyles['sans/size-1/uppercase-bold'],\n  'comp/dialog/title': basicTextStyles['sans/size-5/bold'],\n  'comp/dialog/label': basicTextStyles['sans/size-2/uppercase-semibold'],\n  'comp/avatar/24': basicTextStyles['sans/size-1/bold'],\n  'comp/avatar/32': basicTextStyles['sans/size-3/bold'],\n  'comp/avatar/40': basicTextStyles['sans/size-4/bold'],\n  'comp/avatar/48': basicTextStyles['sans/size-5/bold'],\n  'comp/avatar/64': basicTextStyles['sans/size-6/bold'],\n  'comp/avatar/128': basicTextStyles['sans/size-8/bold'],\n};\n\nconst textStyles = defineTextStyles(dataObject);\n\nexport default textStyles;\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.204",
+  "version": "0.3.206",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -55,7 +55,7 @@
   },
   "devDependencies": {
     "@bitrise/eslint-plugin": "^4.1.0",
-    "@chakra-ui/cli": "^3.34.0",
+    "@chakra-ui/cli": "^3.35.0",
     "@figma-export/cli": "^6.4.0",
     "@figma-export/output-components-as-svg": "^6.4.0",
     "@figma-export/transform-svg-with-svgo": "^6.4.0",
@@ -68,19 +68,19 @@
     "@types/react": "^18.3.28",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react": "^6.0.1",
-    "es-toolkit": "^1.45.1",
+    "es-toolkit": "^1.46.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "release-it": "^20.0.0",
+    "release-it": "^20.0.1",
     "storybook": "10.3.5",
     "tsx": "^4.21.0",
     "typescript": "^6.0.3",
-    "vite": "^8.0.8",
+    "vite": "^8.0.10",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^5.2.0"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.34.0",
+    "@chakra-ui/react": "^3.35.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@fontsource-variable/figtree": "^5.2.10",

package/dist/components/BitkitExplainerList/BitkitExplainerList.d.ts

@@ -1,14 +0,0 @@
-import { ListRootProps } from '@chakra-ui/react/list';
-import { ReactNode } from 'react';
-export interface BitkitExplainerListProps extends Omit<ListRootProps, 'colorPalette'> {
-    children: ReactNode;
-    colorPalette?: 'neutral' | 'purple';
-}
-export interface BitkitExplainerListItemProps {
-    children: ReactNode;
-    helperText?: string;
-}
-declare const _default: import('react').ForwardRefExoticComponent<BitkitExplainerListProps & import('react').RefAttributes<HTMLOListElement>> & {
-    Item: import('react').ForwardRefExoticComponent<BitkitExplainerListItemProps & import('react').RefAttributes<HTMLLIElement>>;
-};
-export default _default;

package/dist/components/BitkitExplainerList/BitkitExplainerList.js

@@ -1,54 +0,0 @@
-import { Box } from "@chakra-ui/react/box";
-import { Text } from "@chakra-ui/react/text";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { List } from "@chakra-ui/react/list";
-//#region lib/components/BitkitExplainerList/BitkitExplainerList.tsx
-var BitkitExplainerList = forwardRef((props, ref) => {
-	const { children, colorPalette = "neutral", size = "lg", ...rest } = props;
-	return /* @__PURE__ */ jsx(List.Root, {
-		ref,
-		as: "ol",
-		colorPalette,
-		counterReset: "explainer-list",
-		size,
-		...rest,
-		children
-	});
-});
-BitkitExplainerList.displayName = "BitkitExplainerList";
-var BitkitExplainerListItem = forwardRef((props, ref) => {
-	const { children, helperText } = props;
-	return /* @__PURE__ */ jsxs(List.Item, {
-		ref,
-		counterIncrement: "explainer-list",
-		gap: helperText ? "12" : "6",
-		marginBlockEnd: helperText ? "8" : void 0,
-		children: [/* @__PURE__ */ jsx(List.Indicator, {
-			_before: { content: "counter(explainer-list)" },
-			background: "colorPalette.subtle",
-			borderRadius: "50%",
-			color: "colorPalette.strong",
-			height: helperText ? "24" : "20",
-			overflow: "hidden",
-			textStyle: "comp/badge/sm",
-			width: helperText ? "24" : "20"
-		}), helperText ? /* @__PURE__ */ jsxs(Box, {
-			display: "flex",
-			flex: "1",
-			flexDirection: "column",
-			minWidth: "0",
-			children: [children, /* @__PURE__ */ jsx(Text, {
-				color: "text/secondary",
-				textStyle: "body/md/regular",
-				children: helperText
-			})]
-		}) : children]
-	});
-});
-BitkitExplainerListItem.displayName = "BitkitExplainerListItem";
-var BitkitExplainerList_default = Object.assign(BitkitExplainerList, { Item: BitkitExplainerListItem });
-//#endregion
-export { BitkitExplainerList_default as default };
-
-//# sourceMappingURL=BitkitExplainerList.js.map

package/dist/components/BitkitExplainerList/BitkitExplainerList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitExplainerList.js","names":[],"sources":["../../../lib/components/BitkitExplainerList/BitkitExplainerList.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\n// ----- BitkitExplainerList -----\n\nexport interface BitkitExplainerListProps extends Omit<ListRootProps, 'colorPalette'> {\n  children: ReactNode;\n  colorPalette?: 'neutral' | 'purple';\n}\n\nconst BitkitExplainerList = forwardRef<HTMLOListElement, BitkitExplainerListProps>((props, ref) => {\n  const { children, colorPalette = 'neutral', size = 'lg', ...rest } = props;\n\n  return (\n    <List.Root ref={ref} as=\"ol\" colorPalette={colorPalette} counterReset=\"explainer-list\" size={size} {...rest}>\n      {children}\n    </List.Root>\n  );\n});\n\nBitkitExplainerList.displayName = 'BitkitExplainerList';\n\n// ----- BitkitExplainerList.Item -----\n\nexport interface BitkitExplainerListItemProps {\n  children: ReactNode;\n  helperText?: string;\n}\n\nconst BitkitExplainerListItem = forwardRef<HTMLLIElement, BitkitExplainerListItemProps>((props, ref) => {\n  const { children, helperText } = props;\n\n  return (\n    <List.Item\n      ref={ref}\n      counterIncrement=\"explainer-list\"\n      gap={helperText ? '12' : '6'}\n      marginBlockEnd={helperText ? '8' : undefined}\n    >\n      <List.Indicator\n        _before={{ content: 'counter(explainer-list)' }}\n        background=\"colorPalette.subtle\"\n        borderRadius=\"50%\"\n        color=\"colorPalette.strong\"\n        height={helperText ? '24' : '20'}\n        overflow=\"hidden\"\n        textStyle=\"comp/badge/sm\"\n        width={helperText ? '24' : '20'}\n      />\n      {helperText ? (\n        <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n          {children}\n          <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n            {helperText}\n          </Text>\n        </Box>\n      ) : (\n        children\n      )}\n    </List.Item>\n  );\n});\n\nBitkitExplainerListItem.displayName = 'BitkitExplainerListItem';\n\nexport default Object.assign(BitkitExplainerList, { Item: BitkitExplainerListItem });\n"],"mappings":";;;;;;AAYA,IAAM,sBAAsB,YAAwD,OAAO,QAAQ;CACjG,MAAM,EAAE,UAAU,eAAe,WAAW,OAAO,MAAM,GAAG,SAAS;AAErE,QACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,IAAG;EAAmB;EAAc,cAAa;EAAuB;EAAM,GAAI;EACpG;EACS,CAAA;EAEd;AAEF,oBAAoB,cAAc;AASlC,IAAM,0BAA0B,YAAyD,OAAO,QAAQ;CACtG,MAAM,EAAE,UAAU,eAAe;AAEjC,QACE,qBAAC,KAAK,MAAN;EACO;EACL,kBAAiB;EACjB,KAAK,aAAa,OAAO;EACzB,gBAAgB,aAAa,MAAM,KAAA;YAJrC,CAME,oBAAC,KAAK,WAAN;GACE,SAAS,EAAE,SAAS,2BAA2B;GAC/C,YAAW;GACX,cAAa;GACb,OAAM;GACN,QAAQ,aAAa,OAAO;GAC5B,UAAS;GACT,WAAU;GACV,OAAO,aAAa,OAAO;GAC3B,CAAA,EACD,aACC,qBAAC,KAAD;GAAK,SAAQ;GAAO,MAAK;GAAI,eAAc;GAAS,UAAS;aAA7D,CACG,UACD,oBAAC,MAAD;IAAM,OAAM;IAAiB,WAAU;cACpC;IACI,CAAA,CACH;OAEN,SAEQ;;EAEd;AAEF,wBAAwB,cAAc;AAEtC,IAAA,8BAAe,OAAO,OAAO,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/BitkitOrderedList/BitkitOrderedList.d.ts

@@ -1,13 +0,0 @@
-import { ListRootProps } from '@chakra-ui/react/list';
-import { ReactNode } from 'react';
-export interface BitkitOrderedListProps extends ListRootProps {
-    children: ReactNode;
-    size?: 'lg' | 'md';
-}
-export interface BitkitOrderedListItemProps {
-    children: ReactNode;
-}
-declare const _default: import('react').ForwardRefExoticComponent<BitkitOrderedListProps & import('react').RefAttributes<HTMLOListElement>> & {
-    Item: import('react').ForwardRefExoticComponent<BitkitOrderedListItemProps & import('react').RefAttributes<HTMLLIElement>>;
-};
-export default _default;

package/dist/components/BitkitOrderedList/BitkitOrderedList.js

@@ -1,30 +0,0 @@
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { List } from "@chakra-ui/react/list";
-//#region lib/components/BitkitOrderedList/BitkitOrderedList.tsx
-var BitkitOrderedList = forwardRef((props, ref) => {
-	const { children, size = "lg", ...rest } = props;
-	return /* @__PURE__ */ jsx(List.Root, {
-		ref,
-		as: "ol",
-		counterReset: "ordered-list",
-		size,
-		...rest,
-		children
-	});
-});
-BitkitOrderedList.displayName = "BitkitOrderedList";
-var BitkitOrderedListItem = forwardRef((props, ref) => {
-	const { children } = props;
-	return /* @__PURE__ */ jsxs(List.Item, {
-		ref,
-		counterIncrement: "ordered-list",
-		children: [/* @__PURE__ */ jsx(List.Indicator, { _before: { content: "counter(ordered-list) \".\"" } }), children]
-	});
-});
-BitkitOrderedListItem.displayName = "BitkitOrderedListItem";
-var BitkitOrderedList_default = Object.assign(BitkitOrderedList, { Item: BitkitOrderedListItem });
-//#endregion
-export { BitkitOrderedList_default as default };
-
-//# sourceMappingURL=BitkitOrderedList.js.map

package/dist/components/BitkitOrderedList/BitkitOrderedList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitOrderedList.js","names":[],"sources":["../../../lib/components/BitkitOrderedList/BitkitOrderedList.tsx"],"sourcesContent":["import { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { forwardRef, type ReactNode } from 'react';\n\n// ----- BitkitOrderedList -----\n\nexport interface BitkitOrderedListProps extends ListRootProps {\n  children: ReactNode;\n  size?: 'lg' | 'md';\n}\n\nconst BitkitOrderedList = forwardRef<HTMLOListElement, BitkitOrderedListProps>((props, ref) => {\n  const { children, size = 'lg', ...rest } = props;\n\n  return (\n    <List.Root ref={ref} as=\"ol\" counterReset=\"ordered-list\" size={size} {...rest}>\n      {children}\n    </List.Root>\n  );\n});\n\nBitkitOrderedList.displayName = 'BitkitOrderedList';\n\n// ----- BitkitOrderedList.Item -----\n\nexport interface BitkitOrderedListItemProps {\n  children: ReactNode;\n}\n\nconst BitkitOrderedListItem = forwardRef<HTMLLIElement, BitkitOrderedListItemProps>((props, ref) => {\n  const { children } = props;\n  return (\n    <List.Item ref={ref} counterIncrement=\"ordered-list\">\n      <List.Indicator _before={{ content: 'counter(ordered-list) \".\"' }} />\n      {children}\n    </List.Item>\n  );\n});\n\nBitkitOrderedListItem.displayName = 'BitkitOrderedListItem';\n\nexport default Object.assign(BitkitOrderedList, { Item: BitkitOrderedListItem });\n"],"mappings":";;;;AAUA,IAAM,oBAAoB,YAAsD,OAAO,QAAQ;CAC7F,MAAM,EAAE,UAAU,OAAO,MAAM,GAAG,SAAS;AAE3C,QACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,IAAG;EAAK,cAAa;EAAqB;EAAM,GAAI;EACtE;EACS,CAAA;EAEd;AAEF,kBAAkB,cAAc;AAQhC,IAAM,wBAAwB,YAAuD,OAAO,QAAQ;CAClG,MAAM,EAAE,aAAa;AACrB,QACE,qBAAC,KAAK,MAAN;EAAgB;EAAK,kBAAiB;YAAtC,CACE,oBAAC,KAAK,WAAN,EAAgB,SAAS,EAAE,SAAS,+BAA6B,EAAI,CAAA,EACpE,SACS;;EAEd;AAEF,sBAAsB,cAAc;AAEpC,IAAA,4BAAe,OAAO,OAAO,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/BitkitToggle/BitkitToggle.d.ts

@@ -1,3 +0,0 @@
-import { BitkitToggleProps } from './BitkitToggle.types';
-declare const BitkitToggle: import('react').ForwardRefExoticComponent<BitkitToggleProps & import('react').RefAttributes<HTMLInputElement>>;
-export default BitkitToggle;