@bitrise/bitkit-v2 0.3.197 → 0.3.199

package/dist/svgs/24x24/icon-xcode-24.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-xcode-24.js","names":[],"sources":["../../../lib/svgs/24x24/icon-xcode-24.svg?react"],"sourcesContent":["import * as React from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgIconXcode24 = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 24,\n\theight: 24,\n\tfill: \"none\",\n\tviewBox: \"0 0 24 24\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsxs(\"g\", {\n\t\tfill: \"currentColor\",\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"m21.11 4.52-.01.003-.005-.003z\" }),\n\t\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M21.1 4.523c.091.046.364.19.886.486-.33 1.22-.905 2.081-1.163 2.369l-.098-.048a14 14 0 0 1-.893-.47c-.143-.688-1.149-.947-1.694-.746-.632.23-1.163 1.206-1.321 1.522a6469 6469 0 0 0-6.13 13.783c-.144.33-.417.56-.747.66-.33.116-.704.058-1.005-.114l-.33-.201A1.25 1.25 0 0 1 8 20.687c0-.201.058-.402.158-.589.603-1.105 6.777-12.448 7.036-13.137.157-.387.272-.718.33-.947.215-.847.115-2.125-.36-2.585-1.133-1.12-3.258-.99-3.258-.99l.028-.46c0-.029.474-.057.503-.057a19 19 0 0 1 1.58-.072c.53 0 1.076 0 1.607.144.474.129.933.301 1.393.473 1.048.417 1.981.862 2.24.991.043.13.129.33.258.531q.216.345.43.474c.256.142.863.13 1.154.06\" }),\n\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\tfillRule: \"evenodd\",\n\t\t\t\td: \"M9.71 14.973H4.498a.77.77 0 0 1-.775-.776c0-.43.344-.79.775-.79h2.01l2.556-4.436-.79-1.392c-.215-.388-.1-.862.287-1.077a.797.797 0 0 1 1.077.287l.33.603.36-.603a.79.79 0 0 1 1.076-.287.793.793 0 0 1 .287 1.077l-3.374 5.829h2.226c.266-.494.67-1.234 1.117-2.049 1.07-1.955 2.376-4.34 2.558-4.785.79-1.723.69-3.145-2.685-3.145H5.49A3.493 3.493 0 0 0 2 6.92v10.294a3.48 3.48 0 0 0 3.489 3.474s1.12.014 1.737-1.106c.603-1.105 1.35-2.483 2.096-3.89.13-.23.259-.474.388-.718m-3.518 2.125a.793.793 0 0 1-1.076.287.79.79 0 0 1-.288-1.077l.56-.962c.632-.201 1.149-.043 1.551.445z\",\n\t\t\t\tclipRule: \"evenodd\"\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M17.948 7.799c.162-.335.363-.752.75-.752h.014c.46-.014.575.446.575.704v9.433a3.493 3.493 0 0 1-3.49 3.489H13.2c-.46 0-.775-.474-.589-.89l.448-1.017c.322-.73.651-1.476.974-2.228l.11.192q.096.174.206.353a.793.793 0 0 0 1.076.288.79.79 0 0 0 .287-1.077l-.76-1.321h1.134c.43 0 .775-.36.775-.79s-.344-.79-.775-.79h-.675l.258-.603.327-.733a132 132 0 0 1 1.353-2.985 27 27 0 0 1 .6-1.273\" })\n\t\t]\n\t})\n});\nexport default SvgIconXcode24;\n"],"mappings":";;;AAEA,IAAM,kBAAkB,UAA0B,oBAAK,OAAO;CAC7D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACT,GAAG;CACH,UAA0B,qBAAM,KAAK;EACpC,MAAM;EACN,UAAU;GACO,oBAAK,QAAQ,EAAE,GAAG,kCAAkC,CAAC;GACrD,oBAAK,QAAQ,EAAE,GAAG,qnBAAqnB,CAAC;GACxoB,oBAAK,QAAQ;IAC5B,UAAU;IACV,GAAG;IACH,UAAU;IACV,CAAC;GACc,oBAAK,QAAQ,EAAE,GAAG,gYAAgY,CAAC;GACna;EACD,CAAC;CACF,CAAC"}
+{"version":3,"file":"icon-xcode-24.js","names":[],"sources":["../../../lib/svgs/24x24/icon-xcode-24.svg?react"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgIconXcode24 = (props, ref) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 24,\n\theight: 24,\n\tfill: \"none\",\n\tviewBox: \"0 0 24 24\",\n\tref,\n\t...props,\n\tchildren: /* @__PURE__ */ _jsxs(\"g\", {\n\t\tfill: \"currentColor\",\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"m21.11 4.52-.01.003-.005-.003z\" }),\n\t\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M21.1 4.523c.091.046.364.19.886.486-.33 1.22-.905 2.081-1.163 2.369l-.098-.048a14 14 0 0 1-.893-.47c-.143-.688-1.149-.947-1.694-.746-.632.23-1.163 1.206-1.321 1.522a6469 6469 0 0 0-6.13 13.783c-.144.33-.417.56-.747.66-.33.116-.704.058-1.005-.114l-.33-.201A1.25 1.25 0 0 1 8 20.687c0-.201.058-.402.158-.589.603-1.105 6.777-12.448 7.036-13.137.157-.387.272-.718.33-.947.215-.847.115-2.125-.36-2.585-1.133-1.12-3.258-.99-3.258-.99l.028-.46c0-.029.474-.057.503-.057a19 19 0 0 1 1.58-.072c.53 0 1.076 0 1.607.144.474.129.933.301 1.393.473 1.048.417 1.981.862 2.24.991.043.13.129.33.258.531q.216.345.43.474c.256.142.863.13 1.154.06\" }),\n\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\tfillRule: \"evenodd\",\n\t\t\t\td: \"M9.71 14.973H4.498a.77.77 0 0 1-.775-.776c0-.43.344-.79.775-.79h2.01l2.556-4.436-.79-1.392c-.215-.388-.1-.862.287-1.077a.797.797 0 0 1 1.077.287l.33.603.36-.603a.79.79 0 0 1 1.076-.287.793.793 0 0 1 .287 1.077l-3.374 5.829h2.226c.266-.494.67-1.234 1.117-2.049 1.07-1.955 2.376-4.34 2.558-4.785.79-1.723.69-3.145-2.685-3.145H5.49A3.493 3.493 0 0 0 2 6.92v10.294a3.48 3.48 0 0 0 3.489 3.474s1.12.014 1.737-1.106c.603-1.105 1.35-2.483 2.096-3.89.13-.23.259-.474.388-.718m-3.518 2.125a.793.793 0 0 1-1.076.287.79.79 0 0 1-.288-1.077l.56-.962c.632-.201 1.149-.043 1.551.445z\",\n\t\t\t\tclipRule: \"evenodd\"\n\t\t\t}),\n\t\t\t/* @__PURE__ */ _jsx(\"path\", { d: \"M17.948 7.799c.162-.335.363-.752.75-.752h.014c.46-.014.575.446.575.704v9.433a3.493 3.493 0 0 1-3.49 3.489H13.2c-.46 0-.775-.474-.589-.89l.448-1.017c.322-.73.651-1.476.974-2.228l.11.192q.096.174.206.353a.793.793 0 0 0 1.076.288.79.79 0 0 0 .287-1.077l-.76-1.321h1.134c.43 0 .775-.36.775-.79s-.344-.79-.775-.79h-.675l.258-.603.327-.733a132 132 0 0 1 1.353-2.985 27 27 0 0 1 .6-1.273\" })\n\t\t]\n\t})\n});\nconst ForwardRef = forwardRef(SvgIconXcode24);\nexport default ForwardRef;\n"],"mappings":";;;AAGA,IAAM,kBAAkB,OAAO,QAAwB,oBAAK,OAAO;CAClE,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACT;CACA,GAAG;CACH,UAA0B,qBAAM,KAAK;EACpC,MAAM;EACN,UAAU;GACO,oBAAK,QAAQ,EAAE,GAAG,kCAAkC,CAAC;GACrD,oBAAK,QAAQ,EAAE,GAAG,qnBAAqnB,CAAC;GACxoB,oBAAK,QAAQ;IAC5B,UAAU;IACV,GAAG;IACH,UAAU;IACV,CAAC;GACc,oBAAK,QAAQ,EAAE,GAAG,gYAAgY,CAAC;GACna;EACD,CAAC;CACF,CAAC;AACF,IAAM,aAAa,WAAW,eAAe"}

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

@@ -10,7 +10,7 @@ var actionBarSlotRecipe = defineSlotRecipe({
 			display: "flex",
 			justifyContent: "center",
 			pointerEvents: "none",
-			insetInline: "0",
+			insetInline: 0,
 			top: "unset",
 			bottom: "calc(env(safe-area-inset-bottom) + 20px)"
 		},

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

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ActionBar.recipe.ts"],"sourcesContent":["import { actionBarAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst actionBarSlotRecipe = defineSlotRecipe({\n  slots: actionBarAnatomy.keys(),\n  className: 'action-bar',\n  base: {\n    positioner: {\n      position: 'fixed',\n      display: 'flex',\n      justifyContent: 'center',\n      pointerEvents: 'none',\n      insetInline: '0',\n      top: 'unset',\n      bottom: 'calc(env(safe-area-inset-bottom) + 20px)',\n    },\n    content: {\n      display: 'flex',\n      alignItems: 'center',\n      boxShadow: 'elevation/lg',\n      pointerEvents: 'auto',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      borderRadius: '8',\n      backgroundColor: 'background/primary',\n      _open: {\n        animationName: 'slide-from-bottom, fade-in',\n        animationDuration: 'moderate',\n      },\n\n      _closed: {\n        animationName: 'slide-to-bottom, fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    separator: {\n      width: '1',\n      height: '24',\n      bg: 'border/minimal',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        content: {\n          padding: '12',\n          paddingInlineStart: '16',\n          gap: '12',\n        },\n      },\n      sm: {\n        content: {\n          padding: '8',\n          paddingInlineStart: '12',\n          gap: '8',\n        },\n      },\n      xs: {\n        content: {\n          padding: '8',\n          paddingInlineStart: '12',\n          gap: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default actionBarSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,sBAAsB,iBAAiB;CAC3C,OAAO,iBAAiB,MAAM;CAC9B,WAAW;CACX,MAAM;EACJ,YAAY;GACV,UAAU;GACV,SAAS;GACT,gBAAgB;GAChB,eAAe;GACf,aAAa;GACb,KAAK;GACL,QAAQ;GACT;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,WAAW;GACX,eAAe;GACf,QAAQ;GACR,aAAa;GACb,cAAc;GACd,iBAAiB;GACjB,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GAED,SAAS;IACP,eAAe;IACf,mBAAmB;IACpB;GACF;EACD,WAAW;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACL;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"ActionBar.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ActionBar.recipe.ts"],"sourcesContent":["import { actionBarAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst actionBarSlotRecipe = defineSlotRecipe({\n  slots: actionBarAnatomy.keys(),\n  className: 'action-bar',\n  base: {\n    positioner: {\n      position: 'fixed',\n      display: 'flex',\n      justifyContent: 'center',\n      pointerEvents: 'none',\n      insetInline: 0,\n      top: 'unset',\n      bottom: 'calc(env(safe-area-inset-bottom) + 20px)',\n    },\n    content: {\n      display: 'flex',\n      alignItems: 'center',\n      boxShadow: 'elevation/lg',\n      pointerEvents: 'auto',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      borderRadius: '8',\n      backgroundColor: 'background/primary',\n      _open: {\n        animationName: 'slide-from-bottom, fade-in',\n        animationDuration: 'moderate',\n      },\n\n      _closed: {\n        animationName: 'slide-to-bottom, fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    separator: {\n      width: '1',\n      height: '24',\n      bg: 'border/minimal',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        content: {\n          padding: '12',\n          paddingInlineStart: '16',\n          gap: '12',\n        },\n      },\n      sm: {\n        content: {\n          padding: '8',\n          paddingInlineStart: '12',\n          gap: '8',\n        },\n      },\n      xs: {\n        content: {\n          padding: '8',\n          paddingInlineStart: '12',\n          gap: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default actionBarSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,sBAAsB,iBAAiB;CAC3C,OAAO,iBAAiB,MAAM;CAC9B,WAAW;CACX,MAAM;EACJ,YAAY;GACV,UAAU;GACV,SAAS;GACT,gBAAgB;GAChB,eAAe;GACf,aAAa;GACb,KAAK;GACL,QAAQ;GACT;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,WAAW;GACX,eAAe;GACf,QAAQ;GACR,aAAa;GACb,cAAc;GACd,iBAAiB;GACjB,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GAED,SAAS;IACP,eAAe;IACf,mBAAmB;IACpB;GACF;EACD,WAAW;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACL;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -34,8 +34,8 @@ declare const codeSnippetSlotRecipe: import('@chakra-ui/react').SlotRecipeDefini
                     height: "40";
                     pointerEvents: "none";
                     position: "absolute";
-                    right: "0";
-                    top: "0";
+                    right: number;
+                    top: number;
                     width: "8";
                 };
             };

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

@@ -69,8 +69,8 @@ var codeSnippetSlotRecipe = defineSlotRecipe({
 						height: "40",
 						pointerEvents: "none",
 						position: "absolute",
-						right: "0",
-						top: "0",
+						right: 0,
+						top: 0,
 						width: "8"
 					}
 				},

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

@@ -1 +1 @@
-{"version":3,"file":"CodeSnippet.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/CodeSnippet.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst codeSnippetSlotRecipe = defineSlotRecipe({\n  className: 'code-snippet',\n  slots: ['root', 'content', 'copyButton', 'showMoreContainer', 'showMoreGradient', 'showMoreButton'],\n  base: {\n    root: {\n      background: 'background/secondary',\n    },\n    content: {\n      flex: '1',\n      minWidth: 0,\n    },\n    copyButton: {\n      background: 'background/secondary',\n      color: 'icon/secondary',\n      cursor: 'pointer',\n      _hover: {\n        background: 'background/hover',\n        color: 'icon/primary',\n        _active: {\n          background: 'background/active',\n          color: 'icon/primary',\n        },\n      },\n      _active: {\n        background: 'background/active',\n        color: 'icon/primary',\n      },\n      _focusVisible: {\n        outlineOffset: '-3px',\n      },\n    },\n  },\n  variants: {\n    variant: {\n      inline: {\n        root: {\n          alignItems: 'center',\n          borderRadius: '2',\n          color: 'text/body',\n          display: 'inline-flex',\n          paddingBlock: '2',\n          paddingInline: '6',\n          whiteSpace: 'nowrap',\n        },\n      },\n      single: {\n        root: {\n          alignItems: 'center',\n          borderRadius: '4',\n          display: 'flex',\n          height: '40',\n          isolation: 'isolate',\n          overflow: 'hidden',\n          whiteSpace: 'nowrap',\n        },\n        content: {\n          alignItems: 'center',\n          display: 'flex',\n          height: '40',\n          overflow: 'hidden',\n          paddingInlineStart: '16',\n          position: 'relative',\n          _after: {\n            background: 'linear-gradient(to left, var(--colors-background-secondary), transparent)',\n            content: '\"\"',\n            height: '40',\n            pointerEvents: 'none',\n            position: 'absolute',\n            right: '0',\n            top: '0',\n            width: '8',\n          },\n        },\n        copyButton: {\n          flexShrink: '0',\n          padding: '12',\n        },\n      },\n      multi: {\n        root: {\n          borderRadius: '4',\n          display: 'flex',\n          flexDirection: 'column',\n          padding: '16',\n          position: 'relative',\n        },\n        content: {\n          color: 'text/body',\n          overflowY: 'auto',\n          transition: 'max-height 0.3s ease',\n          whiteSpace: 'pre-wrap',\n        },\n        copyButton: {\n          borderRadius: '4',\n          overflow: 'hidden',\n          padding: '8',\n          position: 'absolute',\n          right: 0,\n          top: 0,\n        },\n        showMoreContainer: {\n          alignItems: 'center',\n          display: 'flex',\n          justifyContent: 'flex-end',\n        },\n        showMoreGradient: {\n          background: 'linear-gradient(to top, var(--colors-background-secondary) 33%, transparent)',\n          borderBottomRadius: '4',\n          bottom: 0,\n          height: '40',\n          left: 0,\n          pointerEvents: 'none',\n          position: 'absolute',\n          right: 0,\n        },\n        showMoreButton: {\n          alignItems: 'center',\n          background: 'background/secondary',\n          borderRadius: '4',\n          color: 'text/secondary',\n          cursor: 'pointer',\n          display: 'flex',\n          gap: '4',\n          justifyContent: 'center',\n          minWidth: '64',\n          paddingBlock: '8',\n          paddingInline: '12',\n          position: 'relative',\n          textStyle: 'comp/button/md',\n          _hover: {\n            background: 'background/hover',\n            color: 'text/primary',\n            _active: {\n              background: 'background/active',\n              color: 'text/primary',\n              overflow: 'hidden',\n            },\n          },\n          _active: {\n            background: 'background/active',\n            color: 'text/primary',\n            overflow: 'hidden',\n          },\n          _focusVisible: {\n            outlineOffset: '-3px',\n          },\n        },\n      },\n    },\n    size: {\n      md: {\n        root: { textStyle: 'code/md' },\n        content: { textStyle: 'code/md' },\n      },\n      lg: {\n        root: { textStyle: 'code/lg' },\n        content: { textStyle: 'code/lg' },\n      },\n    },\n    interactive: {\n      true: {},\n      false: {},\n    },\n    hasShowMore: {\n      true: {},\n      false: {},\n    },\n    isExpanded: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'inline',\n      interactive: true,\n      css: {\n        root: {\n          cursor: 'pointer',\n          userSelect: 'none',\n          _hover: {\n            background: 'background/hover',\n          },\n          _active: {\n            background: 'background/active',\n          },\n        },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      css: {\n        root: { paddingBlockEnd: 0, paddingInlineEnd: '8' },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      isExpanded: false,\n      css: {\n        showMoreContainer: { bottom: 0, left: 0, position: 'absolute', right: 0 },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      isExpanded: true,\n      css: {\n        root: { padding: 0, paddingInlineEnd: 0 },\n        content: { overflow: 'auto', padding: '16', paddingBlockEnd: 0 },\n        showMoreContainer: { position: 'relative' },\n      },\n    },\n  ],\n  defaultVariants: {\n    interactive: false,\n    size: 'lg',\n    variant: 'single',\n  },\n});\n\nexport default codeSnippetSlotRecipe;\n"],"mappings":"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"}
+{"version":3,"file":"CodeSnippet.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/CodeSnippet.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst codeSnippetSlotRecipe = defineSlotRecipe({\n  className: 'code-snippet',\n  slots: ['root', 'content', 'copyButton', 'showMoreContainer', 'showMoreGradient', 'showMoreButton'],\n  base: {\n    root: {\n      background: 'background/secondary',\n    },\n    content: {\n      flex: '1',\n      minWidth: 0,\n    },\n    copyButton: {\n      background: 'background/secondary',\n      color: 'icon/secondary',\n      cursor: 'pointer',\n      _hover: {\n        background: 'background/hover',\n        color: 'icon/primary',\n        _active: {\n          background: 'background/active',\n          color: 'icon/primary',\n        },\n      },\n      _active: {\n        background: 'background/active',\n        color: 'icon/primary',\n      },\n      _focusVisible: {\n        outlineOffset: '-3px',\n      },\n    },\n  },\n  variants: {\n    variant: {\n      inline: {\n        root: {\n          alignItems: 'center',\n          borderRadius: '2',\n          color: 'text/body',\n          display: 'inline-flex',\n          paddingBlock: '2',\n          paddingInline: '6',\n          whiteSpace: 'nowrap',\n        },\n      },\n      single: {\n        root: {\n          alignItems: 'center',\n          borderRadius: '4',\n          display: 'flex',\n          height: '40',\n          isolation: 'isolate',\n          overflow: 'hidden',\n          whiteSpace: 'nowrap',\n        },\n        content: {\n          alignItems: 'center',\n          display: 'flex',\n          height: '40',\n          overflow: 'hidden',\n          paddingInlineStart: '16',\n          position: 'relative',\n          _after: {\n            background: 'linear-gradient(to left, var(--colors-background-secondary), transparent)',\n            content: '\"\"',\n            height: '40',\n            pointerEvents: 'none',\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            width: '8',\n          },\n        },\n        copyButton: {\n          flexShrink: '0',\n          padding: '12',\n        },\n      },\n      multi: {\n        root: {\n          borderRadius: '4',\n          display: 'flex',\n          flexDirection: 'column',\n          padding: '16',\n          position: 'relative',\n        },\n        content: {\n          color: 'text/body',\n          overflowY: 'auto',\n          transition: 'max-height 0.3s ease',\n          whiteSpace: 'pre-wrap',\n        },\n        copyButton: {\n          borderRadius: '4',\n          overflow: 'hidden',\n          padding: '8',\n          position: 'absolute',\n          right: 0,\n          top: 0,\n        },\n        showMoreContainer: {\n          alignItems: 'center',\n          display: 'flex',\n          justifyContent: 'flex-end',\n        },\n        showMoreGradient: {\n          background: 'linear-gradient(to top, var(--colors-background-secondary) 33%, transparent)',\n          borderBottomRadius: '4',\n          bottom: 0,\n          height: '40',\n          left: 0,\n          pointerEvents: 'none',\n          position: 'absolute',\n          right: 0,\n        },\n        showMoreButton: {\n          alignItems: 'center',\n          background: 'background/secondary',\n          borderRadius: '4',\n          color: 'text/secondary',\n          cursor: 'pointer',\n          display: 'flex',\n          gap: '4',\n          justifyContent: 'center',\n          minWidth: '64',\n          paddingBlock: '8',\n          paddingInline: '12',\n          position: 'relative',\n          textStyle: 'comp/button/md',\n          _hover: {\n            background: 'background/hover',\n            color: 'text/primary',\n            _active: {\n              background: 'background/active',\n              color: 'text/primary',\n              overflow: 'hidden',\n            },\n          },\n          _active: {\n            background: 'background/active',\n            color: 'text/primary',\n            overflow: 'hidden',\n          },\n          _focusVisible: {\n            outlineOffset: '-3px',\n          },\n        },\n      },\n    },\n    size: {\n      md: {\n        root: { textStyle: 'code/md' },\n        content: { textStyle: 'code/md' },\n      },\n      lg: {\n        root: { textStyle: 'code/lg' },\n        content: { textStyle: 'code/lg' },\n      },\n    },\n    interactive: {\n      true: {},\n      false: {},\n    },\n    hasShowMore: {\n      true: {},\n      false: {},\n    },\n    isExpanded: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'inline',\n      interactive: true,\n      css: {\n        root: {\n          cursor: 'pointer',\n          userSelect: 'none',\n          _hover: {\n            background: 'background/hover',\n          },\n          _active: {\n            background: 'background/active',\n          },\n        },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      css: {\n        root: { paddingBlockEnd: 0, paddingInlineEnd: '8' },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      isExpanded: false,\n      css: {\n        showMoreContainer: { bottom: 0, left: 0, position: 'absolute', right: 0 },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      isExpanded: true,\n      css: {\n        root: { padding: 0, paddingInlineEnd: 0 },\n        content: { overflow: 'auto', padding: '16', paddingBlockEnd: 0 },\n        showMoreContainer: { position: 'relative' },\n      },\n    },\n  ],\n  defaultVariants: {\n    interactive: false,\n    size: 'lg',\n    variant: 'single',\n  },\n});\n\nexport default codeSnippetSlotRecipe;\n"],"mappings":"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"}

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

@@ -25,9 +25,9 @@ var collapsibleSlotRecipe = defineSlotRecipe({
 				_after: {
 					content: "\"\"",
 					position: "absolute",
-					insetInlineStart: "0",
-					insetInlineEnd: "0",
-					bottom: "0",
+					insetInlineStart: 0,
+					insetInlineEnd: 0,
+					bottom: 0,
 					height: "32",
 					background: "linear-gradient(to top, {colors.background.primary}, transparent)",
 					pointerEvents: "none"

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Collapsible.recipe.ts"],"sourcesContent":["import { collapsibleAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst collapsibleSlotRecipe = defineSlotRecipe({\n  className: 'collapsible',\n  slots: [...collapsibleAnatomy.keys()],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    content: {\n      overflow: 'hidden',\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n      position: 'relative',\n      _open: {\n        animationName: 'expand-height',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationName: 'collapse-height',\n        animationDuration: 'moderate',\n        _after: {\n          content: '\"\"',\n          position: 'absolute',\n          insetInlineStart: '0',\n          insetInlineEnd: '0',\n          bottom: '0',\n          height: '32',\n          background: 'linear-gradient(to top, {colors.background.primary}, transparent)',\n          pointerEvents: 'none',\n        },\n      },\n    },\n    trigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      color: 'text/link',\n      cursor: 'pointer',\n      gap: '4',\n      textStyle: 'body/md/regular',\n      paddingBlockStart: '8',\n      width: 'fit-content',\n      _hover: {\n        color: 'text/link-hover',\n        _active: {\n          color: 'text/primary',\n        },\n      },\n      _active: {\n        color: 'text/primary',\n      },\n    },\n    indicator: {},\n  },\n});\n\nexport default collapsibleSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,wBAAwB,iBAAiB;CAC7C,WAAW;CACX,OAAO,CAAC,GAAG,mBAAmB,MAAM,CAAC;CACrC,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,SAAS;GACP,UAAU;GACV,OAAO;GACP,WAAW;GACX,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GACD,SAAS;IACP,eAAe;IACf,mBAAmB;IACnB,QAAQ;KACN,SAAS;KACT,UAAU;KACV,kBAAkB;KAClB,gBAAgB;KAChB,QAAQ;KACR,QAAQ;KACR,YAAY;KACZ,eAAe;KAChB;IACF;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,KAAK;GACL,WAAW;GACX,mBAAmB;GACnB,OAAO;GACP,QAAQ;IACN,OAAO;IACP,SAAS,EACP,OAAO,gBACR;IACF;GACD,SAAS,EACP,OAAO,gBACR;GACF;EACD,WAAW,EAAE;EACd;CACF,CAAC"}
+{"version":3,"file":"Collapsible.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Collapsible.recipe.ts"],"sourcesContent":["import { collapsibleAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst collapsibleSlotRecipe = defineSlotRecipe({\n  className: 'collapsible',\n  slots: [...collapsibleAnatomy.keys()],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    content: {\n      overflow: 'hidden',\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n      position: 'relative',\n      _open: {\n        animationName: 'expand-height',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationName: 'collapse-height',\n        animationDuration: 'moderate',\n        _after: {\n          content: '\"\"',\n          position: 'absolute',\n          insetInlineStart: 0,\n          insetInlineEnd: 0,\n          bottom: 0,\n          height: '32',\n          background: 'linear-gradient(to top, {colors.background.primary}, transparent)',\n          pointerEvents: 'none',\n        },\n      },\n    },\n    trigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      color: 'text/link',\n      cursor: 'pointer',\n      gap: '4',\n      textStyle: 'body/md/regular',\n      paddingBlockStart: '8',\n      width: 'fit-content',\n      _hover: {\n        color: 'text/link-hover',\n        _active: {\n          color: 'text/primary',\n        },\n      },\n      _active: {\n        color: 'text/primary',\n      },\n    },\n    indicator: {},\n  },\n});\n\nexport default collapsibleSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,wBAAwB,iBAAiB;CAC7C,WAAW;CACX,OAAO,CAAC,GAAG,mBAAmB,MAAM,CAAC;CACrC,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,SAAS;GACP,UAAU;GACV,OAAO;GACP,WAAW;GACX,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GACD,SAAS;IACP,eAAe;IACf,mBAAmB;IACnB,QAAQ;KACN,SAAS;KACT,UAAU;KACV,kBAAkB;KAClB,gBAAgB;KAChB,QAAQ;KACR,QAAQ;KACR,YAAY;KACZ,eAAe;KAChB;IACF;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,KAAK;GACL,WAAW;GACX,mBAAmB;GACnB,OAAO;GACP,QAAQ;IACN,OAAO;IACP,SAAS,EACP,OAAO,gBACR;IACF;GACD,SAAS,EACP,OAAO,gBACR;GACF;EACD,WAAW,EAAE;EACd;CACF,CAAC"}

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

@@ -15,7 +15,7 @@ var dialogSlotRecipe = defineSlotRecipe({
 		backdrop: {
 			background: "utilities/overlay",
 			position: "fixed",
-			inset: "0",
+			inset: 0,
 			zIndex: "dialogOverlay",
 			_open: {
 				animationStyle: "fade-in",
@@ -31,9 +31,9 @@ var dialogSlotRecipe = defineSlotRecipe({
 			display: "flex",
 			height: "100dvh",
 			justifyContent: "center",
-			left: "0",
+			left: 0,
 			position: "fixed",
-			top: "0",
+			top: 0,
 			width: "100dvw",
 			zIndex: "dialog"
 		},
@@ -122,7 +122,7 @@ var dialogSlotRecipe = defineSlotRecipe({
 		},
 		scrollGradient: {
 			background: "linear-gradient(0deg, {colors.background.primary} 0%, transparent 100%)",
-			bottom: "48",
+			bottom: 48,
 			height: "32",
 			pointerEvents: "none",
 			position: "absolute",

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'label', 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      position: 'fixed',\n      inset: '0',\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      justifyContent: 'center',\n      left: '0',\n      position: 'fixed',\n      top: '0',\n      width: '100dvw',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n      paddingBlock: '24',\n      paddingInline: '32',\n      position: 'relative',\n    },\n    title: {\n      color: 'text/primary',\n      paddingInlineEnd: '48',\n      textStyle: 'comp/dialog/title',\n    },\n    description: {\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n    },\n    label: {\n      color: 'text/secondary',\n      textStyle: 'comp/dialog/label',\n    },\n    body: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      gap: '24',\n      paddingInline: '32',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    scrollBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '32',\n      paddingBlockStart: '24',\n      paddingInline: '32',\n    },\n    closeTrigger: {\n      insetEnd: '24',\n      position: 'absolute',\n      top: '24',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: '100%',\n      borderWidth: '1px',\n      bottom: '16',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, {colors.background.primary} 0%, transparent 100%)',\n      bottom: '48',\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n  },\n  variants: {\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflowY: 'auto',\n          _last: {\n            paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n          },\n        },\n        content: {\n          maxHeight: 'calc(100dvh - 96px)',\n          overflow: 'hidden',\n        },\n      },\n      outside: {},\n    },\n    size: {\n      lg: {\n        content: {\n          width: rem(800),\n        },\n      },\n      md: {\n        content: {\n          width: rem(640),\n        },\n      },\n      sm: {\n        content: {\n          width: rem(480),\n        },\n      },\n    },\n    variant: {\n      overflowContent: {\n        content: {\n          maxHeight: 'calc(100dvh - 48px)',\n          overflow: 'hidden',\n        },\n        header: {\n          gap: '8',\n          paddingBlockEnd: '8',\n          paddingBlockStart: '16',\n          paddingInline: '16',\n        },\n        title: {\n          paddingInlineEnd: '32',\n          textStyle: 'heading/h4',\n        },\n        body: {\n          overflowY: 'auto',\n          paddingBlockEnd: '8',\n          paddingInline: '16',\n          _last: {\n            paddingBlockEnd: 0,\n          },\n        },\n        scrollBody: {\n          _last: {\n            paddingBlockEnd: '16',\n          },\n        },\n        footer: {\n          paddingBlockEnd: '16',\n          paddingBlockStart: 0,\n          paddingInline: '16',\n        },\n        closeTrigger: {\n          insetEnd: '12',\n          top: '12',\n        },\n        scrollGradient: {\n          bottom: '16',\n        },\n        scrollButton: {\n          bottom: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    scrollBehavior: 'outside',\n    size: 'md',\n  },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'label', 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      position: 'fixed',\n      inset: 0,\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      justifyContent: 'center',\n      left: 0,\n      position: 'fixed',\n      top: 0,\n      width: '100dvw',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n      paddingBlock: '24',\n      paddingInline: '32',\n      position: 'relative',\n    },\n    title: {\n      color: 'text/primary',\n      paddingInlineEnd: '48',\n      textStyle: 'comp/dialog/title',\n    },\n    description: {\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n    },\n    label: {\n      color: 'text/secondary',\n      textStyle: 'comp/dialog/label',\n    },\n    body: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      gap: '24',\n      paddingInline: '32',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    scrollBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '32',\n      paddingBlockStart: '24',\n      paddingInline: '32',\n    },\n    closeTrigger: {\n      insetEnd: '24',\n      position: 'absolute',\n      top: '24',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: '100%',\n      borderWidth: '1px',\n      bottom: '16',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, {colors.background.primary} 0%, transparent 100%)',\n      bottom: 48,\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n  },\n  variants: {\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflowY: 'auto',\n          _last: {\n            paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n          },\n        },\n        content: {\n          maxHeight: 'calc(100dvh - 96px)',\n          overflow: 'hidden',\n        },\n      },\n      outside: {},\n    },\n    size: {\n      lg: {\n        content: {\n          width: rem(800),\n        },\n      },\n      md: {\n        content: {\n          width: rem(640),\n        },\n      },\n      sm: {\n        content: {\n          width: rem(480),\n        },\n      },\n    },\n    variant: {\n      overflowContent: {\n        content: {\n          maxHeight: 'calc(100dvh - 48px)',\n          overflow: 'hidden',\n        },\n        header: {\n          gap: '8',\n          paddingBlockEnd: '8',\n          paddingBlockStart: '16',\n          paddingInline: '16',\n        },\n        title: {\n          paddingInlineEnd: '32',\n          textStyle: 'heading/h4',\n        },\n        body: {\n          overflowY: 'auto',\n          paddingBlockEnd: '8',\n          paddingInline: '16',\n          _last: {\n            paddingBlockEnd: 0,\n          },\n        },\n        scrollBody: {\n          _last: {\n            paddingBlockEnd: '16',\n          },\n        },\n        footer: {\n          paddingBlockEnd: '16',\n          paddingBlockStart: 0,\n          paddingInline: '16',\n        },\n        closeTrigger: {\n          insetEnd: '12',\n          top: '12',\n        },\n        scrollGradient: {\n          bottom: '16',\n        },\n        scrollButton: {\n          bottom: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    scrollBehavior: 'outside',\n    size: 'md',\n  },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":"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"}

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

@@ -0,0 +1,50 @@
+declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "backdrop", {
+    variant: {
+        docked: {
+            closeTrigger: {
+                insetEnd: string;
+                top: "12";
+            };
+            content: {
+                width: {
+                    base: "100vw";
+                    tablet: string;
+                };
+            };
+        };
+        floating: {
+            body: {
+                paddingInline: "24";
+            };
+            closeTrigger: {
+                insetEnd: "24";
+                top: "24";
+            };
+            positioner: {
+                padding: "32";
+            };
+            content: {
+                borderRadius: "12";
+                boxShadow: "elevation/lg";
+                maxWidth: string;
+            };
+            header: {
+                paddingBlockEnd: "16";
+                paddingBlockStart: "24";
+                paddingInline: "24";
+            };
+            footer: {
+                borderBlockStartColor: "transparent";
+                borderBlockStartWidth: "0";
+                paddingBlockEnd: "24";
+                paddingBlockStart: "32";
+                paddingInline: "24";
+            };
+            title: {
+                color: "text/primary";
+                textStyle: "comp/dialog/title";
+            };
+        };
+    };
+}>;
+export default drawerSlotRecipe;

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

@@ -0,0 +1,136 @@
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { drawerAnatomy } from "@chakra-ui/react/anatomy";
+//#region lib/theme/slot-recipes/Drawer.recipe.ts
+var drawerSlotRecipe = defineSlotRecipe({
+	className: "drawer",
+	slots: drawerAnatomy.keys(),
+	base: {
+		backdrop: {
+			background: "utilities/overlay-light",
+			inset: 0,
+			position: "fixed",
+			zIndex: "dialogOverlay",
+			_open: {
+				animationName: "fade-in",
+				animationDuration: "slow"
+			},
+			_closed: {
+				animationName: "fade-out",
+				animationDuration: "moderate"
+			}
+		},
+		positioner: {
+			alignItems: "stretch",
+			display: "flex",
+			inset: 0,
+			justifyContent: "flex-end",
+			overscrollBehaviorY: "none",
+			position: "fixed",
+			zIndex: "dialog"
+		},
+		content: {
+			background: "background/primary",
+			display: "flex",
+			flexDirection: "column",
+			maxHeight: "100dvh",
+			outline: "none",
+			position: "relative",
+			_open: {
+				animationDuration: "slowest",
+				animationName: {
+					base: "slide-from-right-full, fade-in",
+					_rtl: "slide-from-left-full, fade-in"
+				},
+				animationTimingFunction: "ease-in-smooth"
+			},
+			_closed: {
+				animationDuration: "slower",
+				animationName: {
+					base: "slide-to-right-full, fade-out",
+					_rtl: "slide-to-left-full, fade-out"
+				},
+				animationTimingFunction: "ease-in-smooth"
+			}
+		},
+		header: {
+			paddingBlockEnd: "8",
+			paddingBlockStart: "24",
+			paddingInline: "24"
+		},
+		body: {
+			flex: "1",
+			overflow: "auto"
+		},
+		footer: {
+			borderBlockStartColor: "border/regular",
+			borderBlockStartWidth: "1px",
+			paddingBlock: "12"
+		},
+		title: {
+			color: "text/tertiary",
+			flex: "1",
+			textStyle: "heading/h6"
+		},
+		description: {},
+		closeTrigger: {
+			alignItems: "center",
+			borderRadius: "4",
+			color: "icon/primary",
+			cursor: "pointer",
+			display: "inline-flex",
+			height: "40",
+			justifyContent: "center",
+			position: "absolute",
+			width: "40",
+			_hover: { backgroundColor: "neutral.subtle" },
+			_active: { backgroundColor: "neutral.moderate" }
+		}
+	},
+	variants: { variant: {
+		docked: {
+			closeTrigger: {
+				insetEnd: rem(18),
+				top: "12"
+			},
+			content: { width: {
+				base: "100vw",
+				tablet: rem(320)
+			} }
+		},
+		floating: {
+			body: { paddingInline: "24" },
+			closeTrigger: {
+				insetEnd: "24",
+				top: "24"
+			},
+			positioner: { padding: "32" },
+			content: {
+				borderRadius: "12",
+				boxShadow: "elevation/lg",
+				maxWidth: rem(700)
+			},
+			header: {
+				paddingBlockEnd: "16",
+				paddingBlockStart: "24",
+				paddingInline: "24"
+			},
+			footer: {
+				borderBlockStartColor: "transparent",
+				borderBlockStartWidth: "0",
+				paddingBlockEnd: "24",
+				paddingBlockStart: "32",
+				paddingInline: "24"
+			},
+			title: {
+				color: "text/primary",
+				textStyle: "comp/dialog/title"
+			}
+		}
+	} },
+	defaultVariants: { variant: "docked" }
+});
+//#endregion
+export { drawerSlotRecipe as default };
+
+//# sourceMappingURL=Drawer.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Drawer.recipe.ts"],"sourcesContent":["import { drawerAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst drawerSlotRecipe = defineSlotRecipe({\n  className: 'drawer',\n  slots: drawerAnatomy.keys(),\n  base: {\n    backdrop: {\n      background: 'utilities/overlay-light',\n      inset: 0,\n      position: 'fixed',\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationName: 'fade-in',\n        animationDuration: 'slow',\n      },\n      _closed: {\n        animationName: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: 'stretch',\n      display: 'flex',\n      inset: 0,\n      justifyContent: 'flex-end',\n      overscrollBehaviorY: 'none',\n      position: 'fixed',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      display: 'flex',\n      flexDirection: 'column',\n      maxHeight: '100dvh',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationDuration: 'slowest',\n        animationName: {\n          base: 'slide-from-right-full, fade-in',\n          _rtl: 'slide-from-left-full, fade-in',\n        },\n        animationTimingFunction: 'ease-in-smooth',\n      },\n      _closed: {\n        animationDuration: 'slower',\n        animationName: {\n          base: 'slide-to-right-full, fade-out',\n          _rtl: 'slide-to-left-full, fade-out',\n        },\n        animationTimingFunction: 'ease-in-smooth',\n      },\n    },\n    header: {\n      paddingBlockEnd: '8',\n      paddingBlockStart: '24',\n      paddingInline: '24',\n    },\n    body: {\n      flex: '1',\n      overflow: 'auto',\n    },\n    footer: {\n      borderBlockStartColor: 'border/regular',\n      borderBlockStartWidth: '1px',\n      paddingBlock: '12',\n    },\n    title: {\n      color: 'text/tertiary',\n      flex: '1',\n      textStyle: 'heading/h6',\n    },\n    description: {},\n    closeTrigger: {\n      alignItems: 'center',\n      borderRadius: '4',\n      color: 'icon/primary',\n      cursor: 'pointer',\n      display: 'inline-flex',\n      height: '40',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '40',\n      _hover: {\n        backgroundColor: 'neutral.subtle',\n      },\n      _active: {\n        backgroundColor: 'neutral.moderate',\n      },\n    },\n  },\n  variants: {\n    variant: {\n      docked: {\n        closeTrigger: {\n          insetEnd: rem(18),\n          top: '12',\n        },\n        content: {\n          width: { base: '100vw', tablet: rem(320) },\n        },\n      },\n      floating: {\n        body: {\n          paddingInline: '24',\n        },\n        closeTrigger: {\n          insetEnd: '24',\n          top: '24',\n        },\n        positioner: {\n          padding: '32',\n        },\n        content: {\n          borderRadius: '12',\n          boxShadow: 'elevation/lg',\n          maxWidth: rem(700),\n        },\n        header: {\n          paddingBlockEnd: '16',\n          paddingBlockStart: '24',\n          paddingInline: '24',\n        },\n        footer: {\n          borderBlockStartColor: 'transparent',\n          borderBlockStartWidth: '0',\n          paddingBlockEnd: '24',\n          paddingBlockStart: '32',\n          paddingInline: '24',\n        },\n        title: {\n          color: 'text/primary',\n          textStyle: 'comp/dialog/title',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'docked',\n  },\n});\n\nexport default drawerSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO,cAAc,MAAM;CAC3B,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,OAAO;GACP,UAAU;GACV,QAAQ;GACR,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GACD,SAAS;IACP,eAAe;IACf,mBAAmB;IACpB;GACF;EACD,YAAY;GACV,YAAY;GACZ,SAAS;GACT,OAAO;GACP,gBAAgB;GAChB,qBAAqB;GACrB,UAAU;GACV,QAAQ;GACT;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,OAAO;IACL,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;KACP;IACD,yBAAyB;IAC1B;GACD,SAAS;IACP,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;KACP;IACD,yBAAyB;IAC1B;GACF;EACD,QAAQ;GACN,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;GAChB;EACD,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EACD,QAAQ;GACN,uBAAuB;GACvB,uBAAuB;GACvB,cAAc;GACf;EACD,OAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;GACZ;EACD,aAAa,EAAE;EACf,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;GACP,QAAQ,EACN,iBAAiB,kBAClB;GACD,SAAS,EACP,iBAAiB,oBAClB;GACF;EACF;CACD,UAAU,EACR,SAAS;EACP,QAAQ;GACN,cAAc;IACZ,UAAU,IAAI,GAAG;IACjB,KAAK;IACN;GACD,SAAS,EACP,OAAO;IAAE,MAAM;IAAS,QAAQ,IAAI,IAAI;IAAE,EAC3C;GACF;EACD,UAAU;GACR,MAAM,EACJ,eAAe,MAChB;GACD,cAAc;IACZ,UAAU;IACV,KAAK;IACN;GACD,YAAY,EACV,SAAS,MACV;GACD,SAAS;IACP,cAAc;IACd,WAAW;IACX,UAAU,IAAI,IAAI;IACnB;GACD,QAAQ;IACN,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;IAChB;GACD,QAAQ;IACN,uBAAuB;IACvB,uBAAuB;IACvB,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;IAChB;GACD,OAAO;IACL,OAAO;IACP,WAAW;IACZ;GACF;EACF,EACF;CACD,iBAAiB,EACf,SAAS,UACV;CACF,CAAC"}

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

@@ -34,7 +34,7 @@ var nativeSelectSlotRecipe = defineSlotRecipe({
 		statusIcon: {
 			position: "absolute",
 			top: "50%",
-			right: rem(48),
+			right: "48",
 			transform: "translateY(-50%)",
 			pointerEvents: "none"
 		},

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

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NativeSelect.recipe.ts"],"sourcesContent":["import { nativeSelectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst nativeSelectSlotRecipe = defineSlotRecipe({\n  className: 'native-select',\n  slots: [...nativeSelectAnatomy.keys(), 'statusIcon'],\n  base: {\n    root: {\n      position: 'relative',\n    },\n    field: {\n      width: '100%',\n      minWidth: 0,\n      appearance: 'none',\n      borderRadius: '4',\n      borderWidth: rem(1),\n      borderColor: 'border/strong',\n      background: 'background/primary',\n      transition: '200ms',\n      color: 'input/text/inputValue',\n      _hover: {\n        borderColor: 'border/hover',\n        _invalid: {\n          borderColor: 'border/error',\n        },\n      },\n      _invalid: {\n        borderColor: 'border/error',\n      },\n      _disabled: {\n        _hover: {\n          borderColor: 'border/disabled',\n        },\n        _placeholder: {\n          color: 'text/disabled',\n        },\n        color: 'text/disabled',\n        background: 'background/disabled',\n        cursor: 'not-allowed',\n      },\n      _placeholderShown: {\n        color: 'input/text/placeholder',\n      },\n    },\n    statusIcon: {\n      position: 'absolute',\n      top: '50%',\n      right: rem(48),\n      transform: 'translateY(-50%)',\n      pointerEvents: 'none',\n    },\n    indicator: {\n      position: 'absolute',\n      top: '50%',\n      right: rem(15),\n      transform: 'translateY(-50%)',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        field: { paddingInline: rem(11), paddingBlock: rem(9), textStyle: 'body/md/regular' },\n      },\n      lg: {\n        field: { paddingInline: rem(15), paddingBlock: rem(11), textStyle: 'body/lg/regular' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default nativeSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO,CAAC,GAAG,oBAAoB,MAAM,EAAE,aAAa;CACpD,MAAM;EACJ,MAAM,EACJ,UAAU,YACX;EACD,OAAO;GACL,OAAO;GACP,UAAU;GACV,YAAY;GACZ,cAAc;GACd,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,QAAQ;IACN,aAAa;IACb,UAAU,EACR,aAAa,gBACd;IACF;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW;IACT,QAAQ,EACN,aAAa,mBACd;IACD,cAAc,EACZ,OAAO,iBACR;IACD,OAAO;IACP,YAAY;IACZ,QAAQ;IACT;GACD,mBAAmB,EACjB,OAAO,0BACR;GACF;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACL,OAAO,IAAI,GAAG;GACd,WAAW;GACX,eAAe;GAChB;EACD,WAAW;GACT,UAAU;GACV,KAAK;GACL,OAAO,IAAI,GAAG;GACd,WAAW;GACZ;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,EAAE;GAAE,WAAW;GAAmB,EACtF;EACD,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,GAAG;GAAE,WAAW;GAAmB,EACvF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"NativeSelect.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NativeSelect.recipe.ts"],"sourcesContent":["import { nativeSelectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst nativeSelectSlotRecipe = defineSlotRecipe({\n  className: 'native-select',\n  slots: [...nativeSelectAnatomy.keys(), 'statusIcon'],\n  base: {\n    root: {\n      position: 'relative',\n    },\n    field: {\n      width: '100%',\n      minWidth: 0,\n      appearance: 'none',\n      borderRadius: '4',\n      borderWidth: rem(1),\n      borderColor: 'border/strong',\n      background: 'background/primary',\n      transition: '200ms',\n      color: 'input/text/inputValue',\n      _hover: {\n        borderColor: 'border/hover',\n        _invalid: {\n          borderColor: 'border/error',\n        },\n      },\n      _invalid: {\n        borderColor: 'border/error',\n      },\n      _disabled: {\n        _hover: {\n          borderColor: 'border/disabled',\n        },\n        _placeholder: {\n          color: 'text/disabled',\n        },\n        color: 'text/disabled',\n        background: 'background/disabled',\n        cursor: 'not-allowed',\n      },\n      _placeholderShown: {\n        color: 'input/text/placeholder',\n      },\n    },\n    statusIcon: {\n      position: 'absolute',\n      top: '50%',\n      right: '48',\n      transform: 'translateY(-50%)',\n      pointerEvents: 'none',\n    },\n    indicator: {\n      position: 'absolute',\n      top: '50%',\n      right: rem(15),\n      transform: 'translateY(-50%)',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        field: { paddingInline: rem(11), paddingBlock: rem(9), textStyle: 'body/md/regular' },\n      },\n      lg: {\n        field: { paddingInline: rem(15), paddingBlock: rem(11), textStyle: 'body/lg/regular' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default nativeSelectSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,yBAAyB,iBAAiB;CAC9C,WAAW;CACX,OAAO,CAAC,GAAG,oBAAoB,MAAM,EAAE,aAAa;CACpD,MAAM;EACJ,MAAM,EACJ,UAAU,YACX;EACD,OAAO;GACL,OAAO;GACP,UAAU;GACV,YAAY;GACZ,cAAc;GACd,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,YAAY;GACZ,OAAO;GACP,QAAQ;IACN,aAAa;IACb,UAAU,EACR,aAAa,gBACd;IACF;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW;IACT,QAAQ,EACN,aAAa,mBACd;IACD,cAAc,EACZ,OAAO,iBACR;IACD,OAAO;IACP,YAAY;IACZ,QAAQ;IACT;GACD,mBAAmB,EACjB,OAAO,0BACR;GACF;EACD,YAAY;GACV,UAAU;GACV,KAAK;GACL,OAAO;GACP,WAAW;GACX,eAAe;GAChB;EACD,WAAW;GACT,UAAU;GACV,KAAK;GACL,OAAO,IAAI,GAAG;GACd,WAAW;GACZ;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,EAAE;GAAE,WAAW;GAAmB,EACtF;EACD,IAAI,EACF,OAAO;GAAE,eAAe,IAAI,GAAG;GAAE,cAAc,IAAI,GAAG;GAAE,WAAW;GAAmB,EACvF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -55,8 +55,8 @@ var numberInputSlotRecipe = defineSlotRecipe({
 			display: "flex",
 			gap: "1",
 			position: "absolute",
-			top: "0",
-			insetEnd: "0",
+			top: 0,
+			insetEnd: 0,
 			margin: "1",
 			height: "calc(100% - 2px)",
 			zIndex: "1"

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NumberInput.recipe.ts"],"sourcesContent":["import { numberInputAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, defineStyle } from '@chakra-ui/react/styled-system';\n\nimport inputRecipe from '../recipes/Input.recipe';\nimport { rem } from '../themeUtils';\n\nexport const triggerSeparatorStyle = defineStyle({\n  content: '\"\"',\n  position: 'absolute',\n  top: '50%',\n  left: '-1px',\n  transform: 'translateY(-50%)',\n  width: '1',\n  height: '24',\n  backgroundColor: 'border/minimal',\n});\n\nconst triggerStyle = defineStyle({\n  position: 'relative',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flex: '1',\n  userSelect: 'none',\n  cursor: 'pointer',\n  width: 'var(--stepper-width)',\n  color: 'button/secondary/fg/text',\n  _disabled: {\n    color: 'button/secondary/fg-disabled',\n    cursor: 'not-allowed',\n  },\n  _hover: {\n    color: 'button/secondary/fg-hover',\n    backgroundColor: 'button/tertiary/bg-hover',\n  },\n  _active: {\n    color: 'button/secondary/fg-active',\n    backgroundColor: 'button/tertiary/bg-active',\n  },\n});\n\nexport const numberInputSlotRecipe = defineSlotRecipe({\n  className: 'number-input',\n  slots: numberInputAnatomy.keys(),\n  base: {\n    root: {\n      position: 'relative',\n      zIndex: '0',\n      isolation: 'isolate',\n      '--control-width': rem(100),\n    },\n    input: {\n      ...inputRecipe.base,\n      verticalAlign: 'top',\n      paddingInlineEnd: `var(--control-width) !important`,\n    },\n    control: {\n      display: 'flex',\n      gap: '1',\n      position: 'absolute',\n      top: '0',\n      insetEnd: '0',\n      margin: '1',\n      height: 'calc(100% - 2px)',\n      zIndex: '1',\n    },\n    incrementTrigger: {\n      ...triggerStyle,\n      borderTopEndRadius: '4',\n      borderBottomEndRadius: '4',\n      _before: triggerSeparatorStyle,\n    },\n    decrementTrigger: {\n      ...triggerStyle,\n    },\n    valueText: {\n      fontWeight: 'medium',\n      fontFeatureSettings: 'pnum',\n      fontVariantNumeric: 'proportional-nums',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        input: inputRecipe.variants?.size.md,\n        control: {\n          '--stepper-width': rem(40),\n        },\n      },\n      lg: {\n        input: inputRecipe.variants?.size.lg,\n        control: {\n          '--stepper-width': rem(48),\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default numberInputSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAa,wBAAwB,YAAY;CAC/C,SAAS;CACT,UAAU;CACV,KAAK;CACL,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,iBAAiB;CAClB,CAAC;AAEF,IAAM,eAAe,YAAY;CAC/B,UAAU;CACV,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,OAAO;CACP,WAAW;EACT,OAAO;EACP,QAAQ;EACT;CACD,QAAQ;EACN,OAAO;EACP,iBAAiB;EAClB;CACD,SAAS;EACP,OAAO;EACP,iBAAiB;EAClB;CACF,CAAC;AAEF,IAAa,wBAAwB,iBAAiB;CACpD,WAAW;CACX,OAAO,mBAAmB,MAAM;CAChC,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,QAAQ;GACR,WAAW;GACX,mBAAmB,IAAI,IAAI;GAC5B;EACD,OAAO;GACL,GAAG,YAAY;GACf,eAAe;GACf,kBAAkB;GACnB;EACD,SAAS;GACP,SAAS;GACT,KAAK;GACL,UAAU;GACV,KAAK;GACL,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,QAAQ;GACT;EACD,kBAAkB;GAChB,GAAG;GACH,oBAAoB;GACpB,uBAAuB;GACvB,SAAS;GACV;EACD,kBAAkB,EAChB,GAAG,cACJ;EACD,WAAW;GACT,YAAY;GACZ,qBAAqB;GACrB,oBAAoB;GACrB;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO,YAAY,UAAU,KAAK;GAClC,SAAS,EACP,mBAAmB,IAAI,GAAG,EAC3B;GACF;EACD,IAAI;GACF,OAAO,YAAY,UAAU,KAAK;GAClC,SAAS,EACP,mBAAmB,IAAI,GAAG,EAC3B;GACF;EACF,EACF;CAED,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"NumberInput.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NumberInput.recipe.ts"],"sourcesContent":["import { numberInputAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe, defineStyle } from '@chakra-ui/react/styled-system';\n\nimport inputRecipe from '../recipes/Input.recipe';\nimport { rem } from '../themeUtils';\n\nexport const triggerSeparatorStyle = defineStyle({\n  content: '\"\"',\n  position: 'absolute',\n  top: '50%',\n  left: '-1px',\n  transform: 'translateY(-50%)',\n  width: '1',\n  height: '24',\n  backgroundColor: 'border/minimal',\n});\n\nconst triggerStyle = defineStyle({\n  position: 'relative',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flex: '1',\n  userSelect: 'none',\n  cursor: 'pointer',\n  width: 'var(--stepper-width)',\n  color: 'button/secondary/fg/text',\n  _disabled: {\n    color: 'button/secondary/fg-disabled',\n    cursor: 'not-allowed',\n  },\n  _hover: {\n    color: 'button/secondary/fg-hover',\n    backgroundColor: 'button/tertiary/bg-hover',\n  },\n  _active: {\n    color: 'button/secondary/fg-active',\n    backgroundColor: 'button/tertiary/bg-active',\n  },\n});\n\nexport const numberInputSlotRecipe = defineSlotRecipe({\n  className: 'number-input',\n  slots: numberInputAnatomy.keys(),\n  base: {\n    root: {\n      position: 'relative',\n      zIndex: '0',\n      isolation: 'isolate',\n      '--control-width': rem(100),\n    },\n    input: {\n      ...inputRecipe.base,\n      verticalAlign: 'top',\n      paddingInlineEnd: `var(--control-width) !important`,\n    },\n    control: {\n      display: 'flex',\n      gap: '1',\n      position: 'absolute',\n      top: 0,\n      insetEnd: 0,\n      margin: '1',\n      height: 'calc(100% - 2px)',\n      zIndex: '1',\n    },\n    incrementTrigger: {\n      ...triggerStyle,\n      borderTopEndRadius: '4',\n      borderBottomEndRadius: '4',\n      _before: triggerSeparatorStyle,\n    },\n    decrementTrigger: {\n      ...triggerStyle,\n    },\n    valueText: {\n      fontWeight: 'medium',\n      fontFeatureSettings: 'pnum',\n      fontVariantNumeric: 'proportional-nums',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        input: inputRecipe.variants?.size.md,\n        control: {\n          '--stepper-width': rem(40),\n        },\n      },\n      lg: {\n        input: inputRecipe.variants?.size.lg,\n        control: {\n          '--stepper-width': rem(48),\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default numberInputSlotRecipe;\n"],"mappings":";;;;;AAMA,IAAa,wBAAwB,YAAY;CAC/C,SAAS;CACT,UAAU;CACV,KAAK;CACL,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,iBAAiB;CAClB,CAAC;AAEF,IAAM,eAAe,YAAY;CAC/B,UAAU;CACV,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,OAAO;CACP,OAAO;CACP,WAAW;EACT,OAAO;EACP,QAAQ;EACT;CACD,QAAQ;EACN,OAAO;EACP,iBAAiB;EAClB;CACD,SAAS;EACP,OAAO;EACP,iBAAiB;EAClB;CACF,CAAC;AAEF,IAAa,wBAAwB,iBAAiB;CACpD,WAAW;CACX,OAAO,mBAAmB,MAAM;CAChC,MAAM;EACJ,MAAM;GACJ,UAAU;GACV,QAAQ;GACR,WAAW;GACX,mBAAmB,IAAI,IAAI;GAC5B;EACD,OAAO;GACL,GAAG,YAAY;GACf,eAAe;GACf,kBAAkB;GACnB;EACD,SAAS;GACP,SAAS;GACT,KAAK;GACL,UAAU;GACV,KAAK;GACL,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,QAAQ;GACT;EACD,kBAAkB;GAChB,GAAG;GACH,oBAAoB;GACpB,uBAAuB;GACvB,SAAS;GACV;EACD,kBAAkB,EAChB,GAAG,cACJ;EACD,WAAW;GACT,YAAY;GACZ,qBAAqB;GACrB,oBAAoB;GACrB;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO,YAAY,UAAU,KAAK;GAClC,SAAS,EACP,mBAAmB,IAAI,GAAG,EAC3B;GACF;EACD,IAAI;GACF,OAAO,YAAY,UAAU,KAAK;GAClC,SAAS,EACP,mBAAmB,IAAI,GAAG,EAC3B;GACF;EACF,EACF;CAED,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -28,8 +28,8 @@ var overflowContentSlotRecipe = defineSlotRecipe({
 				height: "100%",
 				pointerEvents: "none",
 				position: "absolute",
-				right: "0",
-				top: "0",
+				right: 0,
+				top: 0,
 				width: "32"
 			}
 		},

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

@@ -1 +1 @@
-{"version":3,"file":"OverflowContent.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/OverflowContent.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst overflowContentSlotRecipe = defineSlotRecipe({\n  className: 'overflowContent',\n  slots: ['root', 'preview', 'action'] as const,\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '4',\n    },\n    preview: {\n      color: 'text/body',\n      flex: '1',\n      minWidth: 0,\n      overflow: 'hidden',\n      position: 'relative',\n      textOverflow: 'ellipsis',\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n      _after: {\n        background: 'linear-gradient(to left, {colors.background.primary} 0%, transparent 100%)',\n        content: '\"\"',\n        height: '100%',\n        pointerEvents: 'none',\n        position: 'absolute',\n        right: '0',\n        top: '0',\n        width: '32',\n      },\n    },\n    action: {\n      flexShrink: '0',\n    },\n  },\n});\n\nexport default overflowContentSlotRecipe;\n"],"mappings":";;AAEA,IAAM,4BAA4B,iBAAiB;CACjD,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;EAAS;CACpC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACN;EACD,SAAS;GACP,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,UAAU;GACV,cAAc;GACd,WAAW;GACX,YAAY;GACZ,QAAQ;IACN,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,eAAe;IACf,UAAU;IACV,OAAO;IACP,KAAK;IACL,OAAO;IACR;GACF;EACD,QAAQ,EACN,YAAY,KACb;EACF;CACF,CAAC"}
+{"version":3,"file":"OverflowContent.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/OverflowContent.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst overflowContentSlotRecipe = defineSlotRecipe({\n  className: 'overflowContent',\n  slots: ['root', 'preview', 'action'] as const,\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '4',\n    },\n    preview: {\n      color: 'text/body',\n      flex: '1',\n      minWidth: 0,\n      overflow: 'hidden',\n      position: 'relative',\n      textOverflow: 'ellipsis',\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n      _after: {\n        background: 'linear-gradient(to left, {colors.background.primary} 0%, transparent 100%)',\n        content: '\"\"',\n        height: '100%',\n        pointerEvents: 'none',\n        position: 'absolute',\n        right: 0,\n        top: 0,\n        width: '32',\n      },\n    },\n    action: {\n      flexShrink: '0',\n    },\n  },\n});\n\nexport default overflowContentSlotRecipe;\n"],"mappings":";;AAEA,IAAM,4BAA4B,iBAAiB;CACjD,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;EAAS;CACpC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACN;EACD,SAAS;GACP,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,UAAU;GACV,cAAc;GACd,WAAW;GACX,YAAY;GACZ,QAAQ;IACN,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,eAAe;IACf,UAAU;IACV,OAAO;IACP,KAAK;IACL,OAAO;IACR;GACF;EACD,QAAQ,EACN,YAAY,KACb;EACF;CACF,CAAC"}

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

@@ -42,9 +42,9 @@ var selectSlotRecipe = defineSlotRecipe({
 			alignItems: "center",
 			gap: "8",
 			position: "absolute",
-			insetEnd: "0",
-			top: "0",
-			bottom: "0",
+			insetEnd: 0,
+			top: 0,
+			bottom: 0,
 			paddingInline: "16",
 			pointerEvents: "none"
 		},

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

@@ -1 +1 @@
-{"version":3,"file":"Select.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Select.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, variants } from '../common/ComboboxAndSelect.common';\nimport { rem } from '../themeUtils';\n\nexport const selectSlotRecipe = defineSlotRecipe({\n  className: 'select',\n  slots: [...selectAnatomy.keys(), 'searchInputGroup', 'searchInput', 'createItemContainer', 'createItem'],\n  base: {\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      borderWidth: rem(1),\n      borderColor: 'border/strong',\n      background: 'bg.muted',\n      color: 'input/text/inputValue',\n      gap: '8',\n      justifyContent: 'space-between',\n      paddingInline: '16',\n      paddingBlock: rem(11),\n      borderRadius: '4',\n      userSelect: 'none',\n      textAlign: 'start',\n      focusVisibleRing: 'inside',\n      width: '100%',\n      _placeholderShown: {\n        color: 'text/secondary',\n      },\n      _disabled: {\n        color: 'text/disabled',\n        background: 'background/disabled',\n      },\n      _invalid: {\n        borderColor: 'border/error',\n      },\n      _readOnly: {\n        background: 'background/disabled',\n      },\n    },\n    indicatorGroup: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      position: 'absolute',\n      insetEnd: '0',\n      top: '0',\n      bottom: '0',\n      paddingInline: '16',\n      pointerEvents: 'none',\n    },\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: 'icon/secondary',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n      _readOnly: {\n        color: 'icon/on-disabled',\n      },\n    },\n    ...base,\n    control: {\n      position: 'relative',\n      width: '100%',\n    },\n    searchInput: {\n      border: 'none',\n      boxShadow: 'none',\n      outline: 'none',\n      paddingRight: '16',\n      paddingBlock: '16',\n      textStyle: 'body/lg/regular',\n      '--input-height': rem(32),\n    },\n    searchInputGroup: {\n      borderBottom: '1px solid',\n      borderColor: 'border/minimal',\n      appearance: 'none',\n      paddingLeft: '16',\n    },\n    createItem: {\n      borderTop: '1px solid',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '12',\n      paddingInlineEnd: '24',\n      paddingInlineStart: '16',\n      paddingBlock: '20',\n      color: 'text/primary',\n      textStyle: 'body/lg/regular',\n      textDecoration: 'none',\n      width: '100%',\n      cursor: 'pointer',\n      textAlign: 'start',\n      _hover: {\n        background: 'button/secondary/bg-hover',\n        textDecoration: 'none',\n        _active: {\n          background: 'button/secondary/bg-active',\n        },\n      },\n      _active: {\n        background: 'button/secondary/bg-active',\n      },\n      _focusVisible: {\n        outlineOffset: '-3px',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      lg: variants.size.lg,\n      md: {\n        ...variants.size.md,\n        searchInput: {\n          paddingBlock: '12',\n          textStyle: 'body/md/regular',\n          '--input-height': rem(24),\n        },\n        createItem: {\n          color: 'text/primary',\n          paddingBlock: '16',\n          textStyle: 'body/md/regular',\n        },\n        trigger: {\n          textStyle: 'body/md/regular',\n          paddingBlock: rem(9),\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n"],"mappings":";;;;;AAMA,IAAa,mBAAmB,iBAAiB;CAC/C,WAAW;CACX,OAAO;EAAC,GAAG,cAAc,MAAM;EAAE;EAAoB;EAAe;EAAuB;EAAa;CACxG,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,OAAO;GACP,KAAK;GACL,gBAAgB;GAChB,eAAe;GACf,cAAc,IAAI,GAAG;GACrB,cAAc;GACd,YAAY;GACZ,WAAW;GACX,kBAAkB;GAClB,OAAO;GACP,mBAAmB,EACjB,OAAO,kBACR;GACD,WAAW;IACT,OAAO;IACP,YAAY;IACb;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW,EACT,YAAY,uBACb;GACF;EACD,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,UAAU;GACV,KAAK;GACL,QAAQ;GACR,eAAe;GACf,eAAe;GAChB;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,iBACR;GACD,WAAW,EACT,OAAO,oBACR;GACF;EACD,GAAG;EACH,SAAS;GACP,UAAU;GACV,OAAO;GACR;EACD,aAAa;GACX,QAAQ;GACR,WAAW;GACX,SAAS;GACT,cAAc;GACd,cAAc;GACd,WAAW;GACX,kBAAkB,IAAI,GAAG;GAC1B;EACD,kBAAkB;GAChB,cAAc;GACd,aAAa;GACb,YAAY;GACZ,aAAa;GACd;EACD,YAAY;GACV,WAAW;GACX,aAAa;GACb,SAAS;GACT,YAAY;GACZ,KAAK;GACL,kBAAkB;GAClB,oBAAoB;GACpB,cAAc;GACd,OAAO;GACP,WAAW;GACX,gBAAgB;GAChB,OAAO;GACP,QAAQ;GACR,WAAW;GACX,QAAQ;IACN,YAAY;IACZ,gBAAgB;IAChB,SAAS,EACP,YAAY,8BACb;IACF;GACD,SAAS,EACP,YAAY,8BACb;GACD,eAAe,EACb,eAAe,QAChB;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI,SAAS,KAAK;EAClB,IAAI;GACF,GAAG,SAAS,KAAK;GACjB,aAAa;IACX,cAAc;IACd,WAAW;IACX,kBAAkB,IAAI,GAAG;IAC1B;GACD,YAAY;IACV,OAAO;IACP,cAAc;IACd,WAAW;IACZ;GACD,SAAS;IACP,WAAW;IACX,cAAc,IAAI,EAAE;IACrB;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"Select.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Select.recipe.ts"],"sourcesContent":["import { selectAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { base, variants } from '../common/ComboboxAndSelect.common';\nimport { rem } from '../themeUtils';\n\nexport const selectSlotRecipe = defineSlotRecipe({\n  className: 'select',\n  slots: [...selectAnatomy.keys(), 'searchInputGroup', 'searchInput', 'createItemContainer', 'createItem'],\n  base: {\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      borderWidth: rem(1),\n      borderColor: 'border/strong',\n      background: 'bg.muted',\n      color: 'input/text/inputValue',\n      gap: '8',\n      justifyContent: 'space-between',\n      paddingInline: '16',\n      paddingBlock: rem(11),\n      borderRadius: '4',\n      userSelect: 'none',\n      textAlign: 'start',\n      focusVisibleRing: 'inside',\n      width: '100%',\n      _placeholderShown: {\n        color: 'text/secondary',\n      },\n      _disabled: {\n        color: 'text/disabled',\n        background: 'background/disabled',\n      },\n      _invalid: {\n        borderColor: 'border/error',\n      },\n      _readOnly: {\n        background: 'background/disabled',\n      },\n    },\n    indicatorGroup: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      position: 'absolute',\n      insetEnd: 0,\n      top: 0,\n      bottom: 0,\n      paddingInline: '16',\n      pointerEvents: 'none',\n    },\n    indicator: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: 'icon/secondary',\n      _disabled: {\n        color: 'icon/disabled',\n      },\n      _readOnly: {\n        color: 'icon/on-disabled',\n      },\n    },\n    ...base,\n    control: {\n      position: 'relative',\n      width: '100%',\n    },\n    searchInput: {\n      border: 'none',\n      boxShadow: 'none',\n      outline: 'none',\n      paddingRight: '16',\n      paddingBlock: '16',\n      textStyle: 'body/lg/regular',\n      '--input-height': rem(32),\n    },\n    searchInputGroup: {\n      borderBottom: '1px solid',\n      borderColor: 'border/minimal',\n      appearance: 'none',\n      paddingLeft: '16',\n    },\n    createItem: {\n      borderTop: '1px solid',\n      borderColor: 'border/minimal',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '12',\n      paddingInlineEnd: '24',\n      paddingInlineStart: '16',\n      paddingBlock: '20',\n      color: 'text/primary',\n      textStyle: 'body/lg/regular',\n      textDecoration: 'none',\n      width: '100%',\n      cursor: 'pointer',\n      textAlign: 'start',\n      _hover: {\n        background: 'button/secondary/bg-hover',\n        textDecoration: 'none',\n        _active: {\n          background: 'button/secondary/bg-active',\n        },\n      },\n      _active: {\n        background: 'button/secondary/bg-active',\n      },\n      _focusVisible: {\n        outlineOffset: '-3px',\n      },\n    },\n  },\n\n  variants: {\n    size: {\n      lg: variants.size.lg,\n      md: {\n        ...variants.size.md,\n        searchInput: {\n          paddingBlock: '12',\n          textStyle: 'body/md/regular',\n          '--input-height': rem(24),\n        },\n        createItem: {\n          color: 'text/primary',\n          paddingBlock: '16',\n          textStyle: 'body/md/regular',\n        },\n        trigger: {\n          textStyle: 'body/md/regular',\n          paddingBlock: rem(9),\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n"],"mappings":";;;;;AAMA,IAAa,mBAAmB,iBAAiB;CAC/C,WAAW;CACX,OAAO;EAAC,GAAG,cAAc,MAAM;EAAE;EAAoB;EAAe;EAAuB;EAAa;CACxG,MAAM;EACJ,SAAS;GACP,SAAS;GACT,YAAY;GACZ,aAAa,IAAI,EAAE;GACnB,aAAa;GACb,YAAY;GACZ,OAAO;GACP,KAAK;GACL,gBAAgB;GAChB,eAAe;GACf,cAAc,IAAI,GAAG;GACrB,cAAc;GACd,YAAY;GACZ,WAAW;GACX,kBAAkB;GAClB,OAAO;GACP,mBAAmB,EACjB,OAAO,kBACR;GACD,WAAW;IACT,OAAO;IACP,YAAY;IACb;GACD,UAAU,EACR,aAAa,gBACd;GACD,WAAW,EACT,YAAY,uBACb;GACF;EACD,gBAAgB;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,UAAU;GACV,UAAU;GACV,KAAK;GACL,QAAQ;GACR,eAAe;GACf,eAAe;GAChB;EACD,WAAW;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,WAAW,EACT,OAAO,iBACR;GACD,WAAW,EACT,OAAO,oBACR;GACF;EACD,GAAG;EACH,SAAS;GACP,UAAU;GACV,OAAO;GACR;EACD,aAAa;GACX,QAAQ;GACR,WAAW;GACX,SAAS;GACT,cAAc;GACd,cAAc;GACd,WAAW;GACX,kBAAkB,IAAI,GAAG;GAC1B;EACD,kBAAkB;GAChB,cAAc;GACd,aAAa;GACb,YAAY;GACZ,aAAa;GACd;EACD,YAAY;GACV,WAAW;GACX,aAAa;GACb,SAAS;GACT,YAAY;GACZ,KAAK;GACL,kBAAkB;GAClB,oBAAoB;GACpB,cAAc;GACd,OAAO;GACP,WAAW;GACX,gBAAgB;GAChB,OAAO;GACP,QAAQ;GACR,WAAW;GACX,QAAQ;IACN,YAAY;IACZ,gBAAgB;IAChB,SAAS,EACP,YAAY,8BACb;IACF;GACD,SAAS,EACP,YAAY,8BACb;GACD,eAAe,EACb,eAAe,QAChB;GACF;EACF;CAED,UAAU,EACR,MAAM;EACJ,IAAI,SAAS,KAAK;EAClB,IAAI;GACF,GAAG,SAAS,KAAK;GACjB,aAAa;IACX,cAAc;IACd,WAAW;IACX,kBAAkB,IAAI,GAAG;IAC1B;GACD,YAAY;IACV,OAAO;IACP,cAAc;IACd,WAAW;IACZ;GACD,SAAS;IACP,WAAW;IACX,cAAc,IAAI,EAAE;IACrB;GACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -15,7 +15,7 @@ declare const stepsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
                         content: "\"\"";
                         position: "absolute";
                         insetBlockStart: "-2px";
-                        insetInlineStart: "0";
+                        insetInlineStart: number;
                         width: "50%";
                         height: "2";
                         bg: "border/selected";
@@ -41,7 +41,7 @@ declare const stepsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
                     _before: {
                         content: "\"\"";
                         position: "absolute";
-                        insetBlockStart: "0";
+                        insetBlockStart: number;
                         insetInlineStart: "-2px";
                         width: "2";
                         height: "50%";

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

@@ -121,7 +121,7 @@ var stepsSlotRecipe = defineSlotRecipe({
 					content: "\"\"",
 					position: "absolute",
 					insetBlockStart: "-2px",
-					insetInlineStart: "0",
+					insetInlineStart: 0,
 					width: "50%",
 					height: "2",
 					bg: "border/selected"
@@ -143,7 +143,7 @@ var stepsSlotRecipe = defineSlotRecipe({
 				[STATUS_IN_PROGRESS]: { _before: {
 					content: "\"\"",
 					position: "absolute",
-					insetBlockStart: "0",
+					insetBlockStart: 0,
 					insetInlineStart: "-2px",
 					width: "2",
 					height: "50%",