@bitrise/bitkit-v2 0.3.197 → 0.3.198

package/dist/components/BitkitDrawer/BitkitDrawer.d.ts

@@ -0,0 +1,28 @@
+import { Drawer, DrawerActionTriggerProps, DrawerBackdropProps, DrawerBodyProps, DrawerCloseTriggerProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerPositionerProps, DrawerRootProps, DrawerTitleProps, DrawerTriggerProps } from '@chakra-ui/react/drawer';
+export type BitkitDrawerRootProps = DrawerRootProps;
+export type BitkitDrawerTriggerProps = DrawerTriggerProps;
+export type BitkitDrawerBackdropProps = DrawerBackdropProps;
+export type BitkitDrawerPositionerProps = DrawerPositionerProps;
+export type BitkitDrawerContentProps = DrawerContentProps;
+export type BitkitDrawerHeaderProps = DrawerHeaderProps;
+export type BitkitDrawerTitleProps = DrawerTitleProps;
+export type BitkitDrawerDescriptionProps = DrawerDescriptionProps;
+export type BitkitDrawerBodyProps = DrawerBodyProps;
+export type BitkitDrawerFooterProps = DrawerFooterProps;
+export type BitkitDrawerActionTriggerProps = DrawerActionTriggerProps;
+export type BitkitDrawerCloseButtonProps = DrawerCloseTriggerProps;
+declare const BitkitDrawer: {
+    ActionTrigger: import('react').ForwardRefExoticComponent<Drawer.ActionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Backdrop: import('react').ForwardRefExoticComponent<Drawer.BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
+    Body: import('react').ForwardRefExoticComponent<Drawer.BodyProps & import('react').RefAttributes<HTMLDivElement>>;
+    CloseButton: import('react').ForwardRefExoticComponent<Drawer.CloseTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Content: import('react').ForwardRefExoticComponent<Drawer.ContentProps & import('react').RefAttributes<HTMLDivElement>>;
+    Description: import('react').ForwardRefExoticComponent<Drawer.DescriptionProps & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<Drawer.FooterProps & import('react').RefAttributes<HTMLDivElement>>;
+    Header: import('react').ForwardRefExoticComponent<Drawer.HeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+    Positioner: import('react').ForwardRefExoticComponent<Drawer.PositionerProps & import('react').RefAttributes<HTMLDivElement>>;
+    Root: import('react').FC<Drawer.RootProps>;
+    Title: import('react').ForwardRefExoticComponent<Drawer.TitleProps & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<Drawer.TriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export default BitkitDrawer;

package/dist/components/BitkitDrawer/BitkitDrawer.js

@@ -0,0 +1,56 @@
+import IconCross from "../../icons/IconCross.js";
+import BitkitLabelTooltip from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@chakra-ui/react/drawer";
+//#region lib/components/BitkitDrawer/BitkitDrawer.tsx
+var Root = Drawer.Root;
+var Trigger = Drawer.Trigger;
+var Backdrop = Drawer.Backdrop;
+var Positioner = Drawer.Positioner;
+var Content = Drawer.Content;
+var Header = Drawer.Header;
+var Title = Drawer.Title;
+var Description = Drawer.Description;
+var Body = Drawer.Body;
+var Footer = Drawer.Footer;
+var ActionTrigger = Drawer.ActionTrigger;
+var CloseButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BitkitLabelTooltip, {
+	text: "Close",
+	children: /* @__PURE__ */ jsx(Drawer.CloseTrigger, {
+		ref,
+		"aria-label": "Close",
+		...props,
+		children: /* @__PURE__ */ jsx(IconCross, {})
+	})
+}));
+Root.displayName = "BitkitDrawer.Root";
+Trigger.displayName = "BitkitDrawer.Trigger";
+Backdrop.displayName = "BitkitDrawer.Backdrop";
+Positioner.displayName = "BitkitDrawer.Positioner";
+Content.displayName = "BitkitDrawer.Content";
+Header.displayName = "BitkitDrawer.Header";
+Title.displayName = "BitkitDrawer.Title";
+Description.displayName = "BitkitDrawer.Description";
+Body.displayName = "BitkitDrawer.Body";
+Footer.displayName = "BitkitDrawer.Footer";
+ActionTrigger.displayName = "BitkitDrawer.ActionTrigger";
+CloseButton.displayName = "BitkitDrawer.CloseButton";
+var BitkitDrawer = {
+	ActionTrigger,
+	Backdrop,
+	Body,
+	CloseButton,
+	Content,
+	Description,
+	Footer,
+	Header,
+	Positioner,
+	Root,
+	Title,
+	Trigger
+};
+//#endregion
+export { BitkitDrawer as default };
+
+//# sourceMappingURL=BitkitDrawer.js.map

package/dist/components/BitkitDrawer/BitkitDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitDrawer.js","names":[],"sources":["../../../lib/components/BitkitDrawer/BitkitDrawer.tsx"],"sourcesContent":["import {\n  Drawer,\n  type DrawerActionTriggerProps,\n  type DrawerBackdropProps,\n  type DrawerBodyProps,\n  type DrawerCloseTriggerProps,\n  type DrawerContentProps,\n  type DrawerDescriptionProps,\n  type DrawerFooterProps,\n  type DrawerHeaderProps,\n  type DrawerPositionerProps,\n  type DrawerRootProps,\n  type DrawerTitleProps,\n  type DrawerTriggerProps,\n} from '@chakra-ui/react/drawer';\nimport { forwardRef } from 'react';\n\nimport { IconCross } from '../../icons';\nimport BitkitLabelTooltip from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\nexport type BitkitDrawerRootProps = DrawerRootProps;\nexport type BitkitDrawerTriggerProps = DrawerTriggerProps;\nexport type BitkitDrawerBackdropProps = DrawerBackdropProps;\nexport type BitkitDrawerPositionerProps = DrawerPositionerProps;\nexport type BitkitDrawerContentProps = DrawerContentProps;\nexport type BitkitDrawerHeaderProps = DrawerHeaderProps;\nexport type BitkitDrawerTitleProps = DrawerTitleProps;\nexport type BitkitDrawerDescriptionProps = DrawerDescriptionProps;\nexport type BitkitDrawerBodyProps = DrawerBodyProps;\nexport type BitkitDrawerFooterProps = DrawerFooterProps;\nexport type BitkitDrawerActionTriggerProps = DrawerActionTriggerProps;\nexport type BitkitDrawerCloseButtonProps = DrawerCloseTriggerProps;\n\nconst Root = Drawer.Root;\nconst Trigger = Drawer.Trigger;\nconst Backdrop = Drawer.Backdrop;\nconst Positioner = Drawer.Positioner;\nconst Content = Drawer.Content;\nconst Header = Drawer.Header;\nconst Title = Drawer.Title;\nconst Description = Drawer.Description;\nconst Body = Drawer.Body;\nconst Footer = Drawer.Footer;\nconst ActionTrigger = Drawer.ActionTrigger;\n\nconst CloseButton = forwardRef<HTMLButtonElement, BitkitDrawerCloseButtonProps>((props, ref) => (\n  <BitkitLabelTooltip text=\"Close\">\n    <Drawer.CloseTrigger ref={ref} aria-label=\"Close\" {...props}>\n      <IconCross />\n    </Drawer.CloseTrigger>\n  </BitkitLabelTooltip>\n));\n\nRoot.displayName = 'BitkitDrawer.Root';\nTrigger.displayName = 'BitkitDrawer.Trigger';\nBackdrop.displayName = 'BitkitDrawer.Backdrop';\nPositioner.displayName = 'BitkitDrawer.Positioner';\nContent.displayName = 'BitkitDrawer.Content';\nHeader.displayName = 'BitkitDrawer.Header';\nTitle.displayName = 'BitkitDrawer.Title';\nDescription.displayName = 'BitkitDrawer.Description';\nBody.displayName = 'BitkitDrawer.Body';\nFooter.displayName = 'BitkitDrawer.Footer';\nActionTrigger.displayName = 'BitkitDrawer.ActionTrigger';\nCloseButton.displayName = 'BitkitDrawer.CloseButton';\n\nconst BitkitDrawer = {\n  ActionTrigger,\n  Backdrop,\n  Body,\n  CloseButton,\n  Content,\n  Description,\n  Footer,\n  Header,\n  Positioner,\n  Root,\n  Title,\n  Trigger,\n};\n\nexport default BitkitDrawer;\n"],"mappings":";;;;;;AAiCA,IAAM,OAAO,OAAO;AACpB,IAAM,UAAU,OAAO;AACvB,IAAM,WAAW,OAAO;AACxB,IAAM,aAAa,OAAO;AAC1B,IAAM,UAAU,OAAO;AACvB,IAAM,SAAS,OAAO;AACtB,IAAM,QAAQ,OAAO;AACrB,IAAM,cAAc,OAAO;AAC3B,IAAM,OAAO,OAAO;AACpB,IAAM,SAAS,OAAO;AACtB,IAAM,gBAAgB,OAAO;AAE7B,IAAM,cAAc,YAA6D,OAAO,QACtF,oBAAC,oBAAD;CAAoB,MAAK;WACvB,oBAAC,OAAO,cAAR;EAA0B;EAAK,cAAW;EAAQ,GAAI;YACpD,oBAAC,WAAD,EAAa,CAAA;EACO,CAAA;CACH,CAAA,CACrB;AAEF,KAAK,cAAc;AACnB,QAAQ,cAAc;AACtB,SAAS,cAAc;AACvB,WAAW,cAAc;AACzB,QAAQ,cAAc;AACtB,OAAO,cAAc;AACrB,MAAM,cAAc;AACpB,YAAY,cAAc;AAC1B,KAAK,cAAc;AACnB,OAAO,cAAc;AACrB,cAAc,cAAc;AAC5B,YAAY,cAAc;AAE1B,IAAM,eAAe;CACnB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
 import { Tooltip } from "@chakra-ui/react/tooltip";
 //#region lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx
 var BitkitLabelTooltip = ({ children, disabled, placement = "top", text }) => {
@@ -16,7 +17,7 @@ var BitkitLabelTooltip = ({ children, disabled, placement = "top", text }) => {
 		children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
 			asChild: true,
 			children
-		}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Content, { children: text }) })]
+		}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Content, { children: text }) }) })]
 	});
 };
 BitkitLabelTooltip.displayName = "BitkitLabelTooltip";

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitLabelTooltip.js","names":[],"sources":["../../../lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nexport type BitkitLabelTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitLabelTooltip = ({ children, disabled, placement = 'top', text }: BitkitLabelTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n      textStyle=\"sm/semibold\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content>{text}</Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitLabelTooltip.displayName = 'BitkitLabelTooltip';\n\nexport default BitkitLabelTooltip;\n"],"mappings":";;;AAUA,IAAM,sBAAsB,EAAE,UAAU,UAAU,YAAY,OAAO,WAAoC;AACvG,QACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;EACjE,WAAU;YAJZ,CAME,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT,EAAA,UAAkB,MAAuB,CAAA,EACtB,CAAA,CACR;;;AAInB,mBAAmB,cAAc"}
+{"version":3,"file":"BitkitLabelTooltip.js","names":[],"sources":["../../../lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx"],"sourcesContent":["import { Portal } from '@chakra-ui/react/portal';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nexport type BitkitLabelTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitLabelTooltip = ({ children, disabled, placement = 'top', text }: BitkitLabelTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n      textStyle=\"sm/semibold\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Portal>\n        <Tooltip.Positioner>\n          <Tooltip.Content>{text}</Tooltip.Content>\n        </Tooltip.Positioner>\n      </Portal>\n    </Tooltip.Root>\n  );\n};\n\nBitkitLabelTooltip.displayName = 'BitkitLabelTooltip';\n\nexport default BitkitLabelTooltip;\n"],"mappings":";;;;AAWA,IAAM,sBAAsB,EAAE,UAAU,UAAU,YAAY,OAAO,WAAoC;AACvG,QACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;EACjE,WAAU;YAJZ,CAME,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAD,EAAA,UACE,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT,EAAA,UAAkB,MAAuB,CAAA,EACtB,CAAA,EACd,CAAA,CACI;;;AAInB,mBAAmB,cAAc"}

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ export { default as BitkitDialogButtons, type BitkitDialogButtonsProps } from '.
 export { default as BitkitDialogContent, type BitkitDialogContentProps } from './BitkitDialog/BitkitDialogContent';
 export { default as BitkitDialogRoot, type BitkitDialogRootProps } from './BitkitDialog/BitkitDialogRoot';
 export { default as BitkitDraggableCard, type BitkitDraggableCardProps, } from './BitkitDraggableCard/BitkitDraggableCard';
+export { default as BitkitDrawer, type BitkitDrawerActionTriggerProps, type BitkitDrawerBackdropProps, type BitkitDrawerBodyProps, type BitkitDrawerCloseButtonProps, type BitkitDrawerContentProps, type BitkitDrawerDescriptionProps, type BitkitDrawerFooterProps, type BitkitDrawerHeaderProps, type BitkitDrawerPositionerProps, type BitkitDrawerRootProps, type BitkitDrawerTitleProps, type BitkitDrawerTriggerProps, } from './BitkitDrawer/BitkitDrawer';
 export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
 export { default as BitkitExplainerList, type BitkitExplainerListItemProps, type BitkitExplainerListProps, } from './BitkitExplainerList/BitkitExplainerList';

package/dist/main.js

@@ -307,6 +307,7 @@ import BitkitDialogRoot from "./components/BitkitDialog/BitkitDialogRoot.js";
 import BitkitDialog from "./components/BitkitDialog/BitkitDialog.js";
 import BitkitDialogButtons from "./components/BitkitDialog/BitkitDialogButtons.js";
 import BitkitDraggableCard from "./components/BitkitDraggableCard/BitkitDraggableCard.js";
+import BitkitDrawer from "./components/BitkitDrawer/BitkitDrawer.js";
 import BitkitEmptyState from "./components/BitkitEmptyState/BitkitEmptyState.js";
 import BitkitExpandableCard from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
 import BitkitExplainerList_default from "./components/BitkitExplainerList/BitkitExplainerList.js";
@@ -352,4 +353,4 @@ import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButt
 import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeView/BitkitTreeView.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogRoot, BitkitDraggableCard, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSidebar_default as BitkitSidebar, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitTreeView, BitkitUnorderedList_default as BitkitUnorderedList, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection };
+export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogRoot, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSidebar_default as BitkitSidebar, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitTreeView, BitkitUnorderedList_default as BitkitUnorderedList, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection };

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%",

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

@@ -1 +1 @@
-{"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n  className: 'steps',\n  slots: stepsAnatomy.keys(),\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    list: {\n      display: 'flex',\n      gap: 0,\n    },\n    item: {\n      display: 'flex',\n      flex: '1 0 0',\n      gap: '8',\n      borderStyle: 'solid',\n      borderColor: 'border/disabled',\n\n      [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n      [STATUS_IN_PROGRESS]: { position: 'relative' },\n    },\n    indicator: {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      flexShrink: '0',\n      borderRadius: '9999px',\n      borderWidth: '2px',\n      borderStyle: 'solid',\n      width: '24',\n      height: '24',\n      overflow: 'clip',\n      textStyle: 'body/md/semibold',\n      lineHeight: 'initial',\n\n      [STATUS_NOT_STARTED]: {\n        bg: 'background/primary',\n        borderColor: 'border/strong',\n        color: 'text/secondary',\n      },\n      [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n      [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n      [STATUS_INVALID]: {\n        bg: 'status/critical/bg',\n        borderColor: 'border/error',\n        color: 'text/negative',\n        textStyle: 'heading/h4',\n      },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n        bg: 'background/primary',\n        borderColor: 'border/disabled',\n        color: 'text/disabled',\n      },\n    },\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flex: '1 0 0',\n      minWidth: '1',\n    },\n    title: {\n      ...truncate,\n      textStyle: 'body/md/regular',\n      color: 'text/secondary',\n      lineHeight: 'initial!',\n\n      [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n    },\n    description: {\n      ...truncate,\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n      [STATUS_DISABLED]: { color: 'text/disabled' },\n    },\n    // Required by stepsAnatomy but unused in this component\n    content: {},\n    nextTrigger: {},\n    prevTrigger: {},\n    progress: {},\n    separator: {},\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        list: {\n          flexDirection: 'row',\n          alignItems: 'center',\n        },\n        item: {\n          alignItems: 'center',\n          borderTopWidth: '2px',\n          paddingBlock: '16',\n          paddingInlineEnd: '24',\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '-2px',\n              insetInlineStart: '0',\n              width: '50%',\n              height: '2',\n              bg: 'border/selected',\n            },\n          },\n        },\n      },\n      vertical: {\n        list: {\n          flexDirection: 'column',\n          alignItems: 'stretch',\n        },\n        item: {\n          alignItems: 'flex-start',\n          borderInlineStartWidth: '2px',\n          paddingInlineStart: '12',\n          paddingInlineEnd: '24',\n          paddingBlockEnd: '24',\n\n          '&:last-of-type': {\n            paddingBlockEnd: 0,\n          },\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '0',\n              insetInlineStart: '-2px',\n              width: '2',\n              height: '50%',\n              bg: 'border/selected',\n            },\n          },\n        },\n        trigger: {\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          gap: '2',\n          paddingBlockStart: '4',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAU,cAAc;CAAY,YAAY;CAAU;AAEvF,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,KAAK;GACN;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,KAAK;GACL,aAAa;GACb,aAAa;IAEZ,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,mBAAmB;IAC7E,qBAAqB,EAAE,UAAU,YAAY;GAC/C;EACD,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;IACR;IACA,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;IAAiB;IACzG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;IAAiB;IACrG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;IACZ;IACA,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;IACR;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;GACX;EACD,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;IAAgB;IAC7E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,iBAAiB;GAC3F;EACD,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,iBAAiB;IACrE,kBAAkB,EAAE,OAAO,iBAAiB;GAC9C;EAED,SAAS,EAAE;EACX,aAAa,EAAE;EACf,aAAa,EAAE;EACf,UAAU,EAAE;EACZ,WAAW,EAAE;EACd;CACD,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,kBAAkB;KAEjB,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACF;EACD,UAAU;GACR,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IAEjB,kBAAkB,EAChB,iBAAiB,GAClB;KAEA,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACD,SAAS;IACP,eAAe;IACf,YAAY;IACZ,KAAK;IACL,mBAAmB;IACpB;GACF;EACF,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CAAC"}
+{"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n  className: 'steps',\n  slots: stepsAnatomy.keys(),\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    list: {\n      display: 'flex',\n      gap: 0,\n    },\n    item: {\n      display: 'flex',\n      flex: '1 0 0',\n      gap: '8',\n      borderStyle: 'solid',\n      borderColor: 'border/disabled',\n\n      [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n      [STATUS_IN_PROGRESS]: { position: 'relative' },\n    },\n    indicator: {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      flexShrink: '0',\n      borderRadius: '9999px',\n      borderWidth: '2px',\n      borderStyle: 'solid',\n      width: '24',\n      height: '24',\n      overflow: 'clip',\n      textStyle: 'body/md/semibold',\n      lineHeight: 'initial',\n\n      [STATUS_NOT_STARTED]: {\n        bg: 'background/primary',\n        borderColor: 'border/strong',\n        color: 'text/secondary',\n      },\n      [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n      [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n      [STATUS_INVALID]: {\n        bg: 'status/critical/bg',\n        borderColor: 'border/error',\n        color: 'text/negative',\n        textStyle: 'heading/h4',\n      },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n        bg: 'background/primary',\n        borderColor: 'border/disabled',\n        color: 'text/disabled',\n      },\n    },\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flex: '1 0 0',\n      minWidth: '1',\n    },\n    title: {\n      ...truncate,\n      textStyle: 'body/md/regular',\n      color: 'text/secondary',\n      lineHeight: 'initial!',\n\n      [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n    },\n    description: {\n      ...truncate,\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n      [STATUS_DISABLED]: { color: 'text/disabled' },\n    },\n    // Required by stepsAnatomy but unused in this component\n    content: {},\n    nextTrigger: {},\n    prevTrigger: {},\n    progress: {},\n    separator: {},\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        list: {\n          flexDirection: 'row',\n          alignItems: 'center',\n        },\n        item: {\n          alignItems: 'center',\n          borderTopWidth: '2px',\n          paddingBlock: '16',\n          paddingInlineEnd: '24',\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '-2px',\n              insetInlineStart: 0,\n              width: '50%',\n              height: '2',\n              bg: 'border/selected',\n            },\n          },\n        },\n      },\n      vertical: {\n        list: {\n          flexDirection: 'column',\n          alignItems: 'stretch',\n        },\n        item: {\n          alignItems: 'flex-start',\n          borderInlineStartWidth: '2px',\n          paddingInlineStart: '12',\n          paddingInlineEnd: '24',\n          paddingBlockEnd: '24',\n\n          '&:last-of-type': {\n            paddingBlockEnd: 0,\n          },\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: 0,\n              insetInlineStart: '-2px',\n              width: '2',\n              height: '50%',\n              bg: 'border/selected',\n            },\n          },\n        },\n        trigger: {\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          gap: '2',\n          paddingBlockStart: '4',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAU,cAAc;CAAY,YAAY;CAAU;AAEvF,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,KAAK;GACN;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,KAAK;GACL,aAAa;GACb,aAAa;IAEZ,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,mBAAmB;IAC7E,qBAAqB,EAAE,UAAU,YAAY;GAC/C;EACD,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;IACR;IACA,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;IAAiB;IACzG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;IAAiB;IACrG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;IACZ;IACA,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;IACR;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;GACX;EACD,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;IAAgB;IAC7E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,iBAAiB;GAC3F;EACD,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,iBAAiB;IACrE,kBAAkB,EAAE,OAAO,iBAAiB;GAC9C;EAED,SAAS,EAAE;EACX,aAAa,EAAE;EACf,aAAa,EAAE;EACf,UAAU,EAAE;EACZ,WAAW,EAAE;EACd;CACD,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,kBAAkB;KAEjB,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACF;EACD,UAAU;GACR,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IAEjB,kBAAkB,EAChB,iBAAiB,GAClB;KAEA,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACD,SAAS;IACP,eAAe;IACf,YAAY;IACZ,KAAK;IACL,mBAAmB;IACpB;GACF;EACF,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CAAC"}

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

@@ -26,7 +26,7 @@ var switchSlotRecipe = defineSlotRecipe({
 			placeContent: "center",
 			userSelect: "none",
 			insetInlineStart: "calc(var(--switch-x) - 2px)",
-			_checked: { insetInlineStart: "2px" }
+			_checked: { insetInlineStart: "2" }
 		},
 		control: {
 			position: "relative",

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: '2px',\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,OACnB;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/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"}

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

@@ -52,7 +52,7 @@ var tagsInputSlotRecipe = defineSlotRecipe({
 			gap: "8",
 			paddingInline: "4",
 			position: "sticky",
-			top: "0",
+			top: 0,
 			"&:has(button)": { paddingInline: 0 }
 		},
 		input: {

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

package/dist/theme/slot-recipes/index.d.ts

@@ -319,8 +319,8 @@ declare const slotRecipes: {
                         height: "40";
                         pointerEvents: "none";
                         position: "absolute";
-                        right: "0";
-                        top: "0";
+                        right: number;
+                        top: number;
                         width: "8";
                     };
                 };
@@ -669,6 +669,55 @@ declare const slotRecipes: {
             };
         };
     }>;
+    drawer: 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";
+                };
+            };
+        };
+    }>;
     emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
         colorScheme: {
             white: {
@@ -1404,7 +1453,7 @@ declare const slotRecipes: {
                             content: "\"\"";
                             position: "absolute";
                             insetBlockStart: "-2px";
-                            insetInlineStart: "0";
+                            insetInlineStart: number;
                             width: "50%";
                             height: "2";
                             bg: "border/selected";
@@ -1430,7 +1479,7 @@ declare const slotRecipes: {
                         _before: {
                             content: "\"\"";
                             position: "absolute";
-                            insetBlockStart: "0";
+                            insetBlockStart: number;
                             insetInlineStart: "-2px";
                             width: "2";
                             height: "50%";

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

@@ -14,6 +14,7 @@ import { selectSlotRecipe } from "./Select.recipe.js";
 import datePickerSelectSlotRecipe from "./DatePickerSelect.recipe.js";
 import dialogSlotRecipe from "./Dialog.recipe.js";
 import draggableCardSlotRecipe from "./DraggableCard.recipe.js";
+import drawerSlotRecipe from "./Drawer.recipe.js";
 import emptyStateSlotRecipe from "./EmptyState.recipe.js";
 import expandableCardSlotRecipe from "./ExpandableCard.recipe.js";
 import fieldSlotRecipe from "./Field.recipe.js";
@@ -66,6 +67,7 @@ var slotRecipes = {
 	datePickerSelect: datePickerSelectSlotRecipe,
 	dialog: dialogSlotRecipe,
 	draggableCard: draggableCardSlotRecipe,
+	drawer: drawerSlotRecipe,
 	emptyState: emptyStateSlotRecipe,
 	expandableCard: expandableCardSlotRecipe,
 	field: fieldSlotRecipe,

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 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 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 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  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  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  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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,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,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,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,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 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 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 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  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  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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,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,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,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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.197",
+  "version": "0.3.198",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -74,7 +74,7 @@
     "release-it": "^19.2.4",
     "storybook": "10.3.5",
     "tsx": "^4.21.0",
-    "typescript": "^6.0.2",
+    "typescript": "^6.0.3",
     "vite": "^8.0.8",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^5.2.0"