@bitrise/bitkit-v2 0.3.183 → 0.3.185

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.d.ts

@@ -1,12 +1,16 @@
 import { TooltipRootProps } from '@chakra-ui/react/tooltip';
+import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
 export interface BitkitDefinitionTooltipProps {
+    button?: BitkitTooltipProps['button'];
     children: string;
+    learnMoreTarget?: BitkitTooltipProps['learnMoreTarget'];
+    learnMoreUrl?: BitkitTooltipProps['learnMoreUrl'];
     method?: 'click' | 'hover';
     placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
     text: string;
 }
 declare const BitkitDefinitionTooltip: {
-    ({ children, method, placement, text, }: BitkitDefinitionTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ button, children, learnMoreTarget, learnMoreUrl, method, placement, text, }: BitkitDefinitionTooltipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BitkitDefinitionTooltip;

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js

@@ -1,35 +1,30 @@
+import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
 import { chakra, useRecipe } from "@chakra-ui/react/styled-system";
 import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Tooltip } from "@chakra-ui/react/tooltip";
+import { jsx } from "react/jsx-runtime";
 //#region lib/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.tsx
-var BitkitDefinitionTooltip = ({ children, method = "click", placement = "top", text }) => {
+var BitkitDefinitionTooltip = ({ button, children, learnMoreTarget, learnMoreUrl, method = "click", placement = "top", text }) => {
 	const style = useRecipe({ key: "definitionTooltip" });
 	const [open, setOpen] = useState(false);
-	return /* @__PURE__ */ jsxs(Tooltip.Root, {
+	return /* @__PURE__ */ jsx(BitkitTooltip, {
+		button,
+		closeOnClick: method === "click" ? false : void 0,
+		learnMoreTarget,
+		learnMoreUrl,
 		onOpenChange: method === "click" ? ({ open: nextOpen }) => {
 			if (!nextOpen) setOpen(false);
 		} : void 0,
 		open: method === "click" ? open : void 0,
-		closeOnClick: method === "click" ? false : void 0,
 		openDelay: method === "click" ? Infinity : void 0,
-		positioning: {
-			placement,
-			offset: {
-				mainAxis: 8,
-				crossAxis: 0
-			}
-		},
-		children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(chakra.button, {
-				"aria-expanded": method === "click" ? open : void 0,
-				css: style({ method }),
-				onClick: method === "click" ? () => setOpen(!open) : void 0,
-				type: "button",
-				children
-			})
-		}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip.Content, { children: [/* @__PURE__ */ jsx(Tooltip.Arrow, { children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {}) }), text] }) })]
+		placement,
+		text,
+		children: /* @__PURE__ */ jsx(chakra.button, {
+			"aria-expanded": method === "click" ? open : void 0,
+			css: style({ method }),
+			onClick: method === "click" ? () => setOpen(!open) : void 0,
+			type: "button",
+			children
+		})
 	});
 };
 BitkitDefinitionTooltip.displayName = "BitkitDefinitionTooltip";

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitDefinitionTooltip.js","names":[],"sources":["../../../lib/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.tsx"],"sourcesContent":["import { chakra, useRecipe } from '@chakra-ui/react/styled-system';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { useState } from 'react';\n\nexport interface BitkitDefinitionTooltipProps {\n  children: string;\n  method?: 'click' | 'hover';\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n}\n\nconst BitkitDefinitionTooltip = ({\n  children,\n  method = 'click',\n  placement = 'top',\n  text,\n}: BitkitDefinitionTooltipProps) => {\n  const style = useRecipe({ key: 'definitionTooltip' });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Tooltip.Root\n      onOpenChange={\n        method === 'click'\n          ? ({ open: nextOpen }) => {\n              if (!nextOpen) setOpen(false);\n            }\n          : undefined\n      }\n      open={method === 'click' ? open : undefined}\n      closeOnClick={method === 'click' ? false : undefined}\n      openDelay={method === 'click' ? Infinity : undefined}\n      positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n    >\n      <Tooltip.Trigger asChild>\n        <chakra.button\n          aria-expanded={method === 'click' ? open : undefined}\n          css={style({ method })}\n          onClick={method === 'click' ? () => setOpen(!open) : undefined}\n          type=\"button\"\n        >\n          {children}\n        </chakra.button>\n      </Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content>\n          <Tooltip.Arrow>\n            <Tooltip.ArrowTip />\n          </Tooltip.Arrow>\n          {text}\n        </Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitDefinitionTooltip.displayName = 'BitkitDefinitionTooltip';\n\nexport default BitkitDefinitionTooltip;\n"],"mappings":";;;;;AAWA,IAAM,2BAA2B,EAC/B,UACA,SAAS,SACT,YAAY,OACZ,WACkC;CAClC,MAAM,QAAQ,UAAU,EAAE,KAAK,qBAAqB,CAAC;CACrD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;AAEvC,QACE,qBAAC,QAAQ,MAAT;EACE,cACE,WAAW,WACN,EAAE,MAAM,eAAe;AACtB,OAAI,CAAC,SAAU,SAAQ,MAAM;MAE/B,KAAA;EAEN,MAAM,WAAW,UAAU,OAAO,KAAA;EAClC,cAAc,WAAW,UAAU,QAAQ,KAAA;EAC3C,WAAW,WAAW,UAAU,WAAW,KAAA;EAC3C,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;YAXnE,CAaE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;aACf,oBAAC,OAAO,QAAR;IACE,iBAAe,WAAW,UAAU,OAAO,KAAA;IAC3C,KAAK,MAAM,EAAE,QAAQ,CAAC;IACtB,SAAS,WAAW,gBAAgB,QAAQ,CAAC,KAAK,GAAG,KAAA;IACrD,MAAK;IAEJ;IACa,CAAA;GACA,CAAA,EAClB,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT,EAAA,UAAA,CACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,EAAoB,CAAA,EACN,CAAA,EACf,KACe,EAAA,CAAA,EACC,CAAA,CACR;;;AAInB,wBAAwB,cAAc"}
+{"version":3,"file":"BitkitDefinitionTooltip.js","names":[],"sources":["../../../lib/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.tsx"],"sourcesContent":["import { chakra, useRecipe } from '@chakra-ui/react/styled-system';\nimport { type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { useState } from 'react';\n\nimport BitkitTooltip, { type BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';\n\nexport interface BitkitDefinitionTooltipProps {\n  button?: BitkitTooltipProps['button'];\n  children: string;\n  learnMoreTarget?: BitkitTooltipProps['learnMoreTarget'];\n  learnMoreUrl?: BitkitTooltipProps['learnMoreUrl'];\n  method?: 'click' | 'hover';\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n}\n\nconst BitkitDefinitionTooltip = ({\n  button,\n  children,\n  learnMoreTarget,\n  learnMoreUrl,\n  method = 'click',\n  placement = 'top',\n  text,\n}: BitkitDefinitionTooltipProps) => {\n  const style = useRecipe({ key: 'definitionTooltip' });\n  const [open, setOpen] = useState(false);\n\n  return (\n    <BitkitTooltip\n      button={button}\n      closeOnClick={method === 'click' ? false : undefined}\n      learnMoreTarget={learnMoreTarget}\n      learnMoreUrl={learnMoreUrl}\n      onOpenChange={\n        method === 'click'\n          ? ({ open: nextOpen }) => {\n              if (!nextOpen) setOpen(false);\n            }\n          : undefined\n      }\n      open={method === 'click' ? open : undefined}\n      openDelay={method === 'click' ? Infinity : undefined}\n      placement={placement}\n      text={text}\n    >\n      <chakra.button\n        aria-expanded={method === 'click' ? open : undefined}\n        css={style({ method })}\n        onClick={method === 'click' ? () => setOpen(!open) : undefined}\n        type=\"button\"\n      >\n        {children}\n      </chakra.button>\n    </BitkitTooltip>\n  );\n};\n\nBitkitDefinitionTooltip.displayName = 'BitkitDefinitionTooltip';\n\nexport default BitkitDefinitionTooltip;\n"],"mappings":";;;;;AAgBA,IAAM,2BAA2B,EAC/B,QACA,UACA,iBACA,cACA,SAAS,SACT,YAAY,OACZ,WACkC;CAClC,MAAM,QAAQ,UAAU,EAAE,KAAK,qBAAqB,CAAC;CACrD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;AAEvC,QACE,oBAAC,eAAD;EACU;EACR,cAAc,WAAW,UAAU,QAAQ,KAAA;EAC1B;EACH;EACd,cACE,WAAW,WACN,EAAE,MAAM,eAAe;AACtB,OAAI,CAAC,SAAU,SAAQ,MAAM;MAE/B,KAAA;EAEN,MAAM,WAAW,UAAU,OAAO,KAAA;EAClC,WAAW,WAAW,UAAU,WAAW,KAAA;EAChC;EACL;YAEN,oBAAC,OAAO,QAAR;GACE,iBAAe,WAAW,UAAU,OAAO,KAAA;GAC3C,KAAK,MAAM,EAAE,QAAQ,CAAC;GACtB,SAAS,WAAW,gBAAgB,QAAQ,CAAC,KAAK,GAAG,KAAA;GACrD,MAAK;GAEJ;GACa,CAAA;EACF,CAAA;;AAIpB,wBAAwB,cAAc"}

package/dist/components/BitkitIconButton/BitkitIconButton.d.ts

@@ -1,11 +1,11 @@
 import { IconButtonProps } from '@chakra-ui/react/button';
 import { BitkitIconComponent } from '../../icons';
-import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
+import { BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';
 export interface BitkitIconButtonProps extends Omit<IconButtonProps, 'aria-label' | 'children' | 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement'> {
     icon: BitkitIconComponent;
     label: string;
     state?: 'disabled' | 'loading' | 'skeleton';
-    tooltipProps?: Partial<Omit<BitkitTooltipProps, 'children' | 'text'>>;
+    tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;
 }
 declare const BitkitIconButton: import('react').ForwardRefExoticComponent<BitkitIconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default BitkitIconButton;

package/dist/components/BitkitIconButton/BitkitIconButton.js

@@ -1,4 +1,4 @@
-import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import BitkitLabelTooltip from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { IconButton } from "@chakra-ui/react/button";
@@ -7,7 +7,7 @@ import { Skeleton } from "@chakra-ui/react/skeleton";
 var BitkitIconButton = forwardRef((props, ref) => {
 	const { icon: Icon, label, size, state, tooltipProps, ...rest } = props;
 	const iconSize = size === "lg" ? "24" : "16";
-	return /* @__PURE__ */ jsx(BitkitTooltip, {
+	return /* @__PURE__ */ jsx(BitkitLabelTooltip, {
 		text: label,
 		...tooltipProps,
 		children: /* @__PURE__ */ jsx(Skeleton, {

package/dist/components/BitkitIconButton/BitkitIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitIconButton.js","names":[],"sources":["../../../lib/components/BitkitIconButton/BitkitIconButton.tsx"],"sourcesContent":["import { IconButton, type IconButtonProps } from '@chakra-ui/react/button';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitTooltip, { type BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';\n\nexport interface BitkitIconButtonProps extends Omit<\n  IconButtonProps,\n  'aria-label' | 'children' | 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement'\n> {\n  icon: BitkitIconComponent;\n  label: string;\n  state?: 'disabled' | 'loading' | 'skeleton';\n  tooltipProps?: Partial<Omit<BitkitTooltipProps, 'children' | 'text'>>;\n}\n\nconst BitkitIconButton = forwardRef<HTMLButtonElement, BitkitIconButtonProps>((props, ref) => {\n  const { icon: Icon, label, size, state, tooltipProps, ...rest } = props;\n  const iconSize = size === 'lg' ? '24' : '16';\n\n  return (\n    <BitkitTooltip text={label} {...tooltipProps}>\n      <Skeleton asChild loading={state === 'skeleton'}>\n        <IconButton\n          aria-label={label}\n          disabled={state === 'disabled'}\n          loading={state === 'loading'}\n          ref={ref}\n          size={size}\n          {...rest}\n        >\n          <Icon size={iconSize} />\n        </IconButton>\n      </Skeleton>\n    </BitkitTooltip>\n  );\n});\n\nBitkitIconButton.displayName = 'BitkitIconButton';\n\nexport default BitkitIconButton;\n"],"mappings":";;;;;;AAiBA,IAAM,mBAAmB,YAAsD,OAAO,QAAQ;CAC5F,MAAM,EAAE,MAAM,MAAM,OAAO,MAAM,OAAO,cAAc,GAAG,SAAS;CAClE,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QACE,oBAAC,eAAD;EAAe,MAAM;EAAO,GAAI;YAC9B,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAS,UAAU;aACnC,oBAAC,YAAD;IACE,cAAY;IACZ,UAAU,UAAU;IACpB,SAAS,UAAU;IACd;IACC;IACN,GAAI;cAEJ,oBAAC,MAAD,EAAM,MAAM,UAAY,CAAA;IACb,CAAA;GACJ,CAAA;EACG,CAAA;EAElB;AAEF,iBAAiB,cAAc"}
+{"version":3,"file":"BitkitIconButton.js","names":[],"sources":["../../../lib/components/BitkitIconButton/BitkitIconButton.tsx"],"sourcesContent":["import { IconButton, type IconButtonProps } from '@chakra-ui/react/button';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitLabelTooltip, { type BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\nexport interface BitkitIconButtonProps extends Omit<\n  IconButtonProps,\n  'aria-label' | 'children' | 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement'\n> {\n  icon: BitkitIconComponent;\n  label: string;\n  state?: 'disabled' | 'loading' | 'skeleton';\n  tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;\n}\n\nconst BitkitIconButton = forwardRef<HTMLButtonElement, BitkitIconButtonProps>((props, ref) => {\n  const { icon: Icon, label, size, state, tooltipProps, ...rest } = props;\n  const iconSize = size === 'lg' ? '24' : '16';\n\n  return (\n    <BitkitLabelTooltip text={label} {...tooltipProps}>\n      <Skeleton asChild loading={state === 'skeleton'}>\n        <IconButton\n          aria-label={label}\n          disabled={state === 'disabled'}\n          loading={state === 'loading'}\n          ref={ref}\n          size={size}\n          {...rest}\n        >\n          <Icon size={iconSize} />\n        </IconButton>\n      </Skeleton>\n    </BitkitLabelTooltip>\n  );\n});\n\nBitkitIconButton.displayName = 'BitkitIconButton';\n\nexport default BitkitIconButton;\n"],"mappings":";;;;;;AAiBA,IAAM,mBAAmB,YAAsD,OAAO,QAAQ;CAC5F,MAAM,EAAE,MAAM,MAAM,OAAO,MAAM,OAAO,cAAc,GAAG,SAAS;CAClE,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QACE,oBAAC,oBAAD;EAAoB,MAAM;EAAO,GAAI;YACnC,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAS,UAAU;aACnC,oBAAC,YAAD;IACE,cAAY;IACZ,UAAU,UAAU;IACpB,SAAS,UAAU;IACd;IACC;IACN,GAAI;cAEJ,oBAAC,MAAD,EAAM,MAAM,UAAY,CAAA;IACb,CAAA;GACJ,CAAA;EACQ,CAAA;EAEvB;AAEF,iBAAiB,cAAc"}

package/dist/components/BitkitNoteCard/BitkitNoteCard.d.ts

@@ -0,0 +1,16 @@
+import { BoxProps } from '@chakra-ui/react/box';
+import { NotificationVariant } from '../../theme/common/AlertAndToast.common';
+import { NotificationAction } from '../common/notificationMaps';
+export type BitkitNoteCardProps = Omit<BoxProps, 'children' | 'title'> & {
+    action?: NotificationAction;
+    message: string;
+    status?: NotificationVariant;
+    title?: string;
+};
+declare const BitkitNoteCard: import('react').ForwardRefExoticComponent<Omit<BoxProps, "title" | "children"> & {
+    action?: NotificationAction;
+    message: string;
+    status?: NotificationVariant;
+    title?: string;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitNoteCard;

package/dist/components/BitkitNoteCard/BitkitNoteCard.js

@@ -0,0 +1,55 @@
+import { ICON_COMPONENTS_MAP } from "../common/notificationMaps.js";
+import BitkitButton from "../BitkitButton/BitkitButton.js";
+import { Box } from "@chakra-ui/react/box";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { Text } from "@chakra-ui/react/text";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region lib/components/BitkitNoteCard/BitkitNoteCard.tsx
+var BitkitNoteCard = forwardRef((props, ref) => {
+	const { action, message, status = "info", title, ...rest } = props;
+	const styles = useSlotRecipe({ key: "noteCard" })({ status });
+	const IconComponent = ICON_COMPONENTS_MAP[status];
+	const isProgress = status === "progress";
+	return /* @__PURE__ */ jsxs(Box, {
+		ref,
+		css: styles.root,
+		...rest,
+		children: [/* @__PURE__ */ jsx(Box, {
+			css: styles.iconBar,
+			children: /* @__PURE__ */ jsx(Box, {
+				css: styles.iconWrapper,
+				children: isProgress ? /* @__PURE__ */ jsx(IconComponent, { size: "lg" }) : /* @__PURE__ */ jsx(IconComponent, { size: "24" })
+			})
+		}), /* @__PURE__ */ jsxs(Box, {
+			css: styles.content,
+			children: [/* @__PURE__ */ jsxs(Box, {
+				css: styles.messageBlock,
+				children: [title && /* @__PURE__ */ jsx(Text, {
+					css: styles.title,
+					children: title
+				}), /* @__PURE__ */ jsx(Text, {
+					css: title ? styles.message : styles.messageSolo,
+					children: message
+				})]
+			}), action && /* @__PURE__ */ jsx(BitkitButton, {
+				css: styles.actionArea,
+				size: "sm",
+				variant: "tertiary",
+				...action.href && {
+					as: "a",
+					href: action.href,
+					rel: action.target === "_blank" ? "noopener noreferrer" : void 0,
+					target: action.target
+				},
+				onClick: action.onClick,
+				children: action.label
+			})]
+		})]
+	});
+});
+BitkitNoteCard.displayName = "BitkitNoteCard";
+//#endregion
+export { BitkitNoteCard as default };
+
+//# sourceMappingURL=BitkitNoteCard.js.map

package/dist/components/BitkitNoteCard/BitkitNoteCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitNoteCard.js","names":[],"sources":["../../../lib/components/BitkitNoteCard/BitkitNoteCard.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ElementType, forwardRef } from 'react';\n\nimport { type NotificationVariant } from '../../theme/common/AlertAndToast.common';\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport { ICON_COMPONENTS_MAP, type NotificationAction } from '../common/notificationMaps';\n\n// ----- Props -----\n\nexport type BitkitNoteCardProps = Omit<BoxProps, 'children' | 'title'> & {\n  action?: NotificationAction;\n  message: string;\n  status?: NotificationVariant;\n  title?: string;\n};\n\n// ----- Component -----\n\nconst BitkitNoteCard = forwardRef<HTMLDivElement, BitkitNoteCardProps>((props, ref) => {\n  const { action, message, status = 'info', title, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'noteCard' });\n  const styles = recipe({ status });\n\n  const IconComponent: ElementType = ICON_COMPONENTS_MAP[status];\n  const isProgress = status === 'progress';\n\n  return (\n    <Box ref={ref} css={styles.root} {...rest}>\n      <Box css={styles.iconBar}>\n        <Box css={styles.iconWrapper}>{isProgress ? <IconComponent size=\"lg\" /> : <IconComponent size=\"24\" />}</Box>\n      </Box>\n      <Box css={styles.content}>\n        <Box css={styles.messageBlock}>\n          {title && <Text css={styles.title}>{title}</Text>}\n          <Text css={title ? styles.message : styles.messageSolo}>{message}</Text>\n        </Box>\n        {action && (\n          <BitkitButton\n            css={styles.actionArea}\n            size=\"sm\"\n            variant=\"tertiary\"\n            {...(action.href && {\n              as: 'a' as const,\n              href: action.href,\n              rel: action.target === '_blank' ? 'noopener noreferrer' : undefined,\n              target: action.target,\n            })}\n            onClick={action.onClick}\n          >\n            {action.label}\n          </BitkitButton>\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nBitkitNoteCard.displayName = 'BitkitNoteCard';\n\nexport default BitkitNoteCard;\n"],"mappings":";;;;;;;;AAoBA,IAAM,iBAAiB,YAAiD,OAAO,QAAQ;CACrF,MAAM,EAAE,QAAQ,SAAS,SAAS,QAAQ,OAAO,GAAG,SAAS;CAG7D,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CAAC,CAC3B,EAAE,QAAQ,CAAC;CAEjC,MAAM,gBAA6B,oBAAoB;CACvD,MAAM,aAAa,WAAW;AAE9B,QACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAM,GAAI;YAArC,CACE,oBAAC,KAAD;GAAK,KAAK,OAAO;aACf,oBAAC,KAAD;IAAK,KAAK,OAAO;cAAc,aAAa,oBAAC,eAAD,EAAe,MAAK,MAAO,CAAA,GAAG,oBAAC,eAAD,EAAe,MAAK,MAAO,CAAA;IAAO,CAAA;GACxG,CAAA,EACN,qBAAC,KAAD;GAAK,KAAK,OAAO;aAAjB,CACE,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB,CACG,SAAS,oBAAC,MAAD;KAAM,KAAK,OAAO;eAAQ;KAAa,CAAA,EACjD,oBAAC,MAAD;KAAM,KAAK,QAAQ,OAAO,UAAU,OAAO;eAAc;KAAe,CAAA,CACpE;OACL,UACC,oBAAC,cAAD;IACE,KAAK,OAAO;IACZ,MAAK;IACL,SAAQ;IACR,GAAK,OAAO,QAAQ;KAClB,IAAI;KACJ,MAAM,OAAO;KACb,KAAK,OAAO,WAAW,WAAW,wBAAwB,KAAA;KAC1D,QAAQ,OAAO;KAChB;IACD,SAAS,OAAO;cAEf,OAAO;IACK,CAAA,CAEb;KACF;;EAER;AAEF,eAAe,cAAc"}

package/dist/components/BitkitTooltip/BitkitTooltip.d.ts

@@ -1,13 +1,23 @@
 import { TooltipRootProps } from '@chakra-ui/react/tooltip';
 import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
+import { BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';
 export type BitkitTooltipProps = {
+    button?: BitkitColorButtonProps;
     children: ReactNode;
+    closeOnClick?: TooltipRootProps['closeOnClick'];
     disabled?: TooltipRootProps['disabled'];
+    icon?: BitkitIconComponent;
+    learnMoreTarget?: HTMLAnchorElement['target'];
+    learnMoreUrl?: string;
+    onOpenChange?: TooltipRootProps['onOpenChange'];
+    open?: TooltipRootProps['open'];
+    openDelay?: TooltipRootProps['openDelay'];
     placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
     text: string;
 };
 declare const BitkitTooltip: {
-    ({ children, disabled, placement, text }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ button, children, closeOnClick, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, openDelay, placement, text, }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BitkitTooltip;

package/dist/components/BitkitTooltip/BitkitTooltip.js

@@ -1,10 +1,20 @@
 import { rem } from "../../theme/themeUtils.js";
+import BitkitColorButton from "../BitkitColorButton/BitkitColorButton.js";
+import { Box } from "@chakra-ui/react/box";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip } from "@chakra-ui/react/tooltip";
+import { Link } from "@chakra-ui/react/link";
 //#region lib/components/BitkitTooltip/BitkitTooltip.tsx
-var BitkitTooltip = ({ children, disabled, placement = "top", text }) => {
+var BitkitTooltip = ({ button, children, closeOnClick, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, openDelay, placement = "top", text }) => {
+	const isInteractive = !!learnMoreUrl || !!button;
 	return /* @__PURE__ */ jsxs(Tooltip.Root, {
+		closeOnClick,
 		disabled,
+		interactive: isInteractive || void 0,
+		onOpenChange,
+		open,
+		openDelay,
+		paddingSize: isInteractive ? "lg" : void 0,
 		positioning: {
 			placement,
 			offset: {
@@ -16,8 +26,35 @@ var BitkitTooltip = ({ children, disabled, placement = "top", text }) => {
 			asChild: true,
 			children
 		}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
-			css: { maxWidth: rem(320) },
-			children: [/* @__PURE__ */ jsx(Tooltip.Arrow, { children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {}) }), text]
+			maxWidth: rem(320),
+			css: isInteractive && { minWidth: rem(240) },
+			children: [
+				/* @__PURE__ */ jsx(Tooltip.Arrow, { children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {}) }),
+				/* @__PURE__ */ jsxs(Box, {
+					display: "flex",
+					gap: "8",
+					children: [text, Icon && /* @__PURE__ */ jsx(Icon, {
+						flexShrink: "0",
+						size: "16"
+					})]
+				}),
+				isInteractive && /* @__PURE__ */ jsxs(Box, {
+					alignItems: "center",
+					display: "flex",
+					gap: "16",
+					marginBlockStart: "16",
+					children: [learnMoreUrl && /* @__PURE__ */ jsx(Link, {
+						color: "sys/purple/highlight",
+						href: learnMoreUrl,
+						rel: learnMoreTarget === "_blank" ? "noopener noreferrer" : void 0,
+						target: learnMoreTarget,
+						children: "Learn more"
+					}), button && /* @__PURE__ */ jsx(BitkitColorButton, {
+						css: { marginInlineStart: "auto" },
+						...button
+					})]
+				})
+			]
 		}) })]
 	});
 };

package/dist/components/BitkitTooltip/BitkitTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitTooltip.js","names":[],"sources":["../../../lib/components/BitkitTooltip/BitkitTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nimport { rem } from '../../theme/themeUtils';\n\nexport type BitkitTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitTooltip = ({ children, disabled, placement = 'top', text }: BitkitTooltipProps) => {\n  return (\n    <Tooltip.Root disabled={disabled} positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content css={{ maxWidth: rem(320) }}>\n          <Tooltip.Arrow>\n            <Tooltip.ArrowTip />\n          </Tooltip.Arrow>\n          {text}\n        </Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitTooltip.displayName = 'BitkitTooltip';\n\nexport default BitkitTooltip;\n"],"mappings":";;;;AAYA,IAAM,iBAAiB,EAAE,UAAU,UAAU,YAAY,OAAO,WAA+B;AAC7F,QACE,qBAAC,QAAQ,MAAT;EAAwB;EAAU,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;YAAnG,CACE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;GAAiB,KAAK,EAAE,UAAU,IAAI,IAAI,EAAE;aAA5C,CACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,EAAoB,CAAA,EACN,CAAA,EACf,KACe;MACC,CAAA,CACR;;;AAInB,cAAc,cAAc"}
+{"version":3,"file":"BitkitTooltip.js","names":[],"sources":["../../../lib/components/BitkitTooltip/BitkitTooltip.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\nexport type BitkitTooltipProps = {\n  button?: BitkitColorButtonProps;\n  children: ReactNode;\n  closeOnClick?: TooltipRootProps['closeOnClick'];\n  disabled?: TooltipRootProps['disabled'];\n  icon?: BitkitIconComponent;\n  learnMoreTarget?: HTMLAnchorElement['target'];\n  learnMoreUrl?: string;\n  onOpenChange?: TooltipRootProps['onOpenChange'];\n  open?: TooltipRootProps['open'];\n  openDelay?: TooltipRootProps['openDelay'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitTooltip = ({\n  button,\n  children,\n  closeOnClick,\n  disabled,\n  icon: Icon,\n  learnMoreTarget,\n  learnMoreUrl,\n  onOpenChange,\n  open,\n  openDelay,\n  placement = 'top',\n  text,\n}: BitkitTooltipProps) => {\n  const isInteractive = !!learnMoreUrl || !!button;\n\n  return (\n    <Tooltip.Root\n      closeOnClick={closeOnClick}\n      disabled={disabled}\n      interactive={isInteractive || undefined}\n      onOpenChange={onOpenChange}\n      open={open}\n      openDelay={openDelay}\n      paddingSize={isInteractive ? 'lg' : undefined}\n      positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content maxWidth={rem(320)} css={isInteractive && { minWidth: rem(240) }}>\n          <Tooltip.Arrow>\n            <Tooltip.ArrowTip />\n          </Tooltip.Arrow>\n          <Box display=\"flex\" gap=\"8\">\n            {text}\n            {Icon && <Icon flexShrink=\"0\" size=\"16\" />}\n          </Box>\n          {isInteractive && (\n            <Box alignItems=\"center\" display=\"flex\" gap=\"16\" marginBlockStart=\"16\">\n              {learnMoreUrl && (\n                <Link\n                  color=\"sys/purple/highlight\"\n                  href={learnMoreUrl}\n                  rel={learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined}\n                  target={learnMoreTarget}\n                >\n                  Learn more\n                </Link>\n              )}\n              {button && <BitkitColorButton css={{ marginInlineStart: 'auto' }} {...button} />}\n            </Box>\n          )}\n        </Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitTooltip.displayName = 'BitkitTooltip';\n\nexport default BitkitTooltip;\n"],"mappings":";;;;;;;AAwBA,IAAM,iBAAiB,EACrB,QACA,UACA,cACA,UACA,MAAM,MACN,iBACA,cACA,cACA,MACA,WACA,YAAY,OACZ,WACwB;CACxB,MAAM,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAE1C,QACE,qBAAC,QAAQ,MAAT;EACgB;EACJ;EACV,aAAa,iBAAiB,KAAA;EAChB;EACR;EACK;EACX,aAAa,gBAAgB,OAAO,KAAA;EACpC,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;YARnE,CAUE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT;GAAiB,UAAU,IAAI,IAAI;GAAE,KAAK,iBAAiB,EAAE,UAAU,IAAI,IAAI,EAAE;aAAjF;IACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,EAAoB,CAAA,EACN,CAAA;IAChB,qBAAC,KAAD;KAAK,SAAQ;KAAO,KAAI;eAAxB,CACG,MACA,QAAQ,oBAAC,MAAD;MAAM,YAAW;MAAI,MAAK;MAAO,CAAA,CACtC;;IACL,iBACC,qBAAC,KAAD;KAAK,YAAW;KAAS,SAAQ;KAAO,KAAI;KAAK,kBAAiB;eAAlE,CACG,gBACC,oBAAC,MAAD;MACE,OAAM;MACN,MAAM;MACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;MAC5D,QAAQ;gBACT;MAEM,CAAA,EAER,UAAU,oBAAC,mBAAD;MAAmB,KAAK,EAAE,mBAAmB,QAAQ;MAAE,GAAI;MAAU,CAAA,CAC5E;;IAEQ;MACC,CAAA,CACR;;;AAInB,cAAc,cAAc"}

package/dist/components/index.d.ts

@@ -27,7 +27,6 @@ export { default as BitkitFileInput } from './BitkitFileInput/BitkitFileInput';
 export { default as BitkitGroupHeading, type BitkitGroupHeadingProps } from './BitkitGroupHeading/BitkitGroupHeading';
 export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
 export { default as BitkitInlineLoading, type BitkitInlineLoadingProps, } from './BitkitInlineLoading/BitkitInlineLoading';
-export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
 export { default as BitkitLabel, type BitkitLabelProps } from './BitkitLabel/BitkitLabel';
 export { default as BitkitLabelTooltip, type BitkitLabelTooltipProps } from './BitkitLabelTooltip/BitkitLabelTooltip';
 export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
@@ -35,6 +34,7 @@ export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './Bitki
 export { default as BitkitMarkdown, type BitkitMarkdownProps } from './BitkitMarkdown/BitkitMarkdown';
 export { default as BitkitMarkdownCard, type BitkitMarkdownCardProps } from './BitkitMarkdownCard/BitkitMarkdownCard';
 export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './BitkitNativeSelect/BitkitNativeSelect';
+export { default as BitkitNoteCard, type BitkitNoteCardProps } from './BitkitNoteCard/BitkitNoteCard';
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitOrderedList, type BitkitOrderedListItemProps, type BitkitOrderedListProps, } from './BitkitOrderedList/BitkitOrderedList';
 export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } from './BitkitOverflowTooltip/BitkitOverflowTooltip';

package/dist/main.js

@@ -310,7 +310,6 @@ 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 BitkitInteractiveTooltip from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
 import BitkitLink from "./components/BitkitLink/BitkitLink.js";
 import BitkitLinkButton from "./components/BitkitLinkButton/BitkitLinkButton.js";
 import BitkitOrderedList_default from "./components/BitkitOrderedList/BitkitOrderedList.js";
@@ -318,6 +317,7 @@ import BitkitUnorderedList_default from "./components/BitkitUnorderedList/Bitkit
 import BitkitMarkdown from "./components/BitkitMarkdown/BitkitMarkdown.js";
 import BitkitMarkdownCard from "./components/BitkitMarkdownCard/BitkitMarkdownCard.js";
 import BitkitNativeSelect from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
+import BitkitNoteCard from "./components/BitkitNoteCard/BitkitNoteCard.js";
 import BitkitNumberInput from "./components/BitkitNumberInput/BitkitNumberInput.js";
 import BitkitOverflowTooltip from "./components/BitkitOverflowTooltip/BitkitOverflowTooltip.js";
 import BitkitPaginationLoadMore from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
@@ -339,4 +339,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, BitkitInteractiveTooltip, BitkitLabel, BitkitLabelTooltip, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, 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, 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 };

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

@@ -0,0 +1,97 @@
+declare const noteCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "iconBar" | "message" | "iconWrapper" | "messageBlock" | "messageSolo" | "actionArea", {
+    status: {
+        ai: {
+            iconBar: {
+                background: "{colors.ai.background.minimal-vertical}";
+                color: string;
+            };
+            messageSolo: {
+                color: string;
+            };
+            root: {
+                backgroundColor: "transparent";
+                border: "1px solid transparent";
+                background: "linear-gradient({colors.background.primary}, {colors.background.primary}) padding-box, {colors.status.ai.border} border-box";
+            };
+            title: {
+                color: string;
+            };
+        };
+        critical: {
+            iconBar: {
+                backgroundColor: string;
+                color: string;
+            };
+            messageSolo: {
+                color: string;
+            };
+            root: {
+                borderColor: string;
+            };
+            title: {
+                color: string;
+            };
+        };
+        info: {
+            iconBar: {
+                backgroundColor: string;
+                color: string;
+            };
+            messageSolo: {
+                color: string;
+            };
+            root: {
+                borderColor: string;
+            };
+            title: {
+                color: string;
+            };
+        };
+        progress: {
+            iconBar: {
+                backgroundColor: string;
+                color: string;
+            };
+            messageSolo: {
+                color: string;
+            };
+            root: {
+                borderColor: string;
+            };
+            title: {
+                color: string;
+            };
+        };
+        success: {
+            iconBar: {
+                backgroundColor: string;
+                color: string;
+            };
+            messageSolo: {
+                color: string;
+            };
+            root: {
+                borderColor: string;
+            };
+            title: {
+                color: string;
+            };
+        };
+        warning: {
+            iconBar: {
+                backgroundColor: string;
+                color: string;
+            };
+            messageSolo: {
+                color: string;
+            };
+            root: {
+                borderColor: string;
+            };
+            title: {
+                color: string;
+            };
+        };
+    };
+}>;
+export default noteCardSlotRecipe;

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

@@ -0,0 +1,109 @@
+import { ICONS_MAP } from "../common/AlertAndToast.common.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/NoteCard.recipe.ts
+var TITLE_COLOR_MAP = {
+	ai: "status/ai/text",
+	critical: "text/negative",
+	info: "text/primary",
+	progress: "text/secondary",
+	success: "text/positive",
+	warning: "text/primary"
+};
+var getStatusVariant = (v) => ({
+	iconBar: {
+		backgroundColor: `status/${v}/bg`,
+		color: ICONS_MAP[v]
+	},
+	messageSolo: { color: TITLE_COLOR_MAP[v] },
+	root: { borderColor: `status/${v}/border` },
+	title: { color: TITLE_COLOR_MAP[v] }
+});
+var noteCardSlotRecipe = defineSlotRecipe({
+	className: "note-card",
+	slots: [
+		"root",
+		"iconBar",
+		"iconWrapper",
+		"content",
+		"messageBlock",
+		"title",
+		"message",
+		"messageSolo",
+		"actionArea"
+	],
+	base: {
+		root: {
+			alignItems: "stretch",
+			backgroundColor: "background/primary",
+			border: "1px solid",
+			borderRadius: "8",
+			display: "flex",
+			overflow: "hidden"
+		},
+		iconBar: {
+			alignItems: "flex-start",
+			display: "flex",
+			flexShrink: 0,
+			justifyContent: "center",
+			paddingBlock: "12",
+			paddingInline: "8"
+		},
+		iconWrapper: {
+			alignItems: "center",
+			display: "flex",
+			height: "24",
+			justifyContent: "center",
+			width: "24"
+		},
+		content: {
+			alignItems: "center",
+			display: "flex",
+			flex: 1,
+			gap: "24",
+			minWidth: 0,
+			paddingBlock: "12",
+			paddingInlineEnd: "16",
+			paddingInlineStart: "12"
+		},
+		messageBlock: {
+			display: "flex",
+			flex: 1,
+			flexDirection: "column",
+			gap: "4",
+			minWidth: 0,
+			width: "100%"
+		},
+		title: { textStyle: "comp/notification/title" },
+		message: {
+			textStyle: "comp/notification/message",
+			color: "text/body"
+		},
+		messageSolo: { textStyle: "comp/notification/message" },
+		actionArea: { flexShrink: 0 }
+	},
+	variants: { status: {
+		ai: {
+			iconBar: {
+				background: "{colors.ai.background.minimal-vertical}",
+				color: ICONS_MAP.ai
+			},
+			messageSolo: { color: TITLE_COLOR_MAP.ai },
+			root: {
+				backgroundColor: "transparent",
+				border: "1px solid transparent",
+				background: "linear-gradient({colors.background.primary}, {colors.background.primary}) padding-box, {colors.status.ai.border} border-box"
+			},
+			title: { color: TITLE_COLOR_MAP.ai }
+		},
+		critical: getStatusVariant("critical"),
+		info: getStatusVariant("info"),
+		progress: getStatusVariant("progress"),
+		success: getStatusVariant("success"),
+		warning: getStatusVariant("warning")
+	} },
+	defaultVariants: { status: "info" }
+});
+//#endregion
+export { noteCardSlotRecipe as default };
+
+//# sourceMappingURL=NoteCard.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoteCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/NoteCard.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { ICONS_MAP, type NotificationVariant } from '../common/AlertAndToast.common';\n\nconst TITLE_COLOR_MAP: Record<NotificationVariant, string> = {\n  ai: 'status/ai/text',\n  critical: 'text/negative',\n  info: 'text/primary',\n  progress: 'text/secondary',\n  success: 'text/positive',\n  warning: 'text/primary',\n};\n\nconst getStatusVariant = (v: NotificationVariant) => ({\n  iconBar: {\n    backgroundColor: `status/${v}/bg`,\n    color: ICONS_MAP[v],\n  },\n  messageSolo: { color: TITLE_COLOR_MAP[v] },\n  root: { borderColor: `status/${v}/border` },\n  title: { color: TITLE_COLOR_MAP[v] },\n});\n\nconst noteCardSlotRecipe = defineSlotRecipe({\n  className: 'note-card',\n  slots: ['root', 'iconBar', 'iconWrapper', 'content', 'messageBlock', 'title', 'message', 'messageSolo', 'actionArea'],\n  base: {\n    root: {\n      alignItems: 'stretch',\n      backgroundColor: 'background/primary',\n      border: '1px solid',\n      borderRadius: '8',\n      display: 'flex',\n      overflow: 'hidden',\n    },\n    iconBar: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flexShrink: 0,\n      justifyContent: 'center',\n      paddingBlock: '12',\n      paddingInline: '8',\n    },\n    iconWrapper: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '24',\n      justifyContent: 'center',\n      width: '24',\n    },\n    content: {\n      alignItems: 'center',\n      display: 'flex',\n      flex: 1,\n      gap: '24',\n      minWidth: 0,\n      paddingBlock: '12',\n      paddingInlineEnd: '16',\n      paddingInlineStart: '12',\n    },\n    messageBlock: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      gap: '4',\n      minWidth: 0,\n      width: '100%',\n    },\n    title: {\n      textStyle: 'comp/notification/title',\n    },\n    message: {\n      textStyle: 'comp/notification/message',\n      color: 'text/body',\n    },\n    messageSolo: {\n      textStyle: 'comp/notification/message',\n    },\n    actionArea: {\n      flexShrink: 0,\n    },\n  },\n  variants: {\n    status: {\n      ai: {\n        iconBar: {\n          background: '{colors.ai.background.minimal-vertical}',\n          color: ICONS_MAP.ai,\n        },\n        messageSolo: { color: TITLE_COLOR_MAP.ai },\n        root: {\n          backgroundColor: 'transparent',\n          border: '1px solid transparent',\n          background:\n            'linear-gradient({colors.background.primary}, {colors.background.primary}) padding-box, {colors.status.ai.border} border-box',\n        },\n        title: { color: TITLE_COLOR_MAP.ai },\n      },\n      critical: getStatusVariant('critical'),\n      info: getStatusVariant('info'),\n      progress: getStatusVariant('progress'),\n      success: getStatusVariant('success'),\n      warning: getStatusVariant('warning'),\n    },\n  },\n  defaultVariants: {\n    status: 'info',\n  },\n});\n\nexport default noteCardSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,kBAAuD;CAC3D,IAAI;CACJ,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,SAAS;CACV;AAED,IAAM,oBAAoB,OAA4B;CACpD,SAAS;EACP,iBAAiB,UAAU,EAAE;EAC7B,OAAO,UAAU;EAClB;CACD,aAAa,EAAE,OAAO,gBAAgB,IAAI;CAC1C,MAAM,EAAE,aAAa,UAAU,EAAE,UAAU;CAC3C,OAAO,EAAE,OAAO,gBAAgB,IAAI;CACrC;AAED,IAAM,qBAAqB,iBAAiB;CAC1C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;EAAe;EAAW;EAAgB;EAAS;EAAW;EAAe;EAAa;CACrH,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,QAAQ;GACR,cAAc;GACd,SAAS;GACT,UAAU;GACX;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,cAAc;GACd,eAAe;GAChB;EACD,aAAa;GACX,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,OAAO;GACR;EACD,SAAS;GACP,YAAY;GACZ,SAAS;GACT,MAAM;GACN,KAAK;GACL,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACrB;EACD,cAAc;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,UAAU;GACV,OAAO;GACR;EACD,OAAO,EACL,WAAW,2BACZ;EACD,SAAS;GACP,WAAW;GACX,OAAO;GACR;EACD,aAAa,EACX,WAAW,6BACZ;EACD,YAAY,EACV,YAAY,GACb;EACF;CACD,UAAU,EACR,QAAQ;EACN,IAAI;GACF,SAAS;IACP,YAAY;IACZ,OAAO,UAAU;IAClB;GACD,aAAa,EAAE,OAAO,gBAAgB,IAAI;GAC1C,MAAM;IACJ,iBAAiB;IACjB,QAAQ;IACR,YACE;IACH;GACD,OAAO,EAAE,OAAO,gBAAgB,IAAI;GACrC;EACD,UAAU,iBAAiB,WAAW;EACtC,MAAM,iBAAiB,OAAO;EAC9B,UAAU,iBAAiB,WAAW;EACtC,SAAS,iBAAiB,UAAU;EACpC,SAAS,iBAAiB,UAAU;EACrC,EACF;CACD,iBAAiB,EACf,QAAQ,QACT;CACF,CAAC"}

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

@@ -731,6 +731,102 @@ declare const slotRecipes: {
             };
         };
     }>;
+    noteCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "iconBar" | "message" | "iconWrapper" | "messageBlock" | "messageSolo" | "actionArea", {
+        status: {
+            ai: {
+                iconBar: {
+                    background: "{colors.ai.background.minimal-vertical}";
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    backgroundColor: "transparent";
+                    border: "1px solid transparent";
+                    background: "linear-gradient({colors.background.primary}, {colors.background.primary}) padding-box, {colors.status.ai.border} border-box";
+                };
+                title: {
+                    color: string;
+                };
+            };
+            critical: {
+                iconBar: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    borderColor: string;
+                };
+                title: {
+                    color: string;
+                };
+            };
+            info: {
+                iconBar: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    borderColor: string;
+                };
+                title: {
+                    color: string;
+                };
+            };
+            progress: {
+                iconBar: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    borderColor: string;
+                };
+                title: {
+                    color: string;
+                };
+            };
+            success: {
+                iconBar: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    borderColor: string;
+                };
+                title: {
+                    color: string;
+                };
+            };
+            warning: {
+                iconBar: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    borderColor: string;
+                };
+                title: {
+                    color: string;
+                };
+            };
+        };
+    }>;
     nativeSelect: import('@chakra-ui/react').SlotRecipeDefinition<"field" | "root" | "indicator" | "statusIcon", {
         size: {
             md: {

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

@@ -26,6 +26,7 @@ import markdownSlotRecipe from "./Markdown.recipe.js";
 import markdownCardSlotRecipe from "./MarkdownCard.recipe.js";
 import menuSlotRecipe from "./Menu.recipe.js";
 import nativeSelectSlotRecipe from "./NativeSelect.recipe.js";
+import noteCardSlotRecipe from "./NoteCard.recipe.js";
 import paginationLoadMoreRecipe from "./PaginationLoadMore.recipe.js";
 import radioGroupSlotRecipe from "./RadioGroup.recipe.js";
 import ribbonSlotRecipe from "./Ribbon.recipe.js";
@@ -66,6 +67,7 @@ var slotRecipes = {
 	markdown: markdownSlotRecipe,
 	markdownCard: markdownCardSlotRecipe,
 	menu: menuSlotRecipe,
+	noteCard: noteCardSlotRecipe,
 	nativeSelect: nativeSelectSlotRecipe,
 	numberInput: numberInputSlotRecipe,
 	paginationLoadMore: paginationLoadMoreRecipe,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport 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 listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\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 splitButtonSlotRecipe from './SplitButton.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';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  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  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  select: selectSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,cAAc;CACd,aAAa;CACb,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport 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 listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport 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 splitButtonSlotRecipe from './SplitButton.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';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  select: selectSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACV"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.183",
+  "version": "0.3.185",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -64,7 +64,7 @@
     "@storybook/addon-mcp": "^0.5.0",
     "@storybook/react-vite": "10.3.5",
     "@svgr/plugin-jsx": "^8.1.0",
-    "@types/node": "^25.5.2",
+    "@types/node": "^25.6.0",
     "@types/react": "^18.3.28",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react": "^6.0.1",

package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.d.ts

@@ -1,16 +0,0 @@
-import { TooltipRootProps } from '@chakra-ui/react/tooltip';
-import { ReactNode } from 'react';
-import { BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';
-export type BitkitInteractiveTooltipProps = {
-    button?: BitkitColorButtonProps;
-    children: ReactNode;
-    learnMoreTarget?: HTMLAnchorElement['target'];
-    learnMoreUrl: string;
-    placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
-    text: string;
-};
-declare const BitkitInteractiveTooltip: {
-    ({ button, children, learnMoreTarget, learnMoreUrl, placement, text, }: BitkitInteractiveTooltipProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default BitkitInteractiveTooltip;

package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js

@@ -1,45 +0,0 @@
-import BitkitColorButton from "../BitkitColorButton/BitkitColorButton.js";
-import { Box } from "@chakra-ui/react/box";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Tooltip } from "@chakra-ui/react/tooltip";
-import { Link } from "@chakra-ui/react/link";
-//#region lib/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.tsx
-var BitkitInteractiveTooltip = ({ button, children, learnMoreTarget, learnMoreUrl, placement = "top", text }) => {
-	return /* @__PURE__ */ jsxs(Tooltip.Root, {
-		interactive: true,
-		paddingSize: "lg",
-		positioning: {
-			placement,
-			offset: {
-				mainAxis: 8,
-				crossAxis: 0
-			}
-		},
-		children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
-			asChild: true,
-			children
-		}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip.Content, { children: [
-			/* @__PURE__ */ jsx(Tooltip.Arrow, { children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {}) }),
-			text,
-			/* @__PURE__ */ jsxs(Box, {
-				marginBlockStart: "16",
-				display: "flex",
-				gap: "16",
-				justifyContent: "space-between",
-				alignItems: "center",
-				children: [/* @__PURE__ */ jsx(Link, {
-					color: "sys/purple/highlight",
-					href: learnMoreUrl,
-					rel: learnMoreTarget === "_blank" ? "noopener noreferrer" : void 0,
-					target: learnMoreTarget,
-					children: "Learn more"
-				}), button && /* @__PURE__ */ jsx(BitkitColorButton, { ...button })]
-			})
-		] }) })]
-	});
-};
-BitkitInteractiveTooltip.displayName = "BitkitInteractiveTooltip";
-//#endregion
-export { BitkitInteractiveTooltip as default };
-
-//# sourceMappingURL=BitkitInteractiveTooltip.js.map

package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitInteractiveTooltip.js","names":[],"sources":["../../../lib/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\nexport type BitkitInteractiveTooltipProps = {\n  button?: BitkitColorButtonProps;\n  children: ReactNode;\n  learnMoreTarget?: HTMLAnchorElement['target'];\n  learnMoreUrl: string;\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitInteractiveTooltip = ({\n  button,\n  children,\n  learnMoreTarget,\n  learnMoreUrl,\n  placement = 'top',\n  text,\n}: BitkitInteractiveTooltipProps) => {\n  return (\n    <Tooltip.Root interactive paddingSize=\"lg\" positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}>\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content>\n          <Tooltip.Arrow>\n            <Tooltip.ArrowTip />\n          </Tooltip.Arrow>\n          {text}\n          <Box marginBlockStart=\"16\" display=\"flex\" gap=\"16\" justifyContent=\"space-between\" alignItems=\"center\">\n            <Link\n              color=\"sys/purple/highlight\"\n              href={learnMoreUrl}\n              rel={learnMoreTarget === '_blank' ? 'noopener noreferrer' : undefined}\n              target={learnMoreTarget}\n            >\n              Learn more\n            </Link>\n            {button && <BitkitColorButton {...button} />}\n          </Box>\n        </Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitInteractiveTooltip.displayName = 'BitkitInteractiveTooltip';\n\nexport default BitkitInteractiveTooltip;\n"],"mappings":";;;;;;AAgBA,IAAM,4BAA4B,EAChC,QACA,UACA,iBACA,cACA,YAAY,OACZ,WACmC;AACnC,QACE,qBAAC,QAAQ,MAAT;EAAc,aAAA;EAAY,aAAY;EAAK,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;YAA5G,CACE,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,qBAAC,QAAQ,SAAT,EAAA,UAAA;GACE,oBAAC,QAAQ,OAAT,EAAA,UACE,oBAAC,QAAQ,UAAT,EAAoB,CAAA,EACN,CAAA;GACf;GACD,qBAAC,KAAD;IAAK,kBAAiB;IAAK,SAAQ;IAAO,KAAI;IAAK,gBAAe;IAAgB,YAAW;cAA7F,CACE,oBAAC,MAAD;KACE,OAAM;KACN,MAAM;KACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;KAC5D,QAAQ;eACT;KAEM,CAAA,EACN,UAAU,oBAAC,mBAAD,EAAmB,GAAI,QAAU,CAAA,CACxC;;GACU,EAAA,CAAA,EACC,CAAA,CACR;;;AAInB,yBAAyB,cAAc"}