@bitrise/bitkit-v2 0.3.462 → 0.3.463

package/AGENTS.md

@@ -230,7 +230,7 @@ Bitkit components use consistent prop names across the library:
 
   **Exceptions** — a few component groups intentionally own their own layout and don't accept arbitrary style props from outside:
   - Page-level overlays: `BitkitDialog`, `BitkitFormDialog`, `BitkitStepsDialog`, `BitkitDrawer`, `BitkitCalendar`, `BitkitTour` — they own their layout; where it's configurable at all, it's through their own props (`size`, `maxHeight`, …), not style props from outside.
-  - Floating positioned components: `BitkitTooltip`, `BitkitLabelTooltip`, `BitkitDefinitionTooltip`, `BitkitOverflowTooltip`, `BitkitToast`, `BitkitActionMenu`, `BitkitSelectMenu`, `BitkitMultiselectMenu` — their layout is positioned automatically; pass styling via the component's own props instead of a wrapper.
+  - Floating positioned components: `BitkitTooltip`, `BitkitLabelTooltip`, `BitkitDefinitionTooltip`, `BitkitOverflowTooltip`, `BitkitToggletip`, `BitkitToast`, `BitkitActionMenu`, `BitkitSelectMenu`, `BitkitMultiselectMenu` — their layout is positioned automatically; pass styling via the component's own props instead of a wrapper.
 
   > **For everything else, if a style prop doesn't take effect on a Bitkit component, that's a bug in the component, not a styling task.** Stop, tell the user something looks off in Bitkit so they can flag it to the Bitkit team — don't quietly add a `<Box>` workaround. Each silent workaround hides a regression and bakes the wrapper pattern into the codebase.
 

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

@@ -1,8 +1,7 @@
-import { TooltipRootProps } from '@chakra-ui/react/tooltip';
-import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
+import { BitkitToggletipProps } from '../BitkitToggletip/BitkitToggletip';
 export interface BitkitDefinitionTooltipProps {
-    /** Action button rendered at the end of the tooltip, below the definition. */
-    button?: BitkitTooltipProps['button'];
+    /** Action button below the definition. Only with `method="click"`: a hover tooltip holds text only. */
+    button?: BitkitToggletipProps['button'];
     /** The term being defined. Rendered as the underlined trigger, so plain text only. */
     children: string;
     /**
@@ -11,16 +10,17 @@ export interface BitkitDefinitionTooltipProps {
      */
     disablePortal?: boolean;
     /** Target for the "Learn more" link. `_blank` also sets `rel="noopener noreferrer"`. */
-    learnMoreTarget?: BitkitTooltipProps['learnMoreTarget'];
-    /** Adds a "Learn more" link pointing here, for the fuller explanation. */
-    learnMoreUrl?: BitkitTooltipProps['learnMoreUrl'];
+    learnMoreTarget?: BitkitToggletipProps['learnMoreTarget'];
+    /** Adds a "Learn more" link pointing here. Only with `method="click"`: a hover tooltip holds text only. */
+    learnMoreUrl?: BitkitToggletipProps['learnMoreUrl'];
     /**
-     * How the definition opens. `click` (default) toggles it and keeps it open — the right choice when
-     * it carries a link or a button, which need a stable target. `hover` behaves like a plain tooltip.
+     * How the definition opens. `click` (default) is a `BitkitToggletip`: it opens on click, tap and
+     * Enter, stays open, and its link and button take focus. `hover` is a plain `BitkitTooltip`, text
+     * only — `learnMoreUrl` and `button` are ignored there.
      */
     method?: 'click' | 'hover';
     /** Where the tooltip sits relative to the term (default `top`). It flips if space is short. */
-    placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
+    placement?: BitkitToggletipProps['placement'];
     /** The definition itself. */
     text: string;
     /** Type size of the term, to match the surrounding copy. */
@@ -33,8 +33,8 @@ export interface BitkitDefinitionTooltipProps {
  * on demand. Unlike `BitkitTooltip`, the trigger is the content — a `<button>` wrapping the term —
  * so it is reachable by keyboard on its own.
  *
- * Defaults to `method="click"`, which latches the definition open; that is what makes a
- * `learnMoreUrl` or `button` inside it actually clickable.
+ * Defaults to `method="click"`, a toggletip: it latches the definition open, which is what makes a
+ * `learnMoreUrl` or `button` inside it reachable by pointer, touch and keyboard.
  */
 declare const BitkitDefinitionTooltip: {
     ({ button, children, disablePortal, learnMoreTarget, learnMoreUrl, method, placement, text, textSize, truncate, }: BitkitDefinitionTooltipProps): import('react').JSX.Element;

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js

@@ -1,6 +1,6 @@
 import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import BitkitToggletip from "../BitkitToggletip/BitkitToggletip.js";
 import { chakra, useRecipe } from "@chakra-ui/react/styled-system";
-import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region lib/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.tsx
 /**
@@ -8,36 +8,34 @@ import { jsx } from "react/jsx-runtime";
 * on demand. Unlike `BitkitTooltip`, the trigger is the content — a `<button>` wrapping the term —
 * so it is reachable by keyboard on its own.
 *
-* Defaults to `method="click"`, which latches the definition open; that is what makes a
-* `learnMoreUrl` or `button` inside it actually clickable.
+* Defaults to `method="click"`, a toggletip: it latches the definition open, which is what makes a
+* `learnMoreUrl` or `button` inside it reachable by pointer, touch and keyboard.
 */
 var BitkitDefinitionTooltip = ({ button, children, disablePortal, learnMoreTarget, learnMoreUrl, method = "click", placement = "top", text, textSize, truncate = true }) => {
 	const style = useRecipe({ key: "definitionTooltip" });
-	const [open, setOpen] = useState(false);
-	return /* @__PURE__ */ jsx(BitkitTooltip, {
+	const term = /* @__PURE__ */ jsx(chakra.button, {
+		css: style({
+			method,
+			textSize
+		}),
+		truncate,
+		type: "button",
+		children
+	});
+	if (method === "hover") return /* @__PURE__ */ jsx(BitkitTooltip, {
+		disablePortal,
+		placement,
+		text,
+		children: term
+	});
+	return /* @__PURE__ */ jsx(BitkitToggletip, {
 		button,
-		closeOnClick: method === "click" ? false : void 0,
 		disablePortal,
 		learnMoreTarget,
 		learnMoreUrl,
-		onOpenChange: method === "click" ? ({ open: nextOpen }) => {
-			if (!nextOpen) setOpen(false);
-		} : void 0,
-		open: method === "click" ? open : void 0,
-		openDelay: method === "click" ? Infinity : void 0,
 		placement,
 		text,
-		children: /* @__PURE__ */ jsx(chakra.button, {
-			"aria-expanded": method === "click" ? open : void 0,
-			css: style({
-				method,
-				textSize
-			}),
-			onClick: method === "click" ? () => setOpen(!open) : void 0,
-			truncate,
-			type: "button",
-			children
-		})
+		children: term
 	});
 };
 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 { type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { useState } from 'react';\n\nimport BitkitTooltip, { type BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';\n\nexport interface BitkitDefinitionTooltipProps {\n  /** Action button rendered at the end of the tooltip, below the definition. */\n  button?: BitkitTooltipProps['button'];\n  /** The term being defined. Rendered as the underlined trigger, so plain text only. */\n  children: string;\n  /**\n   * Render the tooltip inline instead of in a portal. Only needed when it must stay inside its\n   * parent's DOM subtree — a dialog already sets this for you.\n   */\n  disablePortal?: boolean;\n  /** Target for the \"Learn more\" link. `_blank` also sets `rel=\"noopener noreferrer\"`. */\n  learnMoreTarget?: BitkitTooltipProps['learnMoreTarget'];\n  /** Adds a \"Learn more\" link pointing here, for the fuller explanation. */\n  learnMoreUrl?: BitkitTooltipProps['learnMoreUrl'];\n  /**\n   * How the definition opens. `click` (default) toggles it and keeps it open — the right choice when\n   * it carries a link or a button, which need a stable target. `hover` behaves like a plain tooltip.\n   */\n  method?: 'click' | 'hover';\n  /** Where the tooltip sits relative to the term (default `top`). It flips if space is short. */\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  /** The definition itself. */\n  text: string;\n  /** Type size of the term, to match the surrounding copy. */\n  textSize?: 'lg' | 'md' | 'sm';\n  /** Truncate the term with an ellipsis when it doesn't fit (default `true`). */\n  truncate?: boolean;\n}\n\n/**\n * An inline glossary term: the word stays in the sentence, underlined, and reveals its definition\n * on demand. Unlike `BitkitTooltip`, the trigger is the content — a `<button>` wrapping the term —\n * so it is reachable by keyboard on its own.\n *\n * Defaults to `method=\"click\"`, which latches the definition open; that is what makes a\n * `learnMoreUrl` or `button` inside it actually clickable.\n */\nconst BitkitDefinitionTooltip = ({\n  button,\n  children,\n  disablePortal,\n  learnMoreTarget,\n  learnMoreUrl,\n  method = 'click',\n  placement = 'top',\n  text,\n  textSize,\n  truncate = true,\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      disablePortal={disablePortal}\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, textSize })}\n        onClick={method === 'click' ? () => setOpen(!open) : undefined}\n        truncate={truncate}\n        type=\"button\"\n      >\n        {children}\n      </chakra.button>\n    </BitkitTooltip>\n  );\n};\n\nBitkitDefinitionTooltip.displayName = 'BitkitDefinitionTooltip';\n\nexport default BitkitDefinitionTooltip;\n"],"mappings":";;;;;;;;;;;;;AA2CA,IAAM,2BAA2B,EAC/B,QACA,UACA,eACA,iBACA,cACA,SAAS,SACT,YAAY,OACZ,MACA,UACA,WAAW,WACuB;CAClC,MAAM,QAAQ,UAAU,EAAE,KAAK,oBAAoB,CAAC;CACpD,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,OACE,oBAAC,eAAD;EACU;EACR,cAAc,WAAW,UAAU,QAAQ,KAAA;EAC5B;EACE;EACH;EACd,cACE,WAAW,WACN,EAAE,MAAM,eAAe;GACtB,IAAI,CAAC,UAAU,QAAQ,KAAK;EAC9B,IACA,KAAA;EAEN,MAAM,WAAW,UAAU,OAAO,KAAA;EAClC,WAAW,WAAW,UAAU,WAAW,KAAA;EAChC;EACL;EAEN,UAAA,oBAAC,OAAO,QAAR;GACE,iBAAe,WAAW,UAAU,OAAO,KAAA;GAC3C,KAAK,MAAM;IAAE;IAAQ;GAAS,CAAC;GAC/B,SAAS,WAAW,gBAAgB,QAAQ,CAAC,IAAI,IAAI,KAAA;GAC3C;GACV,MAAK;GAEJ;EACY,CAAA;CACF,CAAA;AAEnB;AAEA,wBAAwB,cAAc"}
+{"version":3,"file":"BitkitDefinitionTooltip.js","names":[],"sources":["../../../lib/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.tsx"],"sourcesContent":["import { chakra, useRecipe } from '@chakra-ui/react/styled-system';\n\nimport BitkitToggletip, { type BitkitToggletipProps } from '../BitkitToggletip/BitkitToggletip';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\nexport interface BitkitDefinitionTooltipProps {\n  /** Action button below the definition. Only with `method=\"click\"`: a hover tooltip holds text only. */\n  button?: BitkitToggletipProps['button'];\n  /** The term being defined. Rendered as the underlined trigger, so plain text only. */\n  children: string;\n  /**\n   * Render the tooltip inline instead of in a portal. Only needed when it must stay inside its\n   * parent's DOM subtree — a dialog already sets this for you.\n   */\n  disablePortal?: boolean;\n  /** Target for the \"Learn more\" link. `_blank` also sets `rel=\"noopener noreferrer\"`. */\n  learnMoreTarget?: BitkitToggletipProps['learnMoreTarget'];\n  /** Adds a \"Learn more\" link pointing here. Only with `method=\"click\"`: a hover tooltip holds text only. */\n  learnMoreUrl?: BitkitToggletipProps['learnMoreUrl'];\n  /**\n   * How the definition opens. `click` (default) is a `BitkitToggletip`: it opens on click, tap and\n   * Enter, stays open, and its link and button take focus. `hover` is a plain `BitkitTooltip`, text\n   * only — `learnMoreUrl` and `button` are ignored there.\n   */\n  method?: 'click' | 'hover';\n  /** Where the tooltip sits relative to the term (default `top`). It flips if space is short. */\n  placement?: BitkitToggletipProps['placement'];\n  /** The definition itself. */\n  text: string;\n  /** Type size of the term, to match the surrounding copy. */\n  textSize?: 'lg' | 'md' | 'sm';\n  /** Truncate the term with an ellipsis when it doesn't fit (default `true`). */\n  truncate?: boolean;\n}\n\n/**\n * An inline glossary term: the word stays in the sentence, underlined, and reveals its definition\n * on demand. Unlike `BitkitTooltip`, the trigger is the content — a `<button>` wrapping the term —\n * so it is reachable by keyboard on its own.\n *\n * Defaults to `method=\"click\"`, a toggletip: it latches the definition open, which is what makes a\n * `learnMoreUrl` or `button` inside it reachable by pointer, touch and keyboard.\n */\nconst BitkitDefinitionTooltip = ({\n  button,\n  children,\n  disablePortal,\n  learnMoreTarget,\n  learnMoreUrl,\n  method = 'click',\n  placement = 'top',\n  text,\n  textSize,\n  truncate = true,\n}: BitkitDefinitionTooltipProps) => {\n  const style = useRecipe({ key: 'definitionTooltip' });\n\n  const term = (\n    // chakra.button: no named primitive attaches a recipe to a bare trigger button\n    <chakra.button css={style({ method, textSize })} truncate={truncate} type=\"button\">\n      {children}\n    </chakra.button>\n  );\n\n  if (method === 'hover') {\n    return (\n      <BitkitTooltip disablePortal={disablePortal} placement={placement} text={text}>\n        {term}\n      </BitkitTooltip>\n    );\n  }\n\n  return (\n    <BitkitToggletip\n      button={button}\n      disablePortal={disablePortal}\n      learnMoreTarget={learnMoreTarget}\n      learnMoreUrl={learnMoreUrl}\n      placement={placement}\n      text={text}\n    >\n      {term}\n    </BitkitToggletip>\n  );\n};\n\nBitkitDefinitionTooltip.displayName = 'BitkitDefinitionTooltip';\n\nexport default BitkitDefinitionTooltip;\n"],"mappings":";;;;;;;;;;;;;AA2CA,IAAM,2BAA2B,EAC/B,QACA,UACA,eACA,iBACA,cACA,SAAS,SACT,YAAY,OACZ,MACA,UACA,WAAW,WACuB;CAClC,MAAM,QAAQ,UAAU,EAAE,KAAK,oBAAoB,CAAC;CAEpD,MAAM,OAEJ,oBAAC,OAAO,QAAR;EAAe,KAAK,MAAM;GAAE;GAAQ;EAAS,CAAC;EAAa;EAAU,MAAK;EACvE;CACY,CAAA;CAGjB,IAAI,WAAW,SACb,OACE,oBAAC,eAAD;EAA8B;EAA0B;EAAiB;EACtE,UAAA;CACY,CAAA;CAInB,OACE,oBAAC,iBAAD;EACU;EACO;EACE;EACH;EACH;EACL;EAEL,UAAA;CACc,CAAA;AAErB;AAEA,wBAAwB,cAAc"}

package/dist/components/BitkitLabeledData/BitkitLabeledData.d.ts

@@ -1,10 +1,10 @@
 import { BoxProps } from '@chakra-ui/react/box';
-import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
+import { BitkitToggletipProps } from '../BitkitToggletip/BitkitToggletip';
 export interface BitkitLabeledDataProps extends Omit<BoxProps, 'colorPalette'> {
     label: string;
     labelVariant?: 'primary' | 'secondary';
-    learnMoreTarget?: BitkitTooltipProps['learnMoreTarget'];
-    learnMoreUrl?: BitkitTooltipProps['learnMoreUrl'];
+    learnMoreTarget?: BitkitToggletipProps['learnMoreTarget'];
+    learnMoreUrl?: BitkitToggletipProps['learnMoreUrl'];
     limitValue?: string;
     placeholder?: string;
     showWarning?: boolean;

package/dist/components/BitkitLabeledData/BitkitLabeledData.js

@@ -1,6 +1,7 @@
 import IconInfoCircle from "../../icons/IconInfoCircle.js";
 import IconWarningYellow from "../../icons/IconWarningYellow.js";
 import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import BitkitToggletip from "../BitkitToggletip/BitkitToggletip.js";
 import BitkitDefinitionTooltip from "../BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
 import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
 import { forwardRef } from "react";
@@ -70,15 +71,23 @@ var BitkitLabeledData = forwardRef((props, ref) => {
 	}
 	const labelContent = /* @__PURE__ */ jsxs(chakra.dt, {
 		css: styles.label,
-		children: [label, !!tooltip && /* @__PURE__ */ jsx(BitkitTooltip, {
+		children: [label, !!tooltip && (learnMoreUrl ? /* @__PURE__ */ jsx(BitkitToggletip, {
 			learnMoreTarget,
 			learnMoreUrl,
 			text: tooltip,
+			triggerAriaLabel: `About ${label.replace(/[:：]$/, "")}`,
+			wrapTrigger: true,
 			children: /* @__PURE__ */ jsx(IconInfoCircle, {
 				size: "16",
 				color: "icon/tertiary"
 			})
-		})]
+		}) : /* @__PURE__ */ jsx(BitkitTooltip, {
+			text: tooltip,
+			children: /* @__PURE__ */ jsx(IconInfoCircle, {
+				size: "16",
+				color: "icon/tertiary"
+			})
+		}))]
 	});
 	if (state === "skeleton") return /* @__PURE__ */ jsxs(chakra.dl, {
 		css: styles.root,

package/dist/components/BitkitLabeledData/BitkitLabeledData.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitLabeledData.js","names":[],"sources":["../../../lib/components/BitkitLabeledData/BitkitLabeledData.tsx"],"sourcesContent":["import { type BoxProps } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { IconInfoCircle, IconWarningYellow } from '../../icons';\nimport BitkitDefinitionTooltip from '../BitkitDefinitionTooltip/BitkitDefinitionTooltip';\nimport BitkitTooltip, { type BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';\n\n// --- Types ---\n\nexport interface BitkitLabeledDataProps extends Omit<BoxProps, 'colorPalette'> {\n  label: string;\n  labelVariant?: 'primary' | 'secondary';\n  learnMoreTarget?: BitkitTooltipProps['learnMoreTarget'];\n  learnMoreUrl?: BitkitTooltipProps['learnMoreUrl'];\n  limitValue?: string;\n  placeholder?: string;\n  showWarning?: boolean;\n  size?: 'lg' | '2xl' | '3xl' | 'sm' | 'md';\n  state?: 'default' | 'skeleton';\n  subtext?: string;\n  tooltip?: string;\n  tooltipAnchor?: 'label' | 'value';\n  value?: string;\n  variant?: 'default' | 'inline';\n}\n\nconst SKELETON_VALUE_HEIGHTS = { lg: '24', '2xl': '36px', '3xl': '40' } as const;\n\n// --- Component ---\n\nconst BitkitLabeledData = forwardRef<HTMLElement, BitkitLabeledDataProps>((props, ref) => {\n  const {\n    label,\n    labelVariant = 'primary',\n    learnMoreTarget,\n    learnMoreUrl,\n    limitValue,\n    placeholder = 'N/A',\n    showWarning,\n    size = 'lg',\n    state = 'default',\n    subtext,\n    tooltip,\n    tooltipAnchor = 'value',\n    value,\n    variant = 'default',\n    ...rest\n  } = props;\n\n  const styles = useSlotRecipe({ key: 'labeledData' })({\n    size: variant === 'inline' ? undefined : (size as 'lg' | '2xl' | '3xl'),\n  });\n\n  // --- Inline variant ---\n  if (variant === 'inline') {\n    const isSm = size === 'sm';\n    const isPrimary = labelVariant === 'primary';\n    const labelTextStyle = isPrimary\n      ? isSm\n        ? 'body/sm/semibold'\n        : 'body/md/semibold'\n      : isSm\n        ? 'body/sm/regular'\n        : 'body/md/regular';\n    const labelEndsWithColon = label.endsWith(':') || label.endsWith('：');\n    const colonSuffix = labelEndsWithColon ? '' : ':';\n\n    if (state === 'skeleton') {\n      return (\n        <chakra.div ref={ref} display=\"flex\" alignItems=\"center\" gap=\"8\" {...rest}>\n          {!!showWarning && <IconWarningYellow size=\"16\" />}\n          <chakra.div display=\"flex\" alignItems=\"center\" gap=\"4\">\n            <chakra.span textStyle={labelTextStyle} color={isPrimary ? 'text/primary' : 'text/secondary'}>\n              {label}\n              {colonSuffix}\n            </chakra.span>\n            <Skeleton height={isSm ? '16' : '20'} width=\"64\" />\n          </chakra.div>\n        </chakra.div>\n      );\n    }\n\n    const wrapWithTooltip = (text: string, anchor: 'label' | 'value') =>\n      tooltip && tooltipAnchor === anchor ? (\n        <BitkitDefinitionTooltip learnMoreTarget={learnMoreTarget} learnMoreUrl={learnMoreUrl} text={tooltip}>\n          {text}\n        </BitkitDefinitionTooltip>\n      ) : (\n        text\n      );\n\n    return (\n      <chakra.div ref={ref} display=\"flex\" alignItems=\"center\" gap=\"8\" {...rest}>\n        {!!showWarning && <IconWarningYellow size=\"16\" />}\n        <chakra.div display=\"flex\" alignItems=\"center\" gap=\"4\">\n          <chakra.span textStyle={labelTextStyle} color={isPrimary ? 'text/primary' : 'text/secondary'}>\n            {wrapWithTooltip(label, 'label')}\n            {colonSuffix}\n          </chakra.span>\n          <chakra.span\n            textStyle={isSm ? 'body/sm/regular' : 'body/md/regular'}\n            color={!value ? 'text/tertiary' : 'text/body'}\n          >\n            {!value ? placeholder : wrapWithTooltip(value, 'value')}\n          </chakra.span>\n        </chakra.div>\n      </chakra.div>\n    );\n  }\n\n  // --- Default variant ---\n\n  const labelContent = (\n    <chakra.dt css={styles.label}>\n      {label}\n      {!!tooltip && (\n        <BitkitTooltip learnMoreTarget={learnMoreTarget} learnMoreUrl={learnMoreUrl} text={tooltip}>\n          <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n        </BitkitTooltip>\n      )}\n    </chakra.dt>\n  );\n\n  if (state === 'skeleton') {\n    return (\n      <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        {labelContent}\n        <Skeleton height={SKELETON_VALUE_HEIGHTS[size as keyof typeof SKELETON_VALUE_HEIGHTS]} width=\"128\" />\n        <Skeleton height=\"20\" width=\"128\" />\n      </chakra.dl>\n    );\n  }\n\n  return (\n    <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n      {labelContent}\n      <chakra.dd css={styles.value}>\n        {!value ? (\n          <chakra.span color=\"text/tertiary\">{placeholder}</chakra.span>\n        ) : (\n          <>\n            {value}\n            {!!limitValue && <chakra.span css={styles.limit}>/ {limitValue}</chakra.span>}\n          </>\n        )}\n      </chakra.dd>\n      {!!subtext && <chakra.dd css={styles.helpText}>{subtext}</chakra.dd>}\n    </chakra.dl>\n  );\n});\n\nBitkitLabeledData.displayName = 'BitkitLabeledData';\n\nexport default BitkitLabeledData;\n"],"mappings":"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"}
+{"version":3,"file":"BitkitLabeledData.js","names":[],"sources":["../../../lib/components/BitkitLabeledData/BitkitLabeledData.tsx"],"sourcesContent":["import { type BoxProps } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { IconInfoCircle, IconWarningYellow } from '../../icons';\nimport BitkitDefinitionTooltip from '../BitkitDefinitionTooltip/BitkitDefinitionTooltip';\nimport BitkitToggletip, { type BitkitToggletipProps } from '../BitkitToggletip/BitkitToggletip';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n// --- Types ---\n\nexport interface BitkitLabeledDataProps extends Omit<BoxProps, 'colorPalette'> {\n  label: string;\n  labelVariant?: 'primary' | 'secondary';\n  learnMoreTarget?: BitkitToggletipProps['learnMoreTarget'];\n  learnMoreUrl?: BitkitToggletipProps['learnMoreUrl'];\n  limitValue?: string;\n  placeholder?: string;\n  showWarning?: boolean;\n  size?: 'lg' | '2xl' | '3xl' | 'sm' | 'md';\n  state?: 'default' | 'skeleton';\n  subtext?: string;\n  tooltip?: string;\n  tooltipAnchor?: 'label' | 'value';\n  value?: string;\n  variant?: 'default' | 'inline';\n}\n\nconst SKELETON_VALUE_HEIGHTS = { lg: '24', '2xl': '36px', '3xl': '40' } as const;\n\n// --- Component ---\n\nconst BitkitLabeledData = forwardRef<HTMLElement, BitkitLabeledDataProps>((props, ref) => {\n  const {\n    label,\n    labelVariant = 'primary',\n    learnMoreTarget,\n    learnMoreUrl,\n    limitValue,\n    placeholder = 'N/A',\n    showWarning,\n    size = 'lg',\n    state = 'default',\n    subtext,\n    tooltip,\n    tooltipAnchor = 'value',\n    value,\n    variant = 'default',\n    ...rest\n  } = props;\n\n  const styles = useSlotRecipe({ key: 'labeledData' })({\n    size: variant === 'inline' ? undefined : (size as 'lg' | '2xl' | '3xl'),\n  });\n\n  // --- Inline variant ---\n  if (variant === 'inline') {\n    const isSm = size === 'sm';\n    const isPrimary = labelVariant === 'primary';\n    const labelTextStyle = isPrimary\n      ? isSm\n        ? 'body/sm/semibold'\n        : 'body/md/semibold'\n      : isSm\n        ? 'body/sm/regular'\n        : 'body/md/regular';\n    const labelEndsWithColon = label.endsWith(':') || label.endsWith('：');\n    const colonSuffix = labelEndsWithColon ? '' : ':';\n\n    if (state === 'skeleton') {\n      return (\n        <chakra.div ref={ref} display=\"flex\" alignItems=\"center\" gap=\"8\" {...rest}>\n          {!!showWarning && <IconWarningYellow size=\"16\" />}\n          <chakra.div display=\"flex\" alignItems=\"center\" gap=\"4\">\n            <chakra.span textStyle={labelTextStyle} color={isPrimary ? 'text/primary' : 'text/secondary'}>\n              {label}\n              {colonSuffix}\n            </chakra.span>\n            <Skeleton height={isSm ? '16' : '20'} width=\"64\" />\n          </chakra.div>\n        </chakra.div>\n      );\n    }\n\n    const wrapWithTooltip = (text: string, anchor: 'label' | 'value') =>\n      tooltip && tooltipAnchor === anchor ? (\n        <BitkitDefinitionTooltip learnMoreTarget={learnMoreTarget} learnMoreUrl={learnMoreUrl} text={tooltip}>\n          {text}\n        </BitkitDefinitionTooltip>\n      ) : (\n        text\n      );\n\n    return (\n      <chakra.div ref={ref} display=\"flex\" alignItems=\"center\" gap=\"8\" {...rest}>\n        {!!showWarning && <IconWarningYellow size=\"16\" />}\n        <chakra.div display=\"flex\" alignItems=\"center\" gap=\"4\">\n          <chakra.span textStyle={labelTextStyle} color={isPrimary ? 'text/primary' : 'text/secondary'}>\n            {wrapWithTooltip(label, 'label')}\n            {colonSuffix}\n          </chakra.span>\n          <chakra.span\n            textStyle={isSm ? 'body/sm/regular' : 'body/md/regular'}\n            color={!value ? 'text/tertiary' : 'text/body'}\n          >\n            {!value ? placeholder : wrapWithTooltip(value, 'value')}\n          </chakra.span>\n        </chakra.div>\n      </chakra.div>\n    );\n  }\n\n  // --- Default variant ---\n\n  const labelContent = (\n    <chakra.dt css={styles.label}>\n      {label}\n      {!!tooltip &&\n        // A link needs a toggletip to be reachable; without one, a hover tooltip is enough.\n        (learnMoreUrl ? (\n          <BitkitToggletip\n            learnMoreTarget={learnMoreTarget}\n            learnMoreUrl={learnMoreUrl}\n            text={tooltip}\n            triggerAriaLabel={`About ${label.replace(/[:：]$/, '')}`}\n            wrapTrigger\n          >\n            <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n          </BitkitToggletip>\n        ) : (\n          <BitkitTooltip text={tooltip}>\n            <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n          </BitkitTooltip>\n        ))}\n    </chakra.dt>\n  );\n\n  if (state === 'skeleton') {\n    return (\n      <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        {labelContent}\n        <Skeleton height={SKELETON_VALUE_HEIGHTS[size as keyof typeof SKELETON_VALUE_HEIGHTS]} width=\"128\" />\n        <Skeleton height=\"20\" width=\"128\" />\n      </chakra.dl>\n    );\n  }\n\n  return (\n    <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n      {labelContent}\n      <chakra.dd css={styles.value}>\n        {!value ? (\n          <chakra.span color=\"text/tertiary\">{placeholder}</chakra.span>\n        ) : (\n          <>\n            {value}\n            {!!limitValue && <chakra.span css={styles.limit}>/ {limitValue}</chakra.span>}\n          </>\n        )}\n      </chakra.dd>\n      {!!subtext && <chakra.dd css={styles.helpText}>{subtext}</chakra.dd>}\n    </chakra.dl>\n  );\n});\n\nBitkitLabeledData.displayName = 'BitkitLabeledData';\n\nexport default BitkitLabeledData;\n"],"mappings":"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"}

package/dist/components/BitkitTable/BitkitDefinitionColumnHeader.d.ts

@@ -13,7 +13,7 @@ export interface BitkitDefinitionColumnHeaderProps extends Omit<Table.ColumnHead
  * demand. It is `BitkitDefinitionTooltip` for a table header — same props, same behaviour, except the
  * title keeps the header's own type (`heading/h5`) instead of the body type that component pins.
  *
- * That type is also why it composes `BitkitTooltip` rather than rendering a `BitkitDefinitionTooltip`:
+ * That type is also why it composes `BitkitToggletip` / `BitkitTooltip` rather than rendering a `BitkitDefinitionTooltip`:
  * the latter's recipe always applies a `textSize`, and there is no value for it that means "inherit".
  *
  * Only the title is the trigger, so the rest of the header stays inert. Everything else a

package/dist/components/BitkitTable/BitkitDefinitionColumnHeader.js

@@ -1,6 +1,7 @@
 import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import BitkitToggletip from "../BitkitToggletip/BitkitToggletip.js";
 import { chakra } from "@chakra-ui/react/styled-system";
-import { forwardRef, useState } from "react";
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Table, useTableStyles } from "@chakra-ui/react/table";
 //#region lib/components/BitkitTable/BitkitDefinitionColumnHeader.tsx
@@ -9,7 +10,7 @@ import { Table, useTableStyles } from "@chakra-ui/react/table";
 * demand. It is `BitkitDefinitionTooltip` for a table header — same props, same behaviour, except the
 * title keeps the header's own type (`heading/h5`) instead of the body type that component pins.
 *
-* That type is also why it composes `BitkitTooltip` rather than rendering a `BitkitDefinitionTooltip`:
+* That type is also why it composes `BitkitToggletip` / `BitkitTooltip` rather than rendering a `BitkitDefinitionTooltip`:
 * the latter's recipe always applies a `textSize`, and there is no value for it that means "inherit".
 *
 * Only the title is the trigger, so the rest of the header stays inert. Everything else a
@@ -17,32 +18,28 @@ import { Table, useTableStyles } from "@chakra-ui/react/table";
 */
 var BitkitDefinitionColumnHeader = forwardRef(({ button, children, disablePortal, learnMoreTarget, learnMoreUrl, method = "click", placement, text, ...rest }, ref) => {
 	const styles = useTableStyles();
-	const [open, setOpen] = useState(false);
-	const isClick = method === "click";
+	const title = /* @__PURE__ */ jsx(chakra.button, {
+		css: styles.definitionTrigger,
+		truncate: true,
+		type: "button",
+		children
+	});
 	return /* @__PURE__ */ jsx(Table.ColumnHeader, {
 		ref,
 		...rest,
-		children: /* @__PURE__ */ jsx(BitkitTooltip, {
+		children: method === "hover" ? /* @__PURE__ */ jsx(BitkitTooltip, {
+			disablePortal,
+			placement,
+			text,
+			children: title
+		}) : /* @__PURE__ */ jsx(BitkitToggletip, {
 			button,
-			closeOnClick: isClick ? false : void 0,
 			disablePortal,
 			learnMoreTarget,
 			learnMoreUrl,
-			onOpenChange: isClick ? ({ open: nextOpen }) => {
-				if (!nextOpen) setOpen(false);
-			} : void 0,
-			open: isClick ? open : void 0,
-			openDelay: isClick ? Infinity : void 0,
 			placement,
 			text,
-			children: /* @__PURE__ */ jsx(chakra.button, {
-				"aria-expanded": isClick ? open : void 0,
-				css: styles.definitionTrigger,
-				onClick: isClick ? () => setOpen(!open) : void 0,
-				truncate: true,
-				type: "button",
-				children
-			})
+			children: title
 		})
 	});
 });

package/dist/components/BitkitTable/BitkitDefinitionColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitDefinitionColumnHeader.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitDefinitionColumnHeader.tsx"],"sourcesContent":["import { chakra } from '@chakra-ui/react/styled-system';\nimport { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { forwardRef, useState } from 'react';\n\nimport { type BitkitDefinitionTooltipProps } from '../BitkitDefinitionTooltip/BitkitDefinitionTooltip';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n/**\n * Everything `BitkitDefinitionTooltip` takes — `children` is the column title, `text` the definition\n * — on top of everything a `BitkitTable.ColumnHeader` takes. The two the header owns are gone: `textSize`,\n * because the point is to keep the header's own type, and the tooltip's `truncate`, because the title\n * always truncates and `truncate` stays the header cell's own style prop.\n */\nexport interface BitkitDefinitionColumnHeaderProps\n  extends Omit<Table.ColumnHeaderProps, 'children'>, Omit<BitkitDefinitionTooltipProps, 'textSize' | 'truncate'> {}\n\n/**\n * A column header whose title is a glossary term: underlined, and revealing what the column means on\n * demand. It is `BitkitDefinitionTooltip` for a table header — same props, same behaviour, except the\n * title keeps the header's own type (`heading/h5`) instead of the body type that component pins.\n *\n * That type is also why it composes `BitkitTooltip` rather than rendering a `BitkitDefinitionTooltip`:\n * the latter's recipe always applies a `textSize`, and there is no value for it that means \"inherit\".\n *\n * Only the title is the trigger, so the rest of the header stays inert. Everything else a\n * `BitkitTable.ColumnHeader` takes — `textAlign`, `width`, `colSpan` — still applies.\n */\nconst BitkitDefinitionColumnHeader = forwardRef<HTMLTableCellElement, BitkitDefinitionColumnHeaderProps>(\n  (\n    { button, children, disablePortal, learnMoreTarget, learnMoreUrl, method = 'click', placement, text, ...rest },\n    ref,\n  ) => {\n    const styles = useTableStyles();\n    const [open, setOpen] = useState(false);\n    const isClick = method === 'click';\n\n    return (\n      <Table.ColumnHeader ref={ref} {...rest}>\n        <BitkitTooltip\n          button={button}\n          closeOnClick={isClick ? false : undefined}\n          disablePortal={disablePortal}\n          learnMoreTarget={learnMoreTarget}\n          learnMoreUrl={learnMoreUrl}\n          onOpenChange={\n            isClick\n              ? ({ open: nextOpen }) => {\n                  if (!nextOpen) setOpen(false);\n                }\n              : undefined\n          }\n          open={isClick ? open : undefined}\n          openDelay={isClick ? Infinity : undefined}\n          placement={placement}\n          text={text}\n        >\n          {/* chakra.button: no named primitive attaches a recipe slot to a bare trigger button */}\n          <chakra.button\n            aria-expanded={isClick ? open : undefined}\n            css={styles.definitionTrigger}\n            onClick={isClick ? () => setOpen(!open) : undefined}\n            truncate\n            type=\"button\"\n          >\n            {children}\n          </chakra.button>\n        </BitkitTooltip>\n      </Table.ColumnHeader>\n    );\n  },\n);\n\nBitkitDefinitionColumnHeader.displayName = 'BitkitTable.DefinitionColumnHeader';\n\nexport default BitkitDefinitionColumnHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,IAAM,+BAA+B,YAEjC,EAAE,QAAQ,UAAU,eAAe,iBAAiB,cAAc,SAAS,SAAS,WAAW,MAAM,GAAG,QACxG,QACG;CACH,MAAM,SAAS,eAAe;CAC9B,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,UAAU,WAAW;CAE3B,OACE,oBAAC,MAAM,cAAP;EAAyB;EAAK,GAAI;EAChC,UAAA,oBAAC,eAAD;GACU;GACR,cAAc,UAAU,QAAQ,KAAA;GACjB;GACE;GACH;GACd,cACE,WACK,EAAE,MAAM,eAAe;IACtB,IAAI,CAAC,UAAU,QAAQ,KAAK;GAC9B,IACA,KAAA;GAEN,MAAM,UAAU,OAAO,KAAA;GACvB,WAAW,UAAU,WAAW,KAAA;GACrB;GACL;GAGN,UAAA,oBAAC,OAAO,QAAR;IACE,iBAAe,UAAU,OAAO,KAAA;IAChC,KAAK,OAAO;IACZ,SAAS,gBAAgB,QAAQ,CAAC,IAAI,IAAI,KAAA;IAC1C,UAAA;IACA,MAAK;IAEJ;GACY,CAAA;EACF,CAAA;CACG,CAAA;AAExB,CACF;AAEA,6BAA6B,cAAc"}
+{"version":3,"file":"BitkitDefinitionColumnHeader.js","names":[],"sources":["../../../lib/components/BitkitTable/BitkitDefinitionColumnHeader.tsx"],"sourcesContent":["import { chakra } from '@chakra-ui/react/styled-system';\nimport { Table, useTableStyles } from '@chakra-ui/react/table';\nimport { forwardRef } from 'react';\n\nimport { type BitkitDefinitionTooltipProps } from '../BitkitDefinitionTooltip/BitkitDefinitionTooltip';\nimport BitkitToggletip from '../BitkitToggletip/BitkitToggletip';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n/**\n * Everything `BitkitDefinitionTooltip` takes — `children` is the column title, `text` the definition\n * — on top of everything a `BitkitTable.ColumnHeader` takes. The two the header owns are gone: `textSize`,\n * because the point is to keep the header's own type, and the tooltip's `truncate`, because the title\n * always truncates and `truncate` stays the header cell's own style prop.\n */\nexport interface BitkitDefinitionColumnHeaderProps\n  extends Omit<Table.ColumnHeaderProps, 'children'>, Omit<BitkitDefinitionTooltipProps, 'textSize' | 'truncate'> {}\n\n/**\n * A column header whose title is a glossary term: underlined, and revealing what the column means on\n * demand. It is `BitkitDefinitionTooltip` for a table header — same props, same behaviour, except the\n * title keeps the header's own type (`heading/h5`) instead of the body type that component pins.\n *\n * That type is also why it composes `BitkitToggletip` / `BitkitTooltip` rather than rendering a `BitkitDefinitionTooltip`:\n * the latter's recipe always applies a `textSize`, and there is no value for it that means \"inherit\".\n *\n * Only the title is the trigger, so the rest of the header stays inert. Everything else a\n * `BitkitTable.ColumnHeader` takes — `textAlign`, `width`, `colSpan` — still applies.\n */\nconst BitkitDefinitionColumnHeader = forwardRef<HTMLTableCellElement, BitkitDefinitionColumnHeaderProps>(\n  (\n    { button, children, disablePortal, learnMoreTarget, learnMoreUrl, method = 'click', placement, text, ...rest },\n    ref,\n  ) => {\n    const styles = useTableStyles();\n\n    const title = (\n      // chakra.button: no named primitive attaches a recipe slot to a bare trigger button\n      <chakra.button css={styles.definitionTrigger} truncate type=\"button\">\n        {children}\n      </chakra.button>\n    );\n\n    return (\n      <Table.ColumnHeader ref={ref} {...rest}>\n        {method === 'hover' ? (\n          <BitkitTooltip disablePortal={disablePortal} placement={placement} text={text}>\n            {title}\n          </BitkitTooltip>\n        ) : (\n          <BitkitToggletip\n            button={button}\n            disablePortal={disablePortal}\n            learnMoreTarget={learnMoreTarget}\n            learnMoreUrl={learnMoreUrl}\n            placement={placement}\n            text={text}\n          >\n            {title}\n          </BitkitToggletip>\n        )}\n      </Table.ColumnHeader>\n    );\n  },\n);\n\nBitkitDefinitionColumnHeader.displayName = 'BitkitTable.DefinitionColumnHeader';\n\nexport default BitkitDefinitionColumnHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;AA4BA,IAAM,+BAA+B,YAEjC,EAAE,QAAQ,UAAU,eAAe,iBAAiB,cAAc,SAAS,SAAS,WAAW,MAAM,GAAG,QACxG,QACG;CACH,MAAM,SAAS,eAAe;CAE9B,MAAM,QAEJ,oBAAC,OAAO,QAAR;EAAe,KAAK,OAAO;EAAmB,UAAA;EAAS,MAAK;EACzD;CACY,CAAA;CAGjB,OACE,oBAAC,MAAM,cAAP;EAAyB;EAAK,GAAI;EAC/B,UAAA,WAAW,UACV,oBAAC,eAAD;GAA8B;GAA0B;GAAiB;GACtE,UAAA;EACY,CAAA,IAEf,oBAAC,iBAAD;GACU;GACO;GACE;GACH;GACH;GACL;GAEL,UAAA;EACc,CAAA;CAED,CAAA;AAExB,CACF;AAEA,6BAA6B,cAAc"}

package/dist/components/BitkitToggletip/BitkitToggletip.d.ts

@@ -0,0 +1,59 @@
+import { PopoverRootProps } from '@ark-ui/react/popover';
+import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
+import { BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';
+export type BitkitToggletipProps = {
+    /** Action button at the end of the toggletip. Defaults to the `white` colour variant, the one that reads on its dark background. */
+    button?: BitkitColorButtonProps;
+    /**
+     * The trigger the toggletip opens from. Rendered via `asChild`, so it must be a focusable control
+     * that accepts a ref — unless `wrapTrigger` puts a button in between.
+     */
+    children: ReactNode;
+    /** Open on first render, for an uncontrolled toggletip. */
+    defaultOpen?: PopoverRootProps['defaultOpen'];
+    /**
+     * Render the toggletip inline instead of in a portal. Only needed when it must stay inside its
+     * parent's DOM subtree — a dialog already sets this for you.
+     */
+    disablePortal?: boolean;
+    /** Render the trigger without a toggletip — for hints that only apply in some states. */
+    disabled?: boolean;
+    /** Icon after the text — `IconArrowNortheast` when the trigger opens something in a new tab, for instance. */
+    icon?: BitkitIconComponent;
+    /** Target for the "Learn more" link. `_blank` also sets `rel="noopener noreferrer"`. */
+    learnMoreTarget?: HTMLAnchorElement['target'];
+    /** Adds a "Learn more" link pointing here, for the fuller explanation. */
+    learnMoreUrl?: string;
+    /** Called when the toggletip opens or closes. */
+    onOpenChange?: PopoverRootProps['onOpenChange'];
+    /** Controls the open state. */
+    open?: PopoverRootProps['open'];
+    /** Where the toggletip sits relative to the trigger (default `top`). It flips if space is short. */
+    placement?: NonNullable<PopoverRootProps['positioning']>['placement'];
+    /** The toggletip's text. */
+    text: string;
+    /** Accessible name of the `wrapTrigger` button, for a trigger with no text of its own, like an icon. */
+    triggerAriaLabel?: string;
+    /**
+     * Put the trigger inside a button instead of rendering on it — for a trigger that is not a control
+     * itself, like a badge or an icon. The button takes the click, the tap and the keyboard.
+     */
+    wrapTrigger?: boolean;
+};
+/**
+ * A tooltip's bubble that opens on click, tap or Enter and stays open, so what it carries — a "Learn
+ * more" link, an action button — can be reached by pointer, touch and keyboard alike. It is a
+ * popover, not a tooltip: a tooltip closes as soon as focus leaves its trigger and ignores touch, so
+ * anything clickable inside one can't be reached.
+ *
+ * Reach for `BitkitTooltip` when the hint is text only; this component when it links or acts.
+ *
+ * The content renders in a portal, so it escapes any ancestor that traps stacking or clips overflow.
+ * Dialogs turn that off through `BitkitPortalContext`; `disablePortal` is the manual override.
+ */
+declare const BitkitToggletip: {
+    ({ button, children, defaultOpen, disablePortal, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, placement, text, triggerAriaLabel, wrapTrigger, }: BitkitToggletipProps): import('react').JSX.Element;
+    displayName: string;
+};
+export default BitkitToggletip;

package/dist/components/BitkitToggletip/BitkitToggletip.js

@@ -0,0 +1,107 @@
+import BitkitPortalContext from "../../utilities/BitkitPortalContext.js";
+import BitkitColorButton from "../BitkitColorButton/BitkitColorButton.js";
+import { Box } from "@chakra-ui/react/box";
+import { createSlotRecipeContext } from "@chakra-ui/react/styled-system";
+import { isValidElement, useContext } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
+import { Popover } from "@ark-ui/react/popover";
+import { Link } from "@chakra-ui/react/link";
+//#region lib/components/BitkitToggletip/BitkitToggletip.tsx
+var { withRootProvider, withContext } = createSlotRecipeContext({ key: "toggletip" });
+var Root = withRootProvider(Popover.Root);
+var Trigger = withContext(Popover.Trigger, "trigger", { forwardAsChild: true });
+var Positioner = withContext(Popover.Positioner, "positioner", { forwardAsChild: true });
+var Content = withContext(Popover.Content, "content", { forwardAsChild: true });
+var Title = withContext(Popover.Title, "title", { forwardAsChild: true });
+var Arrow = withContext(Popover.Arrow, "arrow", { forwardAsChild: true });
+var ArrowTip = withContext(Popover.ArrowTip, "arrowTip", { forwardAsChild: true });
+/**
+* A tooltip's bubble that opens on click, tap or Enter and stays open, so what it carries — a "Learn
+* more" link, an action button — can be reached by pointer, touch and keyboard alike. It is a
+* popover, not a tooltip: a tooltip closes as soon as focus leaves its trigger and ignores touch, so
+* anything clickable inside one can't be reached.
+*
+* Reach for `BitkitTooltip` when the hint is text only; this component when it links or acts.
+*
+* The content renders in a portal, so it escapes any ancestor that traps stacking or clips overflow.
+* Dialogs turn that off through `BitkitPortalContext`; `disablePortal` is the manual override.
+*/
+var BitkitToggletip = ({ button, children, defaultOpen, disablePortal, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, placement = "top", text, triggerAriaLabel, wrapTrigger }) => {
+	const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);
+	const hasActions = !!learnMoreUrl || !!button;
+	if (disabled) return /* @__PURE__ */ jsx(Fragment$1, { children });
+	return /* @__PURE__ */ jsxs(Root, {
+		defaultOpen,
+		onOpenChange,
+		open,
+		positioning: {
+			placement,
+			offset: {
+				mainAxis: 4,
+				crossAxis: 0
+			}
+		},
+		children: [wrapTrigger || !isValidElement(children) ? /* @__PURE__ */ jsx(Trigger, {
+			"aria-label": triggerAriaLabel,
+			css: {
+				alignItems: "center",
+				appearance: "none",
+				background: "none",
+				border: 0,
+				color: "inherit",
+				display: "inline-flex",
+				font: "inherit",
+				padding: 0,
+				_focusVisible: {
+					outline: "none",
+					"& > *": {
+						outlineColor: "var(--focus-ring-color)",
+						outlineOffset: "var(--focus-ring-offset, 2px)",
+						outlineStyle: "var(--focus-ring-style, solid)",
+						outlineWidth: "var(--focus-ring-width, 2px)"
+					}
+				}
+			},
+			children
+		}) : /* @__PURE__ */ jsx(Trigger, {
+			asChild: true,
+			children
+		}), /* @__PURE__ */ jsx(Portal, {
+			disabled: disablePortal || disablePortalFromContext,
+			children: /* @__PURE__ */ jsx(Positioner, { children: /* @__PURE__ */ jsxs(Content, { children: [
+				/* @__PURE__ */ jsx(Arrow, { children: /* @__PURE__ */ jsx(ArrowTip, {}) }),
+				/* @__PURE__ */ jsxs(Box, {
+					display: "flex",
+					gap: "8",
+					children: [/* @__PURE__ */ jsx(Title, { children: text }), Icon && /* @__PURE__ */ jsx(Icon, {
+						flexShrink: "0",
+						size: "16"
+					})]
+				}),
+				hasActions && /* @__PURE__ */ jsxs(Box, {
+					alignItems: "center",
+					display: "flex",
+					gap: "16",
+					marginBlockStart: "16",
+					children: [learnMoreUrl && /* @__PURE__ */ jsx(Link, {
+						color: "color/purple/highlight",
+						href: learnMoreUrl,
+						rel: learnMoreTarget === "_blank" ? "noopener noreferrer" : void 0,
+						target: learnMoreTarget,
+						children: "Learn more"
+					}), button && /* @__PURE__ */ jsx(BitkitColorButton, {
+						colorVariant: "white",
+						marginInlineStart: "auto",
+						...button
+					})]
+				})
+			] }) })
+		})]
+	});
+};
+BitkitToggletip.displayName = "BitkitToggletip";
+//#endregion
+export { BitkitToggletip as default };
+
+//# sourceMappingURL=BitkitToggletip.js.map

package/dist/components/BitkitToggletip/BitkitToggletip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitToggletip.js","names":[],"sources":["../../../lib/components/BitkitToggletip/BitkitToggletip.tsx"],"sourcesContent":["import { Popover as ArkPopover, type PopoverRootProps } from '@ark-ui/react/popover';\nimport { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport {\n  type PopoverArrowProps,\n  type PopoverArrowTipProps,\n  type PopoverContentProps,\n  type PopoverPositionerProps,\n  type PopoverTitleProps,\n  type PopoverTriggerProps,\n} from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { createSlotRecipeContext } from '@chakra-ui/react/styled-system';\nimport { isValidElement, type ReactNode, useContext } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\nimport BitkitColorButton, { type BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';\n\n// Chakra's own Popover is Ark's popover under the `popover` recipe; this is the same composition\n// under `toggletip`, so the bubble can share the tooltip's surface instead of the popover's card.\nconst { withRootProvider, withContext } = createSlotRecipeContext({ key: 'toggletip' });\nconst Root = withRootProvider<PopoverRootProps>(ArkPopover.Root);\nconst Trigger = withContext<HTMLButtonElement, PopoverTriggerProps>(ArkPopover.Trigger, 'trigger', {\n  forwardAsChild: true,\n});\nconst Positioner = withContext<HTMLDivElement, PopoverPositionerProps>(ArkPopover.Positioner, 'positioner', {\n  forwardAsChild: true,\n});\nconst Content = withContext<HTMLDivElement, PopoverContentProps>(ArkPopover.Content, 'content', {\n  forwardAsChild: true,\n});\n// The text is the popover's title, which is what names its dialog for assistive technology.\nconst Title = withContext<HTMLDivElement, PopoverTitleProps>(ArkPopover.Title, 'title', { forwardAsChild: true });\nconst Arrow = withContext<HTMLDivElement, PopoverArrowProps>(ArkPopover.Arrow, 'arrow', { forwardAsChild: true });\nconst ArrowTip = withContext<HTMLDivElement, PopoverArrowTipProps>(ArkPopover.ArrowTip, 'arrowTip', {\n  forwardAsChild: true,\n});\n\nexport type BitkitToggletipProps = {\n  /** Action button at the end of the toggletip. Defaults to the `white` colour variant, the one that reads on its dark background. */\n  button?: BitkitColorButtonProps;\n  /**\n   * The trigger the toggletip opens from. Rendered via `asChild`, so it must be a focusable control\n   * that accepts a ref — unless `wrapTrigger` puts a button in between.\n   */\n  children: ReactNode;\n  /** Open on first render, for an uncontrolled toggletip. */\n  defaultOpen?: PopoverRootProps['defaultOpen'];\n  /**\n   * Render the toggletip inline instead of in a portal. Only needed when it must stay inside its\n   * parent's DOM subtree — a dialog already sets this for you.\n   */\n  disablePortal?: boolean;\n  /** Render the trigger without a toggletip — for hints that only apply in some states. */\n  disabled?: boolean;\n  /** Icon after the text — `IconArrowNortheast` when the trigger opens something in a new tab, for instance. */\n  icon?: BitkitIconComponent;\n  /** Target for the \"Learn more\" link. `_blank` also sets `rel=\"noopener noreferrer\"`. */\n  learnMoreTarget?: HTMLAnchorElement['target'];\n  /** Adds a \"Learn more\" link pointing here, for the fuller explanation. */\n  learnMoreUrl?: string;\n  /** Called when the toggletip opens or closes. */\n  onOpenChange?: PopoverRootProps['onOpenChange'];\n  /** Controls the open state. */\n  open?: PopoverRootProps['open'];\n  /** Where the toggletip sits relative to the trigger (default `top`). It flips if space is short. */\n  placement?: NonNullable<PopoverRootProps['positioning']>['placement'];\n  /** The toggletip's text. */\n  text: string;\n  /** Accessible name of the `wrapTrigger` button, for a trigger with no text of its own, like an icon. */\n  triggerAriaLabel?: string;\n  /**\n   * Put the trigger inside a button instead of rendering on it — for a trigger that is not a control\n   * itself, like a badge or an icon. The button takes the click, the tap and the keyboard.\n   */\n  wrapTrigger?: boolean;\n};\n\n/**\n * A tooltip's bubble that opens on click, tap or Enter and stays open, so what it carries — a \"Learn\n * more\" link, an action button — can be reached by pointer, touch and keyboard alike. It is a\n * popover, not a tooltip: a tooltip closes as soon as focus leaves its trigger and ignores touch, so\n * anything clickable inside one can't be reached.\n *\n * Reach for `BitkitTooltip` when the hint is text only; this component when it links or acts.\n *\n * The content renders in a portal, so it escapes any ancestor that traps stacking or clips overflow.\n * Dialogs turn that off through `BitkitPortalContext`; `disablePortal` is the manual override.\n */\nconst BitkitToggletip = ({\n  button,\n  children,\n  defaultOpen,\n  disablePortal,\n  disabled,\n  icon: Icon,\n  learnMoreTarget,\n  learnMoreUrl,\n  onOpenChange,\n  open,\n  placement = 'top',\n  text,\n  triggerAriaLabel,\n  wrapTrigger,\n}: BitkitToggletipProps) => {\n  const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);\n  const hasActions = !!learnMoreUrl || !!button;\n\n  if (disabled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <Root\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      open={open}\n      positioning={{ placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n    >\n      {wrapTrigger || !isValidElement(children) ? (\n        <Trigger\n          aria-label={triggerAriaLabel}\n          css={{\n            alignItems: 'center',\n            appearance: 'none',\n            background: 'none',\n            border: 0,\n            color: 'inherit',\n            display: 'inline-flex',\n            font: 'inherit',\n            padding: 0,\n            // The button owns the tab stop, but the focus ring belongs on the trigger inside it: an\n            // outline follows the border-radius of the element it is drawn on, and the button has\n            // none — so leaving it here squares off a pill or a round trigger.\n            _focusVisible: {\n              outline: 'none',\n              '& > *': {\n                outlineColor: 'var(--focus-ring-color)',\n                outlineOffset: 'var(--focus-ring-offset, 2px)',\n                outlineStyle: 'var(--focus-ring-style, solid)',\n                outlineWidth: 'var(--focus-ring-width, 2px)',\n              },\n            },\n          }}\n        >\n          {children}\n        </Trigger>\n      ) : (\n        <Trigger asChild>{children}</Trigger>\n      )}\n      <Portal disabled={disablePortal || disablePortalFromContext}>\n        <Positioner>\n          <Content>\n            <Arrow>\n              <ArrowTip />\n            </Arrow>\n            <Box display=\"flex\" gap=\"8\">\n              <Title>{text}</Title>\n              {Icon && <Icon flexShrink=\"0\" size=\"16\" />}\n            </Box>\n            {hasActions && (\n              <Box alignItems=\"center\" display=\"flex\" gap=\"16\" marginBlockStart=\"16\">\n                {learnMoreUrl && (\n                  <Link\n                    color=\"color/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 colorVariant=\"white\" marginInlineStart=\"auto\" {...button} />}\n              </Box>\n            )}\n          </Content>\n        </Positioner>\n      </Portal>\n    </Root>\n  );\n};\n\nBitkitToggletip.displayName = 'BitkitToggletip';\n\nexport default BitkitToggletip;\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,EAAE,kBAAkB,gBAAgB,wBAAwB,EAAE,KAAK,YAAY,CAAC;AACtF,IAAM,OAAO,iBAAmC,QAAW,IAAI;AAC/D,IAAM,UAAU,YAAoD,QAAW,SAAS,WAAW,EACjG,gBAAgB,KAClB,CAAC;AACD,IAAM,aAAa,YAAoD,QAAW,YAAY,cAAc,EAC1G,gBAAgB,KAClB,CAAC;AACD,IAAM,UAAU,YAAiD,QAAW,SAAS,WAAW,EAC9F,gBAAgB,KAClB,CAAC;AAED,IAAM,QAAQ,YAA+C,QAAW,OAAO,SAAS,EAAE,gBAAgB,KAAK,CAAC;AAChH,IAAM,QAAQ,YAA+C,QAAW,OAAO,SAAS,EAAE,gBAAgB,KAAK,CAAC;AAChH,IAAM,WAAW,YAAkD,QAAW,UAAU,YAAY,EAClG,gBAAgB,KAClB,CAAC;;;;;;;;;;;;AAqDD,IAAM,mBAAmB,EACvB,QACA,UACA,aACA,eACA,UACA,MAAM,MACN,iBACA,cACA,cACA,MACA,YAAY,OACZ,MACA,kBACA,kBAC0B;CAC1B,MAAM,EAAE,eAAe,6BAA6B,WAAW,mBAAmB;CAClF,MAAM,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAAC;CAEvC,IAAI,UACF,OAAO,oBAAA,YAAA,EAAG,SAAW,CAAA;CAGvB,OACE,qBAAC,MAAD;EACe;EACC;EACR;EACN,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;GAAE;EAAE;EAJlE,UAAA,CAMG,eAAe,CAAC,eAAe,QAAQ,IACtC,oBAAC,SAAD;GACE,cAAY;GACZ,KAAK;IACH,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,QAAQ;IACR,OAAO;IACP,SAAS;IACT,MAAM;IACN,SAAS;IAIT,eAAe;KACb,SAAS;KACT,SAAS;MACP,cAAc;MACd,eAAe;MACf,cAAc;MACd,cAAc;KAChB;IACF;GACF;GAEC;EACM,CAAA,IAET,oBAAC,SAAD;GAAS,SAAA;GAAS;EAAkB,CAAA,GAEtC,oBAAC,QAAD;GAAQ,UAAU,iBAAiB;GACjC,UAAA,oBAAC,YAAD,EAAA,UACE,qBAAC,SAAD,EAAA,UAAA;IACE,oBAAC,OAAD,EAAA,UACE,oBAAC,UAAD,CAAW,CAAA,EACN,CAAA;IACP,qBAAC,KAAD;KAAK,SAAQ;KAAO,KAAI;KAAxB,UAAA,CACE,oBAAC,OAAD,EAAA,UAAQ,KAAY,CAAA,GACnB,QAAQ,oBAAC,MAAD;MAAM,YAAW;MAAI,MAAK;KAAM,CAAA,CACtC;;IACJ,cACC,qBAAC,KAAD;KAAK,YAAW;KAAS,SAAQ;KAAO,KAAI;KAAK,kBAAiB;KAAlE,UAAA,CACG,gBACC,oBAAC,MAAD;MACE,OAAM;MACN,MAAM;MACN,KAAK,oBAAoB,WAAW,wBAAwB,KAAA;MAC5D,QAAQ;MACT,UAAA;KAEK,CAAA,GAEP,UAAU,oBAAC,mBAAD;MAAmB,cAAa;MAAQ,mBAAkB;MAAO,GAAI;KAAS,CAAA,CACtF;;GAEA,EAAA,CAAA,EACC,CAAA;EACN,CAAA,CACJ;;AAEV;AAEA,gBAAgB,cAAc"}

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

@@ -1,14 +1,7 @@
 import { TooltipRootProps } from '@chakra-ui/react/tooltip';
 import { ReactNode } from 'react';
 import { BitkitIconComponent } from '../../icons';
-import { BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';
 export type BitkitTooltipProps = {
-    /**
-     * Action button rendered at the end of the tooltip. Setting it makes the tooltip interactive, so
-     * the pointer can move into the tooltip without dismissing it. Defaults to the `white` colour
-     * variant, the one that reads on the tooltip's dark background.
-     */
-    button?: BitkitColorButtonProps;
     /**
      * The trigger the tooltip is anchored to. Rendered via `asChild`, so it must accept a ref —
      * unless `wrapTrigger` puts a wrapper in between.
@@ -28,13 +21,6 @@ export type BitkitTooltipProps = {
      * `IconArrowNortheast` when the trigger opens something in a new tab, for instance.
      */
     icon?: BitkitIconComponent;
-    /** Target for the "Learn more" link. `_blank` also sets `rel="noopener noreferrer"`. */
-    learnMoreTarget?: HTMLAnchorElement['target'];
-    /**
-     * Adds a "Learn more" link pointing here. Setting it makes the tooltip interactive, so the
-     * pointer can move into the tooltip to reach the link.
-     */
-    learnMoreUrl?: string;
     /** Called when the tooltip opens or closes, including from hover and focus. */
     onOpenChange?: TooltipRootProps['onOpenChange'];
     /** Controlled open state. Leave unset to let hover and focus drive it. */
@@ -43,7 +29,7 @@ export type BitkitTooltipProps = {
     openDelay?: TooltipRootProps['openDelay'];
     /** Where the tooltip sits relative to the trigger (default `top`). It flips if space is short. */
     placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
-    /** The tooltip's text. Plain string only — use `icon`, `learnMoreUrl` and `button` for the rest. */
+    /** The tooltip's text. Plain string only — use `icon` for a glyph after it. */
     text: string;
     /**
      * Render the trigger inside a focusable wrapper instead of on the trigger itself. Only for triggers
@@ -66,19 +52,17 @@ export type BitkitTooltipProps = {
     wrapTrigger?: boolean;
 };
 /**
- * A hover/focus tooltip anchored to its child. `text` carries the message, `icon` appends a glyph
- * after it, and `learnMoreUrl`/`button` add a link and an action.
- *
- * Setting either of those two makes the tooltip *interactive*: it gains roomier padding and stays
- * open while the pointer travels into it, so the link and the button can actually be reached.
+ * A hover/focus tooltip anchored to its child: `text` carries the message and `icon` appends a
+ * glyph after it. Text only — a tooltip closes when focus leaves its trigger and ignores touch, so a
+ * link or a button inside one couldn't be reached. For those use `BitkitToggletip`, which looks the
+ * same and opens on click.
  *
  * The content renders in a portal, so it escapes any ancestor that traps stacking (`isolation`,
  * `transform`, a `z-index`ed positioned box) or clips overflow. Dialogs turn that off through
- * `BitkitPortalContext` so an interactive tooltip stays inside the focus trap; `disablePortal` is
- * the manual override.
+ * `BitkitPortalContext`; `disablePortal` is the manual override.
  */
 declare const BitkitTooltip: {
-    ({ button, children, closeOnClick, disablePortal, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, openDelay, placement, text, wrapTrigger, }: BitkitTooltipProps): import('react').JSX.Element;
+    ({ children, closeOnClick, disablePortal, disabled, icon: Icon, onOpenChange, open, openDelay, placement, text, wrapTrigger, }: BitkitTooltipProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitTooltip;