@bitrise/bitkit-v2 0.3.186 → 0.3.188

package/dist/main.js

@@ -103,6 +103,7 @@ import IconDotnetText from "./icons/IconDotnetText.js";
 import IconDotnetTextColor from "./icons/IconDotnetTextColor.js";
 import IconDoubleCircle from "./icons/IconDoubleCircle.js";
 import IconDownload from "./icons/IconDownload.js";
+import IconDragHandle from "./icons/IconDragHandle.js";
 import IconEc2Ami from "./icons/IconEc2Ami.js";
 import IconEnterprise from "./icons/IconEnterprise.js";
 import IconErrorCircle from "./icons/IconErrorCircle.js";
@@ -303,6 +304,7 @@ import BitkitDialogBody from "./components/BitkitDialog/BitkitDialogBody.js";
 import BitkitDialogContent from "./components/BitkitDialog/BitkitDialogContent.js";
 import BitkitDialogRoot from "./components/BitkitDialog/BitkitDialogRoot.js";
 import BitkitDialog from "./components/BitkitDialog/BitkitDialog.js";
+import BitkitDraggableCard from "./components/BitkitDraggableCard/BitkitDraggableCard.js";
 import BitkitEmptyState from "./components/BitkitEmptyState/BitkitEmptyState.js";
 import BitkitExpandableCard from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
 import BitkitExplainerList_default from "./components/BitkitExplainerList/BitkitExplainerList.js";
@@ -310,6 +312,7 @@ import BitkitFileInput from "./components/BitkitFileInput/BitkitFileInput.js";
 import BitkitGroupHeading from "./components/BitkitGroupHeading/BitkitGroupHeading.js";
 import BitkitIconButton from "./components/BitkitIconButton/BitkitIconButton.js";
 import BitkitInlineLoading from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
+import BitkitLabeledData from "./components/BitkitLabeledData/BitkitLabeledData.js";
 import BitkitLink from "./components/BitkitLink/BitkitLink.js";
 import BitkitLinkButton from "./components/BitkitLinkButton/BitkitLinkButton.js";
 import BitkitOrderedList_default from "./components/BitkitOrderedList/BitkitOrderedList.js";
@@ -330,6 +333,7 @@ import BitkitSegmentedControl_default from "./components/BitkitSegmentedControl/
 import BitkitSelect from "./components/BitkitSelect/BitkitSelect.js";
 import BitkitSelectableTag_default from "./components/BitkitSelectableTag/BitkitSelectableTag.js";
 import BitkitSplitButton_default from "./components/BitkitSplitButton/BitkitSplitButton.js";
+import BitkitStat from "./components/BitkitStat/BitkitStat.js";
 import BitkitTabs from "./components/BitkitTabs/BitkitTabs.js";
 import BitkitTag from "./components/BitkitTag/BitkitTag.js";
 import BitkitTagsInput from "./components/BitkitTagsInput/BitkitTagsInput.js";
@@ -339,4 +343,4 @@ import BitkitToggle from "./components/BitkitToggle/BitkitToggle.js";
 import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButton.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, BitkitDialogContent, BitkitDialogRoot, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowTooltip, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSplitButton_default as BitkitSplitButton, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, 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, 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, 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 };
+export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, 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, BitkitOverflowTooltip, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, 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, 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 };

package/dist/theme/recipes/DefinitionTooltip.recipe.js

@@ -1,13 +1,14 @@
-import { rem } from "../themeUtils.js";
 import { defineRecipe } from "@chakra-ui/react/styled-system";
 //#region lib/theme/recipes/DefinitionTooltip.recipe.ts
 var definitionTooltipRecipe = defineRecipe({
 	className: "definition-tooltip",
 	base: {
-		textStyle: "body/lg/regular",
+		color: "inherit",
+		font: "inherit",
+		letterSpacing: "inherit",
 		textDecoration: "underline dotted",
 		textDecorationColor: "sys/neutral/bold",
-		textUnderlineOffset: rem(6),
+		textUnderlineOffset: "0.375em",
 		"&:hover": { textDecorationColor: "sys/purple/base" }
 	},
 	variants: { method: {

package/dist/theme/recipes/DefinitionTooltip.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefinitionTooltip.recipe.js","names":[],"sources":["../../../lib/theme/recipes/DefinitionTooltip.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst definitionTooltipRecipe = defineRecipe({\n  className: 'definition-tooltip',\n  base: {\n    textStyle: 'body/lg/regular',\n    textDecoration: 'underline dotted',\n    textDecorationColor: 'sys/neutral/bold',\n    textUnderlineOffset: rem(6),\n    '&:hover': {\n      textDecorationColor: 'sys/purple/base',\n    },\n  },\n  variants: {\n    method: {\n      click: {\n        cursor: 'pointer',\n      },\n      hover: {\n        cursor: 'default',\n      },\n    },\n  },\n});\n\nexport default definitionTooltipRecipe;\n"],"mappings":";;;AAIA,IAAM,0BAA0B,aAAa;CAC3C,WAAW;CACX,MAAM;EACJ,WAAW;EACX,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB,IAAI,EAAE;EAC3B,WAAW,EACT,qBAAqB,mBACtB;EACF;CACD,UAAU,EACR,QAAQ;EACN,OAAO,EACL,QAAQ,WACT;EACD,OAAO,EACL,QAAQ,WACT;EACF,EACF;CACF,CAAC"}
+{"version":3,"file":"DefinitionTooltip.recipe.js","names":[],"sources":["../../../lib/theme/recipes/DefinitionTooltip.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst definitionTooltipRecipe = defineRecipe({\n  className: 'definition-tooltip',\n  base: {\n    color: 'inherit',\n    font: 'inherit',\n    letterSpacing: 'inherit',\n    textDecoration: 'underline dotted',\n    textDecorationColor: 'sys/neutral/bold',\n    textUnderlineOffset: '0.375em',\n    '&:hover': {\n      textDecorationColor: 'sys/purple/base',\n    },\n  },\n  variants: {\n    method: {\n      click: {\n        cursor: 'pointer',\n      },\n      hover: {\n        cursor: 'default',\n      },\n    },\n  },\n});\n\nexport default definitionTooltipRecipe;\n"],"mappings":";;AAEA,IAAM,0BAA0B,aAAa;CAC3C,WAAW;CACX,MAAM;EACJ,OAAO;EACP,MAAM;EACN,eAAe;EACf,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB;EACrB,WAAW,EACT,qBAAqB,mBACtB;EACF;CACD,UAAU,EACR,QAAQ;EACN,OAAO,EACL,QAAQ,WACT;EACD,OAAO,EACL,QAAQ,WACT;EACF,EACF;CACF,CAAC"}

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

@@ -0,0 +1,83 @@
+declare const draggableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "handle", {
+    isDragging: {
+        true: {
+            root: {
+                borderColor: "border/strong";
+                boxShadow: "elevation/lg";
+                cursor: "grabbing";
+            };
+            handle: {
+                color: "icon/secondary";
+            };
+        };
+    };
+    isDropTarget: {
+        true: {
+            root: {
+                background: "background/secondary";
+                borderColor: "border/strong";
+                borderStyle: "dashed";
+                boxShadow: "none";
+            };
+            handle: {
+                visibility: "hidden";
+            };
+            content: {
+                visibility: "hidden";
+            };
+        };
+    };
+    isFullCardDrag: {
+        true: {
+            root: {
+                cursor: "grab";
+                _hover: {
+                    borderColor: "border/regular";
+                    _active: {
+                        borderColor: "border/strong";
+                    };
+                };
+                _active: {
+                    borderColor: "border/strong";
+                };
+            };
+            handle: {
+                pointerEvents: "none";
+            };
+            content: {
+                paddingInlineStart: number;
+            };
+        };
+        false: {
+            root: {
+                _hover: {
+                    borderColor: "border/regular";
+                };
+            };
+            handle: {
+                appearance: "none";
+                background: "transparent";
+                border: "none";
+                cursor: "grab";
+                focusVisibleRing: "none";
+                _focusVisible: {
+                    boxShadow: "inset 0 0 0 var(--focus-ring-width) var(--focus-ring-color)";
+                };
+                _hover: {
+                    background: "background/hover";
+                    color: "icon/secondary";
+                    _active: {
+                        background: "background/active";
+                    };
+                };
+                _active: {
+                    background: "background/active";
+                };
+            };
+            content: {
+                paddingInlineStart: "8";
+            };
+        };
+    };
+}>;
+export default draggableCardSlotRecipe;

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

@@ -0,0 +1,133 @@
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/DraggableCard.recipe.ts
+var draggableCardSlotRecipe = defineSlotRecipe({
+	className: "draggable-card",
+	slots: [
+		"root",
+		"handle",
+		"content"
+	],
+	base: {
+		root: {
+			alignItems: "stretch",
+			backgroundColor: "background/primary",
+			border: "1px solid",
+			borderColor: "border/minimal",
+			borderRadius: "8",
+			boxShadow: "elevation/sm",
+			display: "flex",
+			overflow: "hidden"
+		},
+		handle: {
+			alignItems: "center",
+			color: "icon/tertiary",
+			display: "flex",
+			flexShrink: 0,
+			justifyContent: "center",
+			width: "24"
+		},
+		content: {
+			flex: 1,
+			minWidth: 0,
+			overflow: "hidden",
+			paddingBlock: "16",
+			paddingInlineEnd: "16"
+		}
+	},
+	variants: {
+		isDragging: { true: {
+			root: {
+				borderColor: "border/strong",
+				boxShadow: "elevation/lg",
+				cursor: "grabbing"
+			},
+			handle: { color: "icon/secondary" }
+		} },
+		isDropTarget: { true: {
+			root: {
+				background: "background/secondary",
+				borderColor: "border/strong",
+				borderStyle: "dashed",
+				boxShadow: "none"
+			},
+			handle: { visibility: "hidden" },
+			content: { visibility: "hidden" }
+		} },
+		isFullCardDrag: {
+			true: {
+				root: {
+					cursor: "grab",
+					_hover: {
+						borderColor: "border/regular",
+						_active: { borderColor: "border/strong" }
+					},
+					_active: { borderColor: "border/strong" }
+				},
+				handle: { pointerEvents: "none" },
+				content: { paddingInlineStart: 0 }
+			},
+			false: {
+				root: { _hover: { borderColor: "border/regular" } },
+				handle: {
+					appearance: "none",
+					background: "transparent",
+					border: "none",
+					cursor: "grab",
+					focusVisibleRing: "none",
+					_focusVisible: { boxShadow: "inset 0 0 0 var(--focus-ring-width) var(--focus-ring-color)" },
+					_hover: {
+						background: "background/hover",
+						color: "icon/secondary",
+						_active: { background: "background/active" }
+					},
+					_active: { background: "background/active" }
+				},
+				content: { paddingInlineStart: "8" }
+			}
+		}
+	},
+	compoundVariants: [
+		{
+			isDragging: true,
+			isFullCardDrag: true,
+			css: { root: {
+				cursor: "grabbing",
+				_hover: { borderColor: "border/strong" }
+			} }
+		},
+		{
+			isDragging: true,
+			isFullCardDrag: false,
+			css: {
+				root: { _hover: { borderColor: "border/strong" } },
+				handle: {
+					background: "background/active",
+					cursor: "grabbing",
+					_hover: { background: "background/active" }
+				}
+			}
+		},
+		{
+			isDropTarget: true,
+			isFullCardDrag: true,
+			css: { root: {
+				cursor: "default",
+				_hover: { borderColor: "border/strong" }
+			} }
+		},
+		{
+			isDropTarget: true,
+			isFullCardDrag: false,
+			css: { root: { _hover: { borderColor: "border/strong" } } }
+		}
+	],
+	defaultVariants: {
+		isDragging: false,
+		isDropTarget: false,
+		isFullCardDrag: true
+	}
+});
+//#endregion
+export { draggableCardSlotRecipe as default };
+
+//# sourceMappingURL=DraggableCard.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/DraggableCard.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst draggableCardSlotRecipe = defineSlotRecipe({\n  className: 'draggable-card',\n  slots: ['root', 'handle', 'content'],\n  base: {\n    root: {\n      alignItems: 'stretch',\n      backgroundColor: 'background/primary',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      borderRadius: '8',\n      boxShadow: 'elevation/sm',\n      display: 'flex',\n      overflow: 'hidden',\n    },\n    handle: {\n      alignItems: 'center',\n      color: 'icon/tertiary',\n      display: 'flex',\n      flexShrink: 0,\n      justifyContent: 'center',\n      width: '24',\n    },\n    content: {\n      flex: 1,\n      minWidth: 0,\n      overflow: 'hidden',\n      paddingBlock: '16',\n      paddingInlineEnd: '16',\n    },\n  },\n  variants: {\n    isDragging: {\n      true: {\n        root: {\n          borderColor: 'border/strong',\n          boxShadow: 'elevation/lg',\n          cursor: 'grabbing',\n        },\n        handle: {\n          color: 'icon/secondary',\n        },\n      },\n    },\n    isDropTarget: {\n      true: {\n        root: {\n          background: 'background/secondary',\n          borderColor: 'border/strong',\n          borderStyle: 'dashed',\n          boxShadow: 'none',\n        },\n        handle: {\n          visibility: 'hidden',\n        },\n        content: {\n          visibility: 'hidden',\n        },\n      },\n    },\n    isFullCardDrag: {\n      true: {\n        root: {\n          cursor: 'grab',\n          _hover: {\n            borderColor: 'border/regular',\n            _active: {\n              borderColor: 'border/strong',\n            },\n          },\n          _active: {\n            borderColor: 'border/strong',\n          },\n        },\n        handle: {\n          pointerEvents: 'none',\n        },\n        content: {\n          paddingInlineStart: 0,\n        },\n      },\n      false: {\n        root: {\n          _hover: {\n            borderColor: 'border/regular',\n          },\n        },\n        handle: {\n          appearance: 'none',\n          background: 'transparent',\n          border: 'none',\n          cursor: 'grab',\n          focusVisibleRing: 'none',\n          _focusVisible: {\n            boxShadow: 'inset 0 0 0 var(--focus-ring-width) var(--focus-ring-color)',\n          },\n          _hover: {\n            background: 'background/hover',\n            color: 'icon/secondary',\n            _active: {\n              background: 'background/active',\n            },\n          },\n          _active: {\n            background: 'background/active',\n          },\n        },\n        content: {\n          paddingInlineStart: '8',\n        },\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isDragging: true,\n      isFullCardDrag: true,\n      css: {\n        root: {\n          cursor: 'grabbing',\n          _hover: {\n            borderColor: 'border/strong',\n          },\n        },\n      },\n    },\n    {\n      isDragging: true,\n      isFullCardDrag: false,\n      css: {\n        root: {\n          _hover: {\n            borderColor: 'border/strong',\n          },\n        },\n        handle: {\n          background: 'background/active',\n          cursor: 'grabbing',\n          _hover: {\n            background: 'background/active',\n          },\n        },\n      },\n    },\n    {\n      isDropTarget: true,\n      isFullCardDrag: true,\n      css: {\n        root: {\n          cursor: 'default',\n          _hover: {\n            borderColor: 'border/strong',\n          },\n        },\n      },\n    },\n    {\n      isDropTarget: true,\n      isFullCardDrag: false,\n      css: {\n        root: {\n          _hover: {\n            borderColor: 'border/strong',\n          },\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    isDragging: false,\n    isDropTarget: false,\n    isFullCardDrag: true,\n  },\n});\n\nexport default draggableCardSlotRecipe;\n"],"mappings":";;AAEA,IAAM,0BAA0B,iBAAiB;CAC/C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAU;EAAU;CACpC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,QAAQ;GACR,aAAa;GACb,cAAc;GACd,WAAW;GACX,SAAS;GACT,UAAU;GACX;EACD,QAAQ;GACN,YAAY;GACZ,OAAO;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACR;EACD,SAAS;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,cAAc;GACd,kBAAkB;GACnB;EACF;CACD,UAAU;EACR,YAAY,EACV,MAAM;GACJ,MAAM;IACJ,aAAa;IACb,WAAW;IACX,QAAQ;IACT;GACD,QAAQ,EACN,OAAO,kBACR;GACF,EACF;EACD,cAAc,EACZ,MAAM;GACJ,MAAM;IACJ,YAAY;IACZ,aAAa;IACb,aAAa;IACb,WAAW;IACZ;GACD,QAAQ,EACN,YAAY,UACb;GACD,SAAS,EACP,YAAY,UACb;GACF,EACF;EACD,gBAAgB;GACd,MAAM;IACJ,MAAM;KACJ,QAAQ;KACR,QAAQ;MACN,aAAa;MACb,SAAS,EACP,aAAa,iBACd;MACF;KACD,SAAS,EACP,aAAa,iBACd;KACF;IACD,QAAQ,EACN,eAAe,QAChB;IACD,SAAS,EACP,oBAAoB,GACrB;IACF;GACD,OAAO;IACL,MAAM,EACJ,QAAQ,EACN,aAAa,kBACd,EACF;IACD,QAAQ;KACN,YAAY;KACZ,YAAY;KACZ,QAAQ;KACR,QAAQ;KACR,kBAAkB;KAClB,eAAe,EACb,WAAW,+DACZ;KACD,QAAQ;MACN,YAAY;MACZ,OAAO;MACP,SAAS,EACP,YAAY,qBACb;MACF;KACD,SAAS,EACP,YAAY,qBACb;KACF;IACD,SAAS,EACP,oBAAoB,KACrB;IACF;GACF;EACF;CACD,kBAAkB;EAChB;GACE,YAAY;GACZ,gBAAgB;GAChB,KAAK,EACH,MAAM;IACJ,QAAQ;IACR,QAAQ,EACN,aAAa,iBACd;IACF,EACF;GACF;EACD;GACE,YAAY;GACZ,gBAAgB;GAChB,KAAK;IACH,MAAM,EACJ,QAAQ,EACN,aAAa,iBACd,EACF;IACD,QAAQ;KACN,YAAY;KACZ,QAAQ;KACR,QAAQ,EACN,YAAY,qBACb;KACF;IACF;GACF;EACD;GACE,cAAc;GACd,gBAAgB;GAChB,KAAK,EACH,MAAM;IACJ,QAAQ;IACR,QAAQ,EACN,aAAa,iBACd;IACF,EACF;GACF;EACD;GACE,cAAc;GACd,gBAAgB;GAChB,KAAK,EACH,MAAM,EACJ,QAAQ,EACN,aAAa,iBACd,EACF,EACF;GACF;EACF;CACD,iBAAiB;EACf,YAAY;EACZ,cAAc;EACd,gBAAgB;EACjB;CACF,CAAC"}

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

@@ -1,2 +1,2 @@
-declare const imageCropperSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"grid" | "image" | "root" | "viewport" | "selection" | "handle", import('@chakra-ui/react').SlotRecipeVariantRecord<"grid" | "image" | "root" | "viewport" | "selection" | "handle">>;
+declare const imageCropperSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"grid" | "image" | "root" | "handle" | "viewport" | "selection", import('@chakra-ui/react').SlotRecipeVariantRecord<"grid" | "image" | "root" | "handle" | "viewport" | "selection">>;
 export default imageCropperSlotRecipe;

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

@@ -0,0 +1,38 @@
+declare const labeledDataSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "value" | "root" | "limit" | "helpText", {
+    size: {
+        lg: {
+            label: {
+                color: "text/primary";
+            };
+            value: {
+                textStyle: "comp/data/sm";
+            };
+            limit: {
+                textStyle: "body/md/regular";
+            };
+        };
+        '2xl': {
+            label: {
+                color: "text/secondary";
+            };
+            value: {
+                textStyle: "comp/data/md";
+            };
+            limit: {
+                textStyle: "body/xl/regular";
+            };
+        };
+        '3xl': {
+            label: {
+                color: "text/secondary";
+            };
+            value: {
+                textStyle: "comp/data/lg";
+            };
+            limit: {
+                textStyle: "body/2xl/regular";
+            };
+        };
+    };
+}>;
+export default labeledDataSlotRecipe;

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

@@ -0,0 +1,64 @@
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/LabeledData.recipe.ts
+var labeledDataSlotRecipe = defineSlotRecipe({
+	className: "labeled-data",
+	slots: [
+		"root",
+		"label",
+		"value",
+		"limit",
+		"helpText"
+	],
+	base: {
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "4"
+		},
+		label: {
+			display: "inline-flex",
+			gap: "4",
+			alignItems: "center",
+			textStyle: "body/md/semibold"
+		},
+		value: {
+			display: "inline-flex",
+			alignItems: "baseline",
+			gap: "2",
+			fontFeatureSettings: "pnum",
+			fontVariantNumeric: "proportional-nums",
+			color: "text/body"
+		},
+		limit: {
+			color: "text/secondary",
+			fontWeight: "initial",
+			letterSpacing: "initial"
+		},
+		helpText: {
+			textStyle: "body/md/regular",
+			color: "text/tertiary"
+		}
+	},
+	variants: { size: {
+		lg: {
+			label: { color: "text/primary" },
+			value: { textStyle: "comp/data/sm" },
+			limit: { textStyle: "body/md/regular" }
+		},
+		"2xl": {
+			label: { color: "text/secondary" },
+			value: { textStyle: "comp/data/md" },
+			limit: { textStyle: "body/xl/regular" }
+		},
+		"3xl": {
+			label: { color: "text/secondary" },
+			value: { textStyle: "comp/data/lg" },
+			limit: { textStyle: "body/2xl/regular" }
+		}
+	} },
+	defaultVariants: { size: "lg" }
+});
+//#endregion
+export { labeledDataSlotRecipe as default };
+
+//# sourceMappingURL=LabeledData.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledData.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/LabeledData.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst labeledDataSlotRecipe = defineSlotRecipe({\n  className: 'labeled-data',\n  slots: ['root', 'label', 'value', 'limit', 'helpText'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n    },\n    label: {\n      display: 'inline-flex',\n      gap: '4',\n      alignItems: 'center',\n      textStyle: 'body/md/semibold',\n    },\n    value: {\n      display: 'inline-flex',\n      alignItems: 'baseline',\n      gap: '2',\n      fontFeatureSettings: 'pnum',\n      fontVariantNumeric: 'proportional-nums',\n      color: 'text/body',\n    },\n    limit: {\n      color: 'text/secondary',\n      fontWeight: 'initial',\n      letterSpacing: 'initial',\n    },\n    helpText: {\n      textStyle: 'body/md/regular',\n      color: 'text/tertiary',\n    },\n  },\n  variants: {\n    size: {\n      lg: {\n        label: { color: 'text/primary' },\n        value: { textStyle: 'comp/data/sm' },\n        limit: { textStyle: 'body/md/regular' },\n      },\n      '2xl': {\n        label: { color: 'text/secondary' },\n        value: { textStyle: 'comp/data/md' },\n        limit: { textStyle: 'body/xl/regular' },\n      },\n      '3xl': {\n        label: { color: 'text/secondary' },\n        value: { textStyle: 'comp/data/lg' },\n        limit: { textStyle: 'body/2xl/regular' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default labeledDataSlotRecipe;\n"],"mappings":";;AAEA,IAAM,wBAAwB,iBAAiB;CAC7C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAS;EAAS;EAAS;EAAW;CACtD,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACD,OAAO;GACL,SAAS;GACT,KAAK;GACL,YAAY;GACZ,WAAW;GACZ;EACD,OAAO;GACL,SAAS;GACT,YAAY;GACZ,KAAK;GACL,qBAAqB;GACrB,oBAAoB;GACpB,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,YAAY;GACZ,eAAe;GAChB;EACD,UAAU;GACR,WAAW;GACX,OAAO;GACR;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO,EAAE,OAAO,gBAAgB;GAChC,OAAO,EAAE,WAAW,gBAAgB;GACpC,OAAO,EAAE,WAAW,mBAAmB;GACxC;EACD,OAAO;GACL,OAAO,EAAE,OAAO,kBAAkB;GAClC,OAAO,EAAE,WAAW,gBAAgB;GACpC,OAAO,EAAE,WAAW,mBAAmB;GACxC;EACD,OAAO;GACL,OAAO,EAAE,OAAO,kBAAkB;GAClC,OAAO,EAAE,WAAW,gBAAgB;GACpC,OAAO,EAAE,WAAW,oBAAoB;GACzC;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -0,0 +1,44 @@
+declare const statSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "value" | "root" | "helpText", {
+    size: {
+        lg: {
+            label: {
+                color: "text/primary";
+            };
+            value: {
+                textStyle: "comp/data/sm";
+            };
+        };
+        '2xl': {
+            label: {
+                color: "text/secondary";
+            };
+            value: {
+                textStyle: "comp/data/md";
+            };
+        };
+        '3xl': {
+            label: {
+                color: "text/secondary";
+            };
+            value: {
+                textStyle: "comp/data/lg";
+            };
+        };
+    };
+    variant: {
+        default: {};
+        compact: {
+            root: {
+                display: "inline-flex";
+                alignItems: "flex-end";
+            };
+            value: {
+                textStyle: "body/md/regular";
+            };
+            helpText: {
+                textStyle: "body/sm/regular";
+            };
+        };
+    };
+}>;
+export default statSlotRecipe;

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

@@ -0,0 +1,73 @@
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/Stat.recipe.ts
+var statSlotRecipe = defineSlotRecipe({
+	className: "stat",
+	slots: [
+		"root",
+		"label",
+		"value",
+		"helpText"
+	],
+	base: {
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "4"
+		},
+		label: {
+			display: "inline-flex",
+			gap: "4",
+			alignItems: "center",
+			textStyle: "body/md/semibold"
+		},
+		value: {
+			display: "inline-flex",
+			gap: "4",
+			alignItems: "center",
+			fontFeatureSettings: "pnum",
+			fontVariantNumeric: "proportional-nums",
+			color: "text/body"
+		},
+		helpText: {
+			display: "inline-flex",
+			flexWrap: "wrap",
+			gap: "4",
+			textStyle: "body/md/regular"
+		}
+	},
+	variants: {
+		size: {
+			lg: {
+				label: { color: "text/primary" },
+				value: { textStyle: "comp/data/sm" }
+			},
+			"2xl": {
+				label: { color: "text/secondary" },
+				value: { textStyle: "comp/data/md" }
+			},
+			"3xl": {
+				label: { color: "text/secondary" },
+				value: { textStyle: "comp/data/lg" }
+			}
+		},
+		variant: {
+			default: {},
+			compact: {
+				root: {
+					display: "inline-flex",
+					alignItems: "flex-end"
+				},
+				value: { textStyle: "body/md/regular" },
+				helpText: { textStyle: "body/sm/regular" }
+			}
+		}
+	},
+	defaultVariants: {
+		size: "lg",
+		variant: "default"
+	}
+});
+//#endregion
+export { statSlotRecipe as default };
+
+//# sourceMappingURL=Stat.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Stat.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst statSlotRecipe = defineSlotRecipe({\n  className: 'stat',\n  slots: ['root', 'label', 'value', 'helpText'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n    },\n    label: {\n      display: 'inline-flex',\n      gap: '4',\n      alignItems: 'center',\n      textStyle: 'body/md/semibold',\n    },\n    value: {\n      display: 'inline-flex',\n      gap: '4',\n      alignItems: 'center',\n      fontFeatureSettings: 'pnum',\n      fontVariantNumeric: 'proportional-nums',\n      color: 'text/body',\n    },\n    helpText: {\n      display: 'inline-flex',\n      flexWrap: 'wrap',\n      gap: '4',\n      textStyle: 'body/md/regular',\n    },\n  },\n  variants: {\n    size: {\n      lg: {\n        label: { color: 'text/primary' },\n        value: { textStyle: 'comp/data/sm' },\n      },\n      '2xl': {\n        label: { color: 'text/secondary' },\n        value: { textStyle: 'comp/data/md' },\n      },\n      '3xl': {\n        label: { color: 'text/secondary' },\n        value: { textStyle: 'comp/data/lg' },\n      },\n    },\n    variant: {\n      default: {},\n      compact: {\n        root: {\n          display: 'inline-flex',\n          alignItems: 'flex-end',\n        },\n        value: {\n          textStyle: 'body/md/regular',\n        },\n        helpText: {\n          textStyle: 'body/sm/regular',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    variant: 'default',\n  },\n});\n\nexport default statSlotRecipe;\n"],"mappings":";;AAEA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO;EAAC;EAAQ;EAAS;EAAS;EAAW;CAC7C,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACD,OAAO;GACL,SAAS;GACT,KAAK;GACL,YAAY;GACZ,WAAW;GACZ;EACD,OAAO;GACL,SAAS;GACT,KAAK;GACL,YAAY;GACZ,qBAAqB;GACrB,oBAAoB;GACpB,OAAO;GACR;EACD,UAAU;GACR,SAAS;GACT,UAAU;GACV,KAAK;GACL,WAAW;GACZ;EACF;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IACF,OAAO,EAAE,OAAO,gBAAgB;IAChC,OAAO,EAAE,WAAW,gBAAgB;IACrC;GACD,OAAO;IACL,OAAO,EAAE,OAAO,kBAAkB;IAClC,OAAO,EAAE,WAAW,gBAAgB;IACrC;GACD,OAAO;IACL,OAAO,EAAE,OAAO,kBAAkB;IAClC,OAAO,EAAE,WAAW,gBAAgB;IACrC;GACF;EACD,SAAS;GACP,SAAS,EAAE;GACX,SAAS;IACP,MAAM;KACJ,SAAS;KACT,YAAY;KACb;IACD,OAAO,EACL,WAAW,mBACZ;IACD,UAAU,EACR,WAAW,mBACZ;IACF;GACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACF,CAAC"}