@bitrise/bitkit-v2 0.3.264 → 0.3.266

package/dist/components/BitkitPopover/BitkitPopover.d.ts

@@ -0,0 +1,31 @@
+import { PopoverRootProps } from '@chakra-ui/react/popover';
+import { ReactNode } from 'react';
+export interface BitkitPopoverProps {
+    /** Body content of the panel. Scrolls within the panel when it overflows. */
+    children: ReactNode;
+    /** Header title, shown next to the close button. */
+    title: ReactNode;
+    /** Optional footer content (e.g. actions). Laid out with space between for a secondary/primary pair. */
+    footer?: ReactNode;
+    /**
+     * Element that toggles and anchors the popover. Omit when anchoring via
+     * `positioning.getAnchorElement` (e.g. a trigger that can't be wrapped) and controlling `open`.
+     */
+    trigger?: ReactNode;
+    open?: PopoverRootProps['open'];
+    defaultOpen?: PopoverRootProps['defaultOpen'];
+    onOpenChange?: (open: boolean) => void;
+    positioning?: PopoverRootProps['positioning'];
+    persistentElements?: PopoverRootProps['persistentElements'];
+}
+/**
+ * An anchored, non-modal floating panel built on Chakra Popover, styled as a compact dialog:
+ * a header (title + close button), a scrollable body, and an optional footer. Anchor it with a
+ * `trigger`, or — when the trigger can't be wrapped — control `open` and pass
+ * `positioning.getAnchorElement`.
+ */
+declare const BitkitPopover: {
+    ({ children, title, footer, trigger, open, defaultOpen, onOpenChange, positioning, persistentElements, }: BitkitPopoverProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default BitkitPopover;

package/dist/components/BitkitPopover/BitkitPopover.js

@@ -0,0 +1,92 @@
+import IconArrowDown from "../../icons/IconArrowDown.js";
+import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
+import { Box } from "@chakra-ui/react/box";
+import { chakra } from "@chakra-ui/react/styled-system";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
+import { Popover, usePopoverContext, usePopoverStyles } from "@chakra-ui/react/popover";
+//#region lib/components/BitkitPopover/BitkitPopover.tsx
+/**
+* Scrolls the body and shows a scroll-to-bottom button with a fade gradient while the content
+* isn't scrolled to the bottom — mirrors the BitkitDialog scrollable-body behaviour.
+*/
+var ScrollablePopoverBody = ({ children }) => {
+	const styles = usePopoverStyles();
+	const { open } = usePopoverContext();
+	const contentRef = useRef(null);
+	const [isScrollButtonVisible, setIsScrollButtonVisible] = useState(false);
+	const updateScrollButtonVisibility = useCallback(() => {
+		const content = contentRef.current;
+		if (!content) {
+			setIsScrollButtonVisible(false);
+			return;
+		}
+		setIsScrollButtonVisible(!(content.scrollTop >= content.scrollHeight - content.offsetHeight - 1));
+	}, []);
+	useEffect(() => {
+		const content = contentRef.current;
+		if (!open || !content) return void 0;
+		content.addEventListener("scroll", updateScrollButtonVisibility);
+		const resizeObserver = new ResizeObserver(updateScrollButtonVisibility);
+		resizeObserver.observe(content);
+		return () => {
+			content.removeEventListener("scroll", updateScrollButtonVisibility);
+			resizeObserver.disconnect();
+		};
+	}, [open, updateScrollButtonVisibility]);
+	return /* @__PURE__ */ jsxs(Box, {
+		css: styles.scrollBody,
+		children: [/* @__PURE__ */ jsx(Popover.Body, {
+			ref: contentRef,
+			children
+		}), isScrollButtonVisible && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, { css: styles.scrollGradient }), /* @__PURE__ */ jsx(chakra.button, {
+			"aria-label": "Scroll to bottom",
+			css: styles.scrollButton,
+			type: "button",
+			onClick: () => {
+				contentRef.current?.scrollTo({
+					top: contentRef.current.scrollHeight,
+					behavior: "smooth"
+				});
+			},
+			children: /* @__PURE__ */ jsx(IconArrowDown, {
+				color: "icon/tertiary",
+				size: "16"
+			})
+		})] })]
+	});
+};
+/**
+* An anchored, non-modal floating panel built on Chakra Popover, styled as a compact dialog:
+* a header (title + close button), a scrollable body, and an optional footer. Anchor it with a
+* `trigger`, or — when the trigger can't be wrapped — control `open` and pass
+* `positioning.getAnchorElement`.
+*/
+var BitkitPopover = ({ children, title, footer, trigger, open, defaultOpen, onOpenChange, positioning, persistentElements }) => /* @__PURE__ */ jsxs(Popover.Root, {
+	open,
+	defaultOpen,
+	onOpenChange: onOpenChange ? ({ open: isOpen }) => onOpenChange(isOpen) : void 0,
+	positioning: {
+		placement: "bottom-start",
+		gutter: 4,
+		...positioning
+	},
+	persistentElements,
+	children: [trigger ? /* @__PURE__ */ jsx(Popover.Trigger, {
+		asChild: true,
+		children: trigger
+	}) : null, /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, { children: [
+		/* @__PURE__ */ jsxs(Popover.Header, { children: [/* @__PURE__ */ jsx(Popover.Title, { children: title }), /* @__PURE__ */ jsx(Popover.CloseTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(BitkitCloseButton, { "aria-label": "Close" })
+		})] }),
+		/* @__PURE__ */ jsx(ScrollablePopoverBody, { children }),
+		footer ? /* @__PURE__ */ jsx(Popover.Footer, { children: footer }) : null
+	] }) }) })]
+});
+BitkitPopover.displayName = "BitkitPopover";
+//#endregion
+export { BitkitPopover as default };
+
+//# sourceMappingURL=BitkitPopover.js.map

package/dist/components/BitkitPopover/BitkitPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitPopover.js","names":[],"sources":["../../../lib/components/BitkitPopover/BitkitPopover.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Popover, type PopoverRootProps, usePopoverContext, usePopoverStyles } from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { IconArrowDown } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport interface BitkitPopoverProps {\n  /** Body content of the panel. Scrolls within the panel when it overflows. */\n  children: ReactNode;\n  /** Header title, shown next to the close button. */\n  title: ReactNode;\n  /** Optional footer content (e.g. actions). Laid out with space between for a secondary/primary pair. */\n  footer?: ReactNode;\n  /**\n   * Element that toggles and anchors the popover. Omit when anchoring via\n   * `positioning.getAnchorElement` (e.g. a trigger that can't be wrapped) and controlling `open`.\n   */\n  trigger?: ReactNode;\n  open?: PopoverRootProps['open'];\n  defaultOpen?: PopoverRootProps['defaultOpen'];\n  onOpenChange?: (open: boolean) => void;\n  positioning?: PopoverRootProps['positioning'];\n  persistentElements?: PopoverRootProps['persistentElements'];\n}\n\n/**\n * Scrolls the body and shows a scroll-to-bottom button with a fade gradient while the content\n * isn't scrolled to the bottom — mirrors the BitkitDialog scrollable-body behaviour.\n */\nconst ScrollablePopoverBody = ({ children }: { children: ReactNode }) => {\n  const styles = usePopoverStyles();\n  const { open } = usePopoverContext();\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [isScrollButtonVisible, setIsScrollButtonVisible] = useState(false);\n\n  const updateScrollButtonVisibility = useCallback(() => {\n    const content = contentRef.current;\n    if (!content) {\n      setIsScrollButtonVisible(false);\n      return;\n    }\n    const didScrollToBottom = content.scrollTop >= content.scrollHeight - content.offsetHeight - 1;\n    setIsScrollButtonVisible(!didScrollToBottom);\n  }, []);\n\n  useEffect(() => {\n    const content = contentRef.current;\n    if (!open || !content) return undefined;\n\n    content.addEventListener('scroll', updateScrollButtonVisibility);\n    const resizeObserver = new ResizeObserver(updateScrollButtonVisibility);\n    resizeObserver.observe(content);\n\n    return () => {\n      content.removeEventListener('scroll', updateScrollButtonVisibility);\n      resizeObserver.disconnect();\n    };\n  }, [open, updateScrollButtonVisibility]);\n\n  return (\n    <Box css={styles.scrollBody}>\n      <Popover.Body ref={contentRef}>{children}</Popover.Body>\n      {isScrollButtonVisible && (\n        <>\n          <Box css={styles.scrollGradient} />\n          <chakra.button\n            aria-label=\"Scroll to bottom\"\n            css={styles.scrollButton}\n            type=\"button\"\n            onClick={() => {\n              contentRef.current?.scrollTo({ top: contentRef.current.scrollHeight, behavior: 'smooth' });\n            }}\n          >\n            <IconArrowDown color=\"icon/tertiary\" size=\"16\" />\n          </chakra.button>\n        </>\n      )}\n    </Box>\n  );\n};\n\n/**\n * An anchored, non-modal floating panel built on Chakra Popover, styled as a compact dialog:\n * a header (title + close button), a scrollable body, and an optional footer. Anchor it with a\n * `trigger`, or — when the trigger can't be wrapped — control `open` and pass\n * `positioning.getAnchorElement`.\n */\nconst BitkitPopover = ({\n  children,\n  title,\n  footer,\n  trigger,\n  open,\n  defaultOpen,\n  onOpenChange,\n  positioning,\n  persistentElements,\n}: BitkitPopoverProps) => (\n  <Popover.Root\n    open={open}\n    defaultOpen={defaultOpen}\n    onOpenChange={onOpenChange ? ({ open: isOpen }) => onOpenChange(isOpen) : undefined}\n    positioning={{ placement: 'bottom-start', gutter: 4, ...positioning }}\n    persistentElements={persistentElements}\n  >\n    {trigger ? <Popover.Trigger asChild>{trigger}</Popover.Trigger> : null}\n    <Portal>\n      {/* z-index belongs on Content, not Positioner: Zag derives the positioner's inline z-index\n          from Content's computed z-index, so a value set on Positioner is ignored. */}\n      <Popover.Positioner>\n        <Popover.Content>\n          <Popover.Header>\n            <Popover.Title>{title}</Popover.Title>\n            <Popover.CloseTrigger asChild>\n              <BitkitCloseButton aria-label=\"Close\" />\n            </Popover.CloseTrigger>\n          </Popover.Header>\n          <ScrollablePopoverBody>{children}</ScrollablePopoverBody>\n          {footer ? <Popover.Footer>{footer}</Popover.Footer> : null}\n        </Popover.Content>\n      </Popover.Positioner>\n    </Portal>\n  </Popover.Root>\n);\n\nBitkitPopover.displayName = 'BitkitPopover';\n\nexport default BitkitPopover;\n"],"mappings":";;;;;;;;;;;;;AAgCA,IAAM,yBAAyB,EAAE,eAAwC;CACvE,MAAM,SAAS,iBAAiB;CAChC,MAAM,EAAE,SAAS,kBAAkB;CACnC,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,KAAK;CAExE,MAAM,+BAA+B,kBAAkB;EACrD,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,SAAS;GACZ,yBAAyB,KAAK;GAC9B;EACF;EAEA,yBAAyB,EADC,QAAQ,aAAa,QAAQ,eAAe,QAAQ,eAAe,EAClD;CAC7C,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,QAAQ,CAAC,SAAS,OAAO,KAAA;EAE9B,QAAQ,iBAAiB,UAAU,4BAA4B;EAC/D,MAAM,iBAAiB,IAAI,eAAe,4BAA4B;EACtE,eAAe,QAAQ,OAAO;EAE9B,aAAa;GACX,QAAQ,oBAAoB,UAAU,4BAA4B;GAClE,eAAe,WAAW;EAC5B;CACF,GAAG,CAAC,MAAM,4BAA4B,CAAC;CAEvC,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;YAAjB,CACE,oBAAC,QAAQ,MAAT;GAAc,KAAK;GAAa;EAAuB,CAAA,GACtD,yBACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,KAAD,EAAK,KAAK,OAAO,eAAiB,CAAA,GAClC,oBAAC,OAAO,QAAR;GACE,cAAW;GACX,KAAK,OAAO;GACZ,MAAK;GACL,eAAe;IACb,WAAW,SAAS,SAAS;KAAE,KAAK,WAAW,QAAQ;KAAc,UAAU;IAAS,CAAC;GAC3F;aAEA,oBAAC,eAAD;IAAe,OAAM;IAAgB,MAAK;GAAM,CAAA;EACnC,CAAA,CACf,EAAA,CAAA,CAED;;AAET;;;;;;;AAQA,IAAM,iBAAiB,EACrB,UACA,OACA,QACA,SACA,MACA,aACA,cACA,aACA,yBAEA,qBAAC,QAAQ,MAAT;CACQ;CACO;CACb,cAAc,gBAAgB,EAAE,MAAM,aAAa,aAAa,MAAM,IAAI,KAAA;CAC1E,aAAa;EAAE,WAAW;EAAgB,QAAQ;EAAG,GAAG;CAAY;CAChD;WALtB,CAOG,UAAU,oBAAC,QAAQ,SAAT;EAAiB,SAAA;YAAS;CAAyB,CAAA,IAAI,MAClE,oBAAC,QAAD,EAAA,UAGE,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT,EAAA,UAAA;EACE,qBAAC,QAAQ,QAAT,EAAA,UAAA,CACE,oBAAC,QAAQ,OAAT,EAAA,UAAgB,MAAqB,CAAA,GACrC,oBAAC,QAAQ,cAAT;GAAsB,SAAA;aACpB,oBAAC,mBAAD,EAAmB,cAAW,QAAS,CAAA;EACnB,CAAA,CACR,EAAA,CAAA;EAChB,oBAAC,uBAAD,EAAwB,SAAgC,CAAA;EACvD,SAAS,oBAAC,QAAQ,QAAT,EAAA,UAAiB,OAAuB,CAAA,IAAI;CACvC,EAAA,CAAA,EACC,CAAA,EACd,CAAA,CACI;;AAGhB,cAAc,cAAc"}

package/dist/components/index.d.ts

@@ -52,6 +52,7 @@ export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } fr
 export { default as BitkitPageFooter, type BitkitPageFooterItemProps, type BitkitPageFooterProps, } from './BitkitPageFooter/BitkitPageFooter';
 export { default as BitkitPagination, type BitkitPaginationLabels, type BitkitPaginationProps, } from './BitkitPagination/BitkitPagination';
 export { default as BitkitPaginationLoadMore, type BitkitPaginationLoadMoreProps, } from './BitkitPaginationLoadMore/BitkitPaginationLoadMore';
+export { default as BitkitPopover, type BitkitPopoverProps } from './BitkitPopover/BitkitPopover';
 export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
 export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
 export { default as BitkitRibbon, type BitkitRibbonProps } from './BitkitRibbon/BitkitRibbon';

package/dist/main.js

@@ -341,6 +341,7 @@ import BitkitOverflowTooltip from "./components/BitkitOverflowTooltip/BitkitOver
 import BitkitPageFooter_default from "./components/BitkitPageFooter/BitkitPageFooter.js";
 import BitkitPagination from "./components/BitkitPagination/BitkitPagination.js";
 import BitkitPaginationLoadMore from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
+import BitkitPopover from "./components/BitkitPopover/BitkitPopover.js";
 import BitkitRadio from "./components/BitkitRadio/BitkitRadio.js";
 import BitkitRadioGroup from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
 import BitkitRibbon from "./components/BitkitRibbon/BitkitRibbon.js";
@@ -369,4 +370,4 @@ import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeVie
 import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogFormContent, BitkitDialogHeader, BitkitDialogRoot, BitkitDialogStep, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, 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, IconBuildHub, IconBuildHubFilled, 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, IconFileYml, 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, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive };
+export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogFormContent, BitkitDialogHeader, BitkitDialogRoot, BitkitDialogStep, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, 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, IconBuildHub, IconBuildHubFilled, 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, IconFileYml, 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, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, rem, useResponsive };

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

@@ -35,7 +35,7 @@ declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<
             };
             footer: {
                 borderBlockStartColor: "transparent";
-                borderBlockStartWidth: "0";
+                borderBlockStartWidth: number;
                 paddingBlockEnd: "24";
                 paddingBlockStart: "32";
                 paddingInline: "24";

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

@@ -117,7 +117,7 @@ var drawerSlotRecipe = defineSlotRecipe({
 			},
 			footer: {
 				borderBlockStartColor: "transparent",
-				borderBlockStartWidth: "0",
+				borderBlockStartWidth: 0,
 				paddingBlockEnd: "24",
 				paddingBlockStart: "32",
 				paddingInline: "24"

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

@@ -1 +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: '1',\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: 'color/neutral/subtle',\n      },\n      _active: {\n        backgroundColor: 'color/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,KAAK;CAC1B,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,OAAO;GACP,UAAU;GACV,QAAQ;GACR,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,YAAY;GACZ,SAAS;GACT,OAAO;GACP,gBAAgB;GAChB,qBAAqB;GACrB,UAAU;GACV,QAAQ;EACV;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,OAAO;IACL,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;IACR;IACA,yBAAyB;GAC3B;GACA,SAAS;IACP,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;IACR;IACA,yBAAyB;GAC3B;EACF;EACA,QAAQ;GACN,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,MAAM;GACJ,MAAM;GACN,UAAU;EACZ;EACA,QAAQ;GACN,uBAAuB;GACvB,uBAAuB;GACvB,cAAc;EAChB;EACA,OAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;EACb;EACA,aAAa,CAAC;EACd,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;GACP,QAAQ,EACN,iBAAiB,uBACnB;GACA,SAAS,EACP,iBAAiB,yBACnB;EACF;CACF;CACA,UAAU,EACR,SAAS;EACP,QAAQ;GACN,cAAc;IACZ,UAAU,IAAI,EAAE;IAChB,KAAK;GACP;GACA,SAAS,EACP,OAAO;IAAE,MAAM;IAAS,QAAQ,IAAI,GAAG;GAAE,EAC3C;EACF;EACA,UAAU;GACR,MAAM,EACJ,eAAe,KACjB;GACA,cAAc;IACZ,UAAU;IACV,KAAK;GACP;GACA,YAAY,EACV,SAAS,KACX;GACA,SAAS;IACP,cAAc;IACd,WAAW;IACX,UAAU,IAAI,GAAG;GACnB;GACA,QAAQ;IACN,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;GACjB;GACA,QAAQ;IACN,uBAAuB;IACvB,uBAAuB;IACvB,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;GACjB;GACA,OAAO;IACL,OAAO;IACP,WAAW;GACb;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,SACX;AACF,CAAC"}
+{"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: '1',\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: 'color/neutral/subtle',\n      },\n      _active: {\n        backgroundColor: 'color/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,KAAK;CAC1B,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,OAAO;GACP,UAAU;GACV,QAAQ;GACR,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EACA,YAAY;GACV,YAAY;GACZ,SAAS;GACT,OAAO;GACP,gBAAgB;GAChB,qBAAqB;GACrB,UAAU;GACV,QAAQ;EACV;EACA,SAAS;GACP,YAAY;GACZ,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,OAAO;IACL,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;IACR;IACA,yBAAyB;GAC3B;GACA,SAAS;IACP,mBAAmB;IACnB,eAAe;KACb,MAAM;KACN,MAAM;IACR;IACA,yBAAyB;GAC3B;EACF;EACA,QAAQ;GACN,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,MAAM;GACJ,MAAM;GACN,UAAU;EACZ;EACA,QAAQ;GACN,uBAAuB;GACvB,uBAAuB;GACvB,cAAc;EAChB;EACA,OAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;EACb;EACA,aAAa,CAAC;EACd,cAAc;GACZ,YAAY;GACZ,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;GACP,QAAQ,EACN,iBAAiB,uBACnB;GACA,SAAS,EACP,iBAAiB,yBACnB;EACF;CACF;CACA,UAAU,EACR,SAAS;EACP,QAAQ;GACN,cAAc;IACZ,UAAU,IAAI,EAAE;IAChB,KAAK;GACP;GACA,SAAS,EACP,OAAO;IAAE,MAAM;IAAS,QAAQ,IAAI,GAAG;GAAE,EAC3C;EACF;EACA,UAAU;GACR,MAAM,EACJ,eAAe,KACjB;GACA,cAAc;IACZ,UAAU;IACV,KAAK;GACP;GACA,YAAY,EACV,SAAS,KACX;GACA,SAAS;IACP,cAAc;IACd,WAAW;IACX,UAAU,IAAI,GAAG;GACnB;GACA,QAAQ;IACN,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;GACjB;GACA,QAAQ;IACN,uBAAuB;IACvB,uBAAuB;IACvB,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;GACjB;GACA,OAAO;IACL,OAAO;IACP,WAAW;GACb;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,SACX;AACF,CAAC"}

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

@@ -0,0 +1,2 @@
+declare const popoverSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"anchor" | "content" | "body" | "footer" | "header" | "title" | "trigger" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "indicator" | "description" | "scrollBody" | "scrollGradient" | "scrollButton", import('@chakra-ui/react').SlotRecipeVariantRecord<"anchor" | "content" | "body" | "footer" | "header" | "title" | "trigger" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "indicator" | "description" | "scrollBody" | "scrollGradient" | "scrollButton">>;
+export default popoverSlotRecipe;

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

@@ -0,0 +1,107 @@
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { popoverAnatomy } from "@chakra-ui/react/anatomy";
+//#region lib/theme/slot-recipes/Popover.recipe.ts
+var popoverSlotRecipe = defineSlotRecipe({
+	className: "popover",
+	slots: [
+		...popoverAnatomy.keys(),
+		"scrollBody",
+		"scrollButton",
+		"scrollGradient"
+	],
+	base: {
+		content: {
+			background: "background/primary",
+			borderRadius: "8",
+			boxShadow: "elevation/lg",
+			display: "flex",
+			flexDirection: "column",
+			maxHeight: "60vh",
+			outline: "none",
+			overflow: "hidden",
+			position: "relative",
+			transformOrigin: "var(--transform-origin)",
+			width: rem(360),
+			zIndex: "popover",
+			_open: {
+				animationStyle: "scale-fade-in",
+				animationDuration: "fast"
+			},
+			_closed: {
+				animationStyle: "scale-fade-out",
+				animationDuration: "faster"
+			}
+		},
+		header: {
+			alignItems: "flex-start",
+			display: "flex",
+			flexShrink: 0,
+			gap: "8",
+			paddingBlockEnd: "8",
+			paddingBlockStart: "16",
+			paddingInline: "16"
+		},
+		title: {
+			color: "text/primary",
+			flex: "1",
+			minWidth: 0,
+			textStyle: "heading/h4",
+			wordBreak: "break-word"
+		},
+		closeTrigger: { flexShrink: 0 },
+		scrollBody: {
+			display: "flex",
+			flex: "1",
+			flexDirection: "column",
+			minHeight: 0,
+			position: "relative"
+		},
+		body: {
+			flex: "1",
+			minHeight: 0,
+			overflowY: "auto",
+			paddingBlockEnd: "16",
+			paddingBlockStart: "8",
+			paddingInline: "16"
+		},
+		footer: {
+			alignItems: "center",
+			display: "flex",
+			flexShrink: 0,
+			gap: "8",
+			justifyContent: "space-between",
+			paddingBlockEnd: "16",
+			paddingBlockStart: "24",
+			paddingInline: "16"
+		},
+		scrollGradient: {
+			background: "linear-gradient(0deg, {colors.neutral.100} 0%, transparent 100%)",
+			bottom: 0,
+			height: "32",
+			pointerEvents: "none",
+			position: "absolute",
+			width: "100%"
+		},
+		scrollButton: {
+			alignItems: "center",
+			alignSelf: "center",
+			background: "background/primary",
+			borderColor: "border/minimal",
+			borderRadius: "full",
+			borderWidth: "1",
+			bottom: "8",
+			boxShadow: "elevation/lg",
+			cursor: "pointer",
+			display: "flex",
+			height: "32",
+			justifyContent: "center",
+			position: "absolute",
+			width: "32"
+		}
+	}
+});
+//#endregion
+export { popoverSlotRecipe as default };
+
+//# sourceMappingURL=Popover.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Popover.recipe.ts"],"sourcesContent":["import { popoverAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst popoverSlotRecipe = defineSlotRecipe({\n  className: 'popover',\n  slots: [...popoverAnatomy.keys(), 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      maxHeight: '60vh',\n      outline: 'none',\n      overflow: 'hidden',\n      position: 'relative',\n      transformOrigin: 'var(--transform-origin)',\n      width: rem(360),\n      zIndex: 'popover',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'fast',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '8',\n      paddingBlockEnd: '8',\n      paddingBlockStart: '16',\n      paddingInline: '16',\n    },\n    title: {\n      color: 'text/primary',\n      flex: '1',\n      minWidth: 0,\n      textStyle: 'heading/h4',\n      wordBreak: 'break-word',\n    },\n    closeTrigger: {\n      flexShrink: 0,\n    },\n    scrollBody: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n    },\n    body: {\n      flex: '1',\n      minHeight: 0,\n      overflowY: 'auto',\n      paddingBlockEnd: '16',\n      paddingBlockStart: '8',\n      paddingInline: '16',\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '8',\n      justifyContent: 'space-between',\n      paddingBlockEnd: '16',\n      paddingBlockStart: '24',\n      paddingInline: '16',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, {colors.neutral.100} 0%, transparent 100%)',\n      bottom: 0,\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: 'full',\n      borderWidth: '1',\n      bottom: '8',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n  },\n});\n\nexport default popoverSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO;EAAC,GAAG,eAAe,KAAK;EAAG;EAAc;EAAgB;CAAgB;CAChF,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,WAAW;GACX,SAAS;GACT,UAAU;GACV,UAAU;GACV,iBAAiB;GACjB,OAAO,IAAI,GAAG;GACd,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;GACrB;GACA,SAAS;IACP,gBAAgB;IAChB,mBAAmB;GACrB;EACF;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,OAAO;GACL,OAAO;GACP,MAAM;GACN,UAAU;GACV,WAAW;GACX,WAAW;EACb;EACA,cAAc,EACZ,YAAY,EACd;EACA,YAAY;GACV,SAAS;GACT,MAAM;GACN,eAAe;GACf,WAAW;GACX,UAAU;EACZ;EACA,MAAM;GACJ,MAAM;GACN,WAAW;GACX,WAAW;GACX,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;EACjB;EACA,gBAAgB;GACd,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,eAAe;GACf,UAAU;GACV,OAAO;EACT;EACA,cAAc;GACZ,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;CACF;AACF,CAAC"}

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

@@ -2,7 +2,7 @@ declare const splitButtonSlotRecipe: import('@chakra-ui/react').SlotRecipeDefini
     variant: {
         primary: {
             trigger: {
-                borderWidth: "0";
+                borderWidth: number;
                 borderInlineStartWidth: "1";
                 borderInlineStartColor: "border/on-contrast";
                 _hover: {

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

@@ -19,7 +19,7 @@ var splitButtonSlotRecipe = defineSlotRecipe({
 	},
 	variants: { variant: {
 		primary: { trigger: {
-			borderWidth: "0",
+			borderWidth: 0,
 			borderInlineStartWidth: "1",
 			borderInlineStartColor: "border/on-contrast",
 			_hover: {

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

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/SplitButton.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst splitButtonSlotRecipe = defineSlotRecipe({\n  slots: ['root', 'action', 'trigger'],\n  className: 'split-button',\n  base: {\n    action: {\n      borderStartEndRadius: 0,\n      borderEndEndRadius: 0,\n    },\n    trigger: {\n      borderStartStartRadius: 0,\n      borderEndStartRadius: 0,\n    },\n  },\n  variants: {\n    variant: {\n      primary: {\n        trigger: {\n          borderWidth: '0',\n          borderInlineStartWidth: '1',\n          borderInlineStartColor: 'border/on-contrast',\n          _hover: {\n            borderInlineStartColor: 'border/on-contrast',\n            _active: {\n              borderInlineStartColor: 'border/on-contrast',\n            },\n          },\n          _active: {\n            borderInlineStartColor: 'border/on-contrast',\n          },\n          _disabled: {\n            borderInlineStartColor: 'border/on-contrast',\n          },\n          _open: {\n            backgroundColor: 'button/primary/bg-active',\n          },\n        },\n      },\n      secondary: {\n        trigger: {\n          _open: {\n            backgroundColor: 'button/secondary/bg-active',\n            borderColor: 'button/secondary/border-active',\n            color: 'button/secondary/text-active',\n            _icon: { color: 'button/secondary/icon-active' },\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n});\n\nexport default splitButtonSlotRecipe;\n"],"mappings":";;AAEA,IAAM,wBAAwB,iBAAiB;CAC7C,OAAO;EAAC;EAAQ;EAAU;CAAS;CACnC,WAAW;CACX,MAAM;EACJ,QAAQ;GACN,sBAAsB;GACtB,oBAAoB;EACtB;EACA,SAAS;GACP,wBAAwB;GACxB,sBAAsB;EACxB;CACF;CACA,UAAU,EACR,SAAS;EACP,SAAS,EACP,SAAS;GACP,aAAa;GACb,wBAAwB;GACxB,wBAAwB;GACxB,QAAQ;IACN,wBAAwB;IACxB,SAAS,EACP,wBAAwB,qBAC1B;GACF;GACA,SAAS,EACP,wBAAwB,qBAC1B;GACA,WAAW,EACT,wBAAwB,qBAC1B;GACA,OAAO,EACL,iBAAiB,2BACnB;EACF,EACF;EACA,WAAW,EACT,SAAS,EACP,OAAO;GACL,iBAAiB;GACjB,aAAa;GACb,OAAO;GACP,OAAO,EAAE,OAAO,+BAA+B;EACjD,EACF,EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC"}
+{"version":3,"file":"SplitButton.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/SplitButton.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst splitButtonSlotRecipe = defineSlotRecipe({\n  slots: ['root', 'action', 'trigger'],\n  className: 'split-button',\n  base: {\n    action: {\n      borderStartEndRadius: 0,\n      borderEndEndRadius: 0,\n    },\n    trigger: {\n      borderStartStartRadius: 0,\n      borderEndStartRadius: 0,\n    },\n  },\n  variants: {\n    variant: {\n      primary: {\n        trigger: {\n          borderWidth: 0,\n          borderInlineStartWidth: '1',\n          borderInlineStartColor: 'border/on-contrast',\n          _hover: {\n            borderInlineStartColor: 'border/on-contrast',\n            _active: {\n              borderInlineStartColor: 'border/on-contrast',\n            },\n          },\n          _active: {\n            borderInlineStartColor: 'border/on-contrast',\n          },\n          _disabled: {\n            borderInlineStartColor: 'border/on-contrast',\n          },\n          _open: {\n            backgroundColor: 'button/primary/bg-active',\n          },\n        },\n      },\n      secondary: {\n        trigger: {\n          _open: {\n            backgroundColor: 'button/secondary/bg-active',\n            borderColor: 'button/secondary/border-active',\n            color: 'button/secondary/text-active',\n            _icon: { color: 'button/secondary/icon-active' },\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n});\n\nexport default splitButtonSlotRecipe;\n"],"mappings":";;AAEA,IAAM,wBAAwB,iBAAiB;CAC7C,OAAO;EAAC;EAAQ;EAAU;CAAS;CACnC,WAAW;CACX,MAAM;EACJ,QAAQ;GACN,sBAAsB;GACtB,oBAAoB;EACtB;EACA,SAAS;GACP,wBAAwB;GACxB,sBAAsB;EACxB;CACF;CACA,UAAU,EACR,SAAS;EACP,SAAS,EACP,SAAS;GACP,aAAa;GACb,wBAAwB;GACxB,wBAAwB;GACxB,QAAQ;IACN,wBAAwB;IACxB,SAAS,EACP,wBAAwB,qBAC1B;GACF;GACA,SAAS,EACP,wBAAwB,qBAC1B;GACA,WAAW,EACT,wBAAwB,qBAC1B;GACA,OAAO,EACL,iBAAiB,2BACnB;EACF,EACF;EACA,WAAW,EACT,SAAS,EACP,OAAO;GACL,iBAAiB;GACjB,aAAa;GACb,OAAO;GACP,OAAO,EAAE,OAAO,+BAA+B;EACjD,EACF,EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC"}

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

@@ -87,7 +87,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
                     };
                 };
                 '& :where(tr:last-child) td': {
-                    borderBottomWidth: "0";
+                    borderBottomWidth: number;
                 };
             };
         };
@@ -104,7 +104,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
                 borderBottomWidth: "1";
             };
             header: {
-                borderWidth: "0";
+                borderWidth: number;
                 clip: "rect(0, 0, 0, 0)";
                 height: "1";
                 margin: "-1px";
@@ -124,7 +124,7 @@ declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"
                 display: "block";
                 paddingBlock: "12";
                 '&:last-child': {
-                    borderBottomWidth: "0";
+                    borderBottomWidth: number;
                 };
             };
             cell: {

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

@@ -87,7 +87,7 @@ var tableSlotRecipe = defineSlotRecipe({
 				},
 				body: {
 					"& :where(tr)": { _hover: { backgroundColor: "background/hover" } },
-					"& :where(tr:last-child) td": { borderBottomWidth: "0" }
+					"& :where(tr:last-child) td": { borderBottomWidth: 0 }
 				}
 			},
 			stacked: {
@@ -101,7 +101,7 @@ var tableSlotRecipe = defineSlotRecipe({
 					borderBottomWidth: "1"
 				},
 				header: {
-					borderWidth: "0",
+					borderWidth: 0,
 					clip: "rect(0, 0, 0, 0)",
 					height: "1",
 					margin: "-1px",
@@ -118,7 +118,7 @@ var tableSlotRecipe = defineSlotRecipe({
 					borderBottomWidth: "1",
 					display: "block",
 					paddingBlock: "12",
-					"&:last-child": { borderBottomWidth: "0" }
+					"&:last-child": { borderBottomWidth: 0 }
 				},
 				cell: {
 					alignItems: "center",

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

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

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

@@ -899,7 +899,7 @@ declare const slotRecipes: {
                 };
                 footer: {
                     borderBlockStartColor: "transparent";
-                    borderBlockStartWidth: "0";
+                    borderBlockStartWidth: number;
                     paddingBlockEnd: "24";
                     paddingBlockStart: "32";
                     paddingInline: "24";
@@ -1467,6 +1467,7 @@ declare const slotRecipes: {
             };
         };
     }>;
+    popover: import('@chakra-ui/react').SlotRecipeDefinition<"anchor" | "content" | "body" | "footer" | "header" | "title" | "trigger" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "indicator" | "description" | "scrollBody" | "scrollGradient" | "scrollButton", import('@chakra-ui/react').SlotRecipeVariantRecord<"anchor" | "content" | "body" | "footer" | "header" | "title" | "trigger" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "indicator" | "description" | "scrollBody" | "scrollGradient" | "scrollButton">>;
     radioGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon", {
         orientation: {
             horizontal: {
@@ -1772,7 +1773,7 @@ declare const slotRecipes: {
         variant: {
             primary: {
                 trigger: {
-                    borderWidth: "0";
+                    borderWidth: number;
                     borderInlineStartWidth: "1";
                     borderInlineStartColor: "border/on-contrast";
                     _hover: {
@@ -2029,7 +2030,7 @@ declare const slotRecipes: {
                         };
                     };
                     '& :where(tr:last-child) td': {
-                        borderBottomWidth: "0";
+                        borderBottomWidth: number;
                     };
                 };
             };
@@ -2046,7 +2047,7 @@ declare const slotRecipes: {
                     borderBottomWidth: "1";
                 };
                 header: {
-                    borderWidth: "0";
+                    borderWidth: number;
                     clip: "rect(0, 0, 0, 0)";
                     height: "1";
                     margin: "-1px";
@@ -2066,7 +2067,7 @@ declare const slotRecipes: {
                     display: "block";
                     paddingBlock: "12";
                     '&:last-child': {
-                        borderBottomWidth: "0";
+                        borderBottomWidth: number;
                     };
                 };
                 cell: {

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

@@ -36,6 +36,7 @@ import overflowContentSlotRecipe from "./OverflowContent.recipe.js";
 import pageFooterSlotRecipe from "./PageFooter.recipe.js";
 import paginationSlotRecipe from "./Pagination.recipe.js";
 import paginationLoadMoreRecipe from "./PaginationLoadMore.recipe.js";
+import popoverSlotRecipe from "./Popover.recipe.js";
 import radioGroupSlotRecipe from "./RadioGroup.recipe.js";
 import ribbonSlotRecipe from "./Ribbon.recipe.js";
 import sectionHeadingRecipe from "./SectionHeading.recipe.js";
@@ -92,6 +93,7 @@ var slotRecipes = {
 	pageFooter: pageFooterSlotRecipe,
 	pagination: paginationSlotRecipe,
 	paginationLoadMore: paginationLoadMoreRecipe,
+	popover: popoverSlotRecipe,
 	radioGroup: radioGroupSlotRecipe,
 	ribbon: ribbonSlotRecipe,
 	sectionHeading: sectionHeadingRecipe,

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

package/dist/theme/tokens/{border-widths.js → borderWidths.js}

@@ -1,5 +1,5 @@
 import { defineTokens } from "@chakra-ui/react/styled-system";
-//#region lib/theme/tokens/border-widths.ts
+//#region lib/theme/tokens/borderWidths.ts
 var borderWidths = defineTokens.borderWidths({
 	"1": { value: "1px" },
 	"2": { value: "2px" }
@@ -7,4 +7,4 @@ var borderWidths = defineTokens.borderWidths({
 //#endregion
 export { borderWidths as default };
 
-//# sourceMappingURL=border-widths.js.map
+//# sourceMappingURL=borderWidths.js.map

package/dist/theme/tokens/borderWidths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderWidths.js","names":[],"sources":["../../../lib/theme/tokens/borderWidths.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\n// Numeric, pixel-valued to match the size/spacing token convention (1 = 1px, 2 = 2px).\n// `borderWidth` resolves against this `borderWidths` scale — without it, raw values like\n// `'1px'` are passed through unresolved (and a bare `'1'` would emit invalid unitless CSS).\nconst borderWidths = defineTokens.borderWidths({\n  '1': {\n    value: '1px',\n  },\n  '2': {\n    value: '2px',\n  },\n});\n\nexport default borderWidths;\n"],"mappings":";;AAKA,IAAM,eAAe,aAAa,aAAa;CAC7C,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;AACF,CAAC"}

package/dist/theme/tokens/index.js

@@ -1,5 +1,5 @@
 import animations from "./animations.js";
-import borderWidths from "./border-widths.js";
+import borderWidths from "./borderWidths.js";
 import colors from "./colors.js";
 import durations from "./durations.js";
 import easings from "./easings.js";

package/dist/theme/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/tokens/index.ts"],"sourcesContent":["import animations from './animations';\nimport borderWidths from './border-widths';\nimport colors from './colors';\nimport durations from './durations';\nimport easings from './easings';\nimport fonts from './fonts';\nimport fontSizes from './fontSizes';\nimport fontWeights from './fontWeights';\nimport radii from './radii';\nimport sizes from './sizes';\nimport spacing from './spacing';\nimport zIndex from './zIndex';\n\nconst tokens = {\n  animations,\n  borderWidths,\n  colors,\n  durations,\n  easings,\n  fonts,\n  fontSizes,\n  fontWeights,\n  radii,\n  sizes,\n  spacing,\n  zIndex,\n};\n\nexport default tokens;\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/tokens/index.ts"],"sourcesContent":["import animations from './animations';\nimport borderWidths from './borderWidths';\nimport colors from './colors';\nimport durations from './durations';\nimport easings from './easings';\nimport fonts from './fonts';\nimport fontSizes from './fontSizes';\nimport fontWeights from './fontWeights';\nimport radii from './radii';\nimport sizes from './sizes';\nimport spacing from './spacing';\nimport zIndex from './zIndex';\n\nconst tokens = {\n  animations,\n  borderWidths,\n  colors,\n  durations,\n  easings,\n  fonts,\n  fontSizes,\n  fontWeights,\n  radii,\n  sizes,\n  spacing,\n  zIndex,\n};\n\nexport default tokens;\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.264",
+  "version": "0.3.266",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",

package/dist/theme/tokens/border-widths.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"border-widths.js","names":[],"sources":["../../../lib/theme/tokens/border-widths.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\n// Numeric, pixel-valued to match the size/spacing token convention (1 = 1px, 2 = 2px).\n// `borderWidth` resolves against this `borderWidths` scale — without it, raw values like\n// `'1px'` are passed through unresolved (and a bare `'1'` would emit invalid unitless CSS).\nconst borderWidths = defineTokens.borderWidths({\n  '1': {\n    value: '1px',\n  },\n  '2': {\n    value: '2px',\n  },\n});\n\nexport default borderWidths;\n"],"mappings":";;AAKA,IAAM,eAAe,aAAa,aAAa;CAC7C,KAAK,EACH,OAAO,MACT;CACA,KAAK,EACH,OAAO,MACT;AACF,CAAC"}