@bitrise/bitkit-v2 0.3.179 → 0.3.181

package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.js

@@ -1,87 +1,103 @@
-import e from "../../utilities/AssetSelectChevron.js";
-import t from "../../icons/IconCheck.js";
-import n from "../../icons/IconCopy.js";
-import r from "../BitkitTooltip/BitkitTooltip.js";
-import { chakra as i, useSlotRecipe as a } from "@chakra-ui/react/styled-system";
-import { forwardRef as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useClipboard as u } from "@ark-ui/react/clipboard";
+import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
+import IconCheck from "../../icons/IconCheck.js";
+import IconCopy from "../../icons/IconCopy.js";
+import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useClipboard } from "@ark-ui/react/clipboard";
 //#region lib/components/BitkitCodeSnippet/BitkitCodeSnippet.tsx
-var d = "Copy to clipboard", f = o((o, f) => {
-	let { children: p, interactive: m, size: h = "lg", startingHeight: g, textToCopy: _, variant: v } = o, y = g !== void 0, [b, x] = s(!1), { copied: S, copy: C } = u({
+var COPY_TOOLTIP = "Copy to clipboard";
+var BitkitCodeSnippet = forwardRef((props, ref) => {
+	const { children, interactive, size = "lg", startingHeight, textToCopy, variant } = props;
+	const hasShowMore = startingHeight !== void 0;
+	const [isExpanded, setIsExpanded] = useState(false);
+	const { copied, copy } = useClipboard({
 		timeout: 2e3,
-		value: _ ?? p
-	}), w = a({ key: "codeSnippet" })({
-		size: h,
-		variant: v,
-		hasShowMore: y,
-		isExpanded: b,
-		interactive: m
-	}), T = () => {
-		x((e) => !e);
-	}, E = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), C());
-	}, D = /* @__PURE__ */ c(i.button, {
-		"aria-label": d,
-		css: w.copyButton,
-		onClick: C,
-		type: "button",
-		children: c(S ? t : n, { size: "16" })
+		value: textToCopy ?? children
+	});
+	const styles = useSlotRecipe({ key: "codeSnippet" })({
+		size,
+		variant,
+		hasShowMore,
+		isExpanded,
+		interactive
 	});
-	if (v === "inline") return m ? /* @__PURE__ */ c(r, {
-		text: d,
-		children: /* @__PURE__ */ c(i.code, {
-			ref: f,
-			css: w.root,
-			onClick: C,
-			onKeyDown: E,
-			role: "button",
-			tabIndex: 0,
-			children: p
-		})
-	}) : /* @__PURE__ */ c(i.code, {
-		ref: f,
-		css: w.root,
-		children: p
+	const handleToggleExpand = () => {
+		setIsExpanded((prev) => !prev);
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			copy();
+		}
+	};
+	const copyButton = /* @__PURE__ */ jsx(chakra.button, {
+		"aria-label": COPY_TOOLTIP,
+		css: styles.copyButton,
+		onClick: copy,
+		type: "button",
+		children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: "16" }) : /* @__PURE__ */ jsx(IconCopy, { size: "16" })
 	});
-	if (v === "single") return /* @__PURE__ */ l(i.div, {
-		ref: f,
-		css: w.root,
-		children: [/* @__PURE__ */ c(i.code, {
-			css: w.content,
+	if (variant === "inline") {
+		if (!interactive) return /* @__PURE__ */ jsx(chakra.code, {
+			ref,
+			css: styles.root,
+			children
+		});
+		return /* @__PURE__ */ jsx(BitkitTooltip, {
+			text: COPY_TOOLTIP,
+			children: /* @__PURE__ */ jsx(chakra.code, {
+				ref,
+				css: styles.root,
+				onClick: copy,
+				onKeyDown: handleKeyDown,
+				role: "button",
+				tabIndex: 0,
+				children
+			})
+		});
+	}
+	if (variant === "single") return /* @__PURE__ */ jsxs(chakra.div, {
+		ref,
+		css: styles.root,
+		children: [/* @__PURE__ */ jsx(chakra.code, {
+			css: styles.content,
 			tabIndex: -1,
-			children: p
-		}), /* @__PURE__ */ c(r, {
-			text: d,
-			children: D
+			children
+		}), /* @__PURE__ */ jsx(BitkitTooltip, {
+			text: COPY_TOOLTIP,
+			children: copyButton
 		})]
 	});
-	let O = y && !b ? g : void 0;
-	return /* @__PURE__ */ l(i.div, {
-		ref: f,
-		css: w.root,
+	const contentMaxHeight = hasShowMore && !isExpanded ? startingHeight : void 0;
+	return /* @__PURE__ */ jsxs(chakra.div, {
+		ref,
+		css: styles.root,
 		children: [
-			/* @__PURE__ */ c(i.code, {
-				css: w.content,
-				maxHeight: O,
+			/* @__PURE__ */ jsx(chakra.code, {
+				css: styles.content,
+				maxHeight: contentMaxHeight,
 				tabIndex: -1,
-				children: p
+				children
 			}),
-			/* @__PURE__ */ c(r, {
-				text: d,
-				children: D
+			/* @__PURE__ */ jsx(BitkitTooltip, {
+				text: COPY_TOOLTIP,
+				children: copyButton
 			}),
-			y && /* @__PURE__ */ l(i.div, {
-				css: w.showMoreContainer,
-				children: [!b && /* @__PURE__ */ c(i.div, { css: w.showMoreGradient }), /* @__PURE__ */ l(i.button, {
-					onClick: T,
-					css: w.showMoreButton,
-					children: [b ? "Show less" : "Show more", /* @__PURE__ */ c(e, { "data-state": b ? "open" : "closed" })]
+			hasShowMore && /* @__PURE__ */ jsxs(chakra.div, {
+				css: styles.showMoreContainer,
+				children: [!isExpanded && /* @__PURE__ */ jsx(chakra.div, { css: styles.showMoreGradient }), /* @__PURE__ */ jsxs(chakra.button, {
+					onClick: handleToggleExpand,
+					css: styles.showMoreButton,
+					children: [isExpanded ? "Show less" : "Show more", /* @__PURE__ */ jsx(AssetSelectChevron, { "data-state": isExpanded ? "open" : "closed" })]
 				})]
 			})
 		]
 	});
 });
-f.displayName = "BitkitCodeSnippet";
+BitkitCodeSnippet.displayName = "BitkitCodeSnippet";
 //#endregion
-export { f as default };
+export { BitkitCodeSnippet as default };
+
+//# sourceMappingURL=BitkitCodeSnippet.js.map

package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitCodeSnippet.js","names":[],"sources":["../../../lib/components/BitkitCodeSnippet/BitkitCodeSnippet.tsx"],"sourcesContent":["import { useClipboard } from '@ark-ui/react/clipboard';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type KeyboardEvent, useState } from 'react';\n\nimport { IconCheck, IconCopy } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\nconst COPY_TOOLTIP = 'Copy to clipboard';\n\ninterface BaseProps {\n  children: string;\n  size?: 'md' | 'lg';\n  textToCopy?: string;\n}\n\ninterface InlineProps extends BaseProps {\n  interactive?: boolean;\n  startingHeight?: never;\n  variant: 'inline';\n}\n\ninterface BlockProps extends BaseProps {\n  interactive?: never;\n  startingHeight?: number;\n  variant: 'multi' | 'single';\n}\n\nexport type BitkitCodeSnippetProps = InlineProps | BlockProps;\n\nconst BitkitCodeSnippet = forwardRef<HTMLElement, BitkitCodeSnippetProps>((props, ref) => {\n  const { children, interactive, size = 'lg', startingHeight, textToCopy, variant } = props;\n\n  const hasShowMore = startingHeight !== undefined;\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const { copied, copy } = useClipboard({ timeout: 2000, value: textToCopy ?? children });\n\n  const recipe = useSlotRecipe({ key: 'codeSnippet' });\n  const styles = recipe({ size, variant, hasShowMore, isExpanded, interactive });\n\n  const handleToggleExpand = () => {\n    setIsExpanded((prev) => !prev);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      copy();\n    }\n  };\n\n  const copyButton = (\n    <chakra.button aria-label={COPY_TOOLTIP} css={styles.copyButton} onClick={copy} type=\"button\">\n      {copied ? <IconCheck size=\"16\" /> : <IconCopy size=\"16\" />}\n    </chakra.button>\n  );\n\n  if (variant === 'inline') {\n    if (!interactive) {\n      return (\n        <chakra.code ref={ref} css={styles.root}>\n          {children}\n        </chakra.code>\n      );\n    }\n\n    return (\n      <BitkitTooltip text={COPY_TOOLTIP}>\n        <chakra.code ref={ref} css={styles.root} onClick={copy} onKeyDown={handleKeyDown} role=\"button\" tabIndex={0}>\n          {children}\n        </chakra.code>\n      </BitkitTooltip>\n    );\n  }\n\n  if (variant === 'single') {\n    return (\n      <chakra.div ref={ref} css={styles.root}>\n        <chakra.code css={styles.content} tabIndex={-1}>\n          {children}\n        </chakra.code>\n        <BitkitTooltip text={COPY_TOOLTIP}>{copyButton}</BitkitTooltip>\n      </chakra.div>\n    );\n  }\n\n  const contentMaxHeight = hasShowMore && !isExpanded ? startingHeight : undefined;\n\n  return (\n    <chakra.div ref={ref} css={styles.root}>\n      <chakra.code css={styles.content} maxHeight={contentMaxHeight} tabIndex={-1}>\n        {children}\n      </chakra.code>\n      <BitkitTooltip text={COPY_TOOLTIP}>{copyButton}</BitkitTooltip>\n      {hasShowMore && (\n        <chakra.div css={styles.showMoreContainer}>\n          {!isExpanded && <chakra.div css={styles.showMoreGradient} />}\n          <chakra.button onClick={handleToggleExpand} css={styles.showMoreButton}>\n            {isExpanded ? 'Show less' : 'Show more'}\n            <AssetSelectChevron data-state={isExpanded ? 'open' : 'closed'} />\n          </chakra.button>\n        </chakra.div>\n      )}\n    </chakra.div>\n  );\n});\n\nBitkitCodeSnippet.displayName = 'BitkitCodeSnippet';\n\nexport default BitkitCodeSnippet;\n"],"mappings":";;;;;;;;;AAQA,IAAM,eAAe;AAsBrB,IAAM,oBAAoB,YAAiD,OAAO,QAAQ;CACxF,MAAM,EAAE,UAAU,aAAa,OAAO,MAAM,gBAAgB,YAAY,YAAY;CAEpF,MAAM,cAAc,mBAAmB,KAAA;CACvC,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,MAAM,EAAE,QAAQ,SAAS,aAAa;EAAE,SAAS;EAAM,OAAO,cAAc;EAAU,CAAC;CAGvF,MAAM,SADS,cAAc,EAAE,KAAK,eAAe,CAAC,CAC9B;EAAE;EAAM;EAAS;EAAa;EAAY;EAAa,CAAC;CAE9E,MAAM,2BAA2B;AAC/B,iBAAe,SAAS,CAAC,KAAK;;CAGhC,MAAM,iBAAiB,MAAqB;AAC1C,MAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,KAAE,gBAAgB;AAClB,SAAM;;;CAIV,MAAM,aACJ,oBAAC,OAAO,QAAR;EAAe,cAAY;EAAc,KAAK,OAAO;EAAY,SAAS;EAAM,MAAK;YAClF,SAAS,oBAAC,WAAD,EAAW,MAAK,MAAO,CAAA,GAAG,oBAAC,UAAD,EAAU,MAAK,MAAO,CAAA;EAC5C,CAAA;AAGlB,KAAI,YAAY,UAAU;AACxB,MAAI,CAAC,YACH,QACE,oBAAC,OAAO,MAAR;GAAkB;GAAK,KAAK,OAAO;GAChC;GACW,CAAA;AAIlB,SACE,oBAAC,eAAD;GAAe,MAAM;aACnB,oBAAC,OAAO,MAAR;IAAkB;IAAK,KAAK,OAAO;IAAM,SAAS;IAAM,WAAW;IAAe,MAAK;IAAS,UAAU;IACvG;IACW,CAAA;GACA,CAAA;;AAIpB,KAAI,YAAY,SACd,QACE,qBAAC,OAAO,KAAR;EAAiB;EAAK,KAAK,OAAO;YAAlC,CACE,oBAAC,OAAO,MAAR;GAAa,KAAK,OAAO;GAAS,UAAU;GACzC;GACW,CAAA,EACd,oBAAC,eAAD;GAAe,MAAM;aAAe;GAA2B,CAAA,CACpD;;CAIjB,MAAM,mBAAmB,eAAe,CAAC,aAAa,iBAAiB,KAAA;AAEvE,QACE,qBAAC,OAAO,KAAR;EAAiB;EAAK,KAAK,OAAO;YAAlC;GACE,oBAAC,OAAO,MAAR;IAAa,KAAK,OAAO;IAAS,WAAW;IAAkB,UAAU;IACtE;IACW,CAAA;GACd,oBAAC,eAAD;IAAe,MAAM;cAAe;IAA2B,CAAA;GAC9D,eACC,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,CAAC,cAAc,oBAAC,OAAO,KAAR,EAAY,KAAK,OAAO,kBAAoB,CAAA,EAC5D,qBAAC,OAAO,QAAR;KAAe,SAAS;KAAoB,KAAK,OAAO;eAAxD,CACG,aAAa,cAAc,aAC5B,oBAAC,oBAAD,EAAoB,cAAY,aAAa,SAAS,UAAY,CAAA,CACpD;OACL;;GAEJ;;EAEf;AAEF,kBAAkB,cAAc"}

package/dist/components/BitkitCollapsible/BitkitCollapsible.js

@@ -1,37 +1,41 @@
-import e from "../../icons/IconChevronDown.js";
-import t from "../../icons/IconChevronUp.js";
-import n from "../BitkitLabel/BitkitLabel.js";
-import { useSlotRecipe as r } from "@chakra-ui/react/styled-system";
-import { forwardRef as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Collapsible as c } from "@chakra-ui/react/collapsible";
+import IconChevronDown from "../../icons/IconChevronDown.js";
+import IconChevronUp from "../../icons/IconChevronUp.js";
+import BitkitLabel from "../BitkitLabel/BitkitLabel.js";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Collapsible } from "@chakra-ui/react/collapsible";
 //#region lib/components/BitkitCollapsible/BitkitCollapsible.tsx
-var l = i((i, l) => {
-	let { children: u, closedLabel: d = "Show less", collapsedHeight: f = "48px", defaultOpen: p, label: m, labelProps: h, onOpenChange: g, open: _, openLabel: v = "Show more", ...y } = i, b = r({ key: "collapsible" })(), x = g ? (e) => g(e.open) : void 0;
-	return /* @__PURE__ */ s(c.Root, {
-		ref: l,
-		collapsedHeight: f,
-		css: b.root,
-		defaultOpen: p,
-		onOpenChange: x,
-		open: _,
-		...y,
+var BitkitCollapsible = forwardRef((props, ref) => {
+	const { children, closedLabel = "Show less", collapsedHeight = "48px", defaultOpen, label, labelProps, onOpenChange, open, openLabel = "Show more", ...rest } = props;
+	const styles = useSlotRecipe({ key: "collapsible" })();
+	const handleOpenChange = onOpenChange ? (details) => onOpenChange(details.open) : void 0;
+	return /* @__PURE__ */ jsxs(Collapsible.Root, {
+		ref,
+		collapsedHeight,
+		css: styles.root,
+		defaultOpen,
+		onOpenChange: handleOpenChange,
+		open,
+		...rest,
 		children: [
-			m && /* @__PURE__ */ o(n, {
-				...h,
-				children: m
+			label && /* @__PURE__ */ jsx(BitkitLabel, {
+				...labelProps,
+				children: label
 			}),
-			/* @__PURE__ */ o(c.Content, {
-				css: b.content,
-				children: u
+			/* @__PURE__ */ jsx(Collapsible.Content, {
+				css: styles.content,
+				children
 			}),
-			/* @__PURE__ */ o(c.Trigger, {
-				css: b.trigger,
-				children: /* @__PURE__ */ o(c.Context, { children: (n) => /* @__PURE__ */ s(a, { children: [n.open ? d : v, n.open ? /* @__PURE__ */ o(t, { size: "16" }) : /* @__PURE__ */ o(e, { size: "16" })] }) })
+			/* @__PURE__ */ jsx(Collapsible.Trigger, {
+				css: styles.trigger,
+				children: /* @__PURE__ */ jsx(Collapsible.Context, { children: (api) => /* @__PURE__ */ jsxs(Fragment$1, { children: [api.open ? closedLabel : openLabel, api.open ? /* @__PURE__ */ jsx(IconChevronUp, { size: "16" }) : /* @__PURE__ */ jsx(IconChevronDown, { size: "16" })] }) })
 			})
 		]
 	});
 });
-l.displayName = "BitkitCollapsible";
+BitkitCollapsible.displayName = "BitkitCollapsible";
 //#endregion
-export { l as default };
+export { BitkitCollapsible as default };
+
+//# sourceMappingURL=BitkitCollapsible.js.map

package/dist/components/BitkitCollapsible/BitkitCollapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitCollapsible.js","names":[],"sources":["../../../lib/components/BitkitCollapsible/BitkitCollapsible.tsx"],"sourcesContent":["import { Collapsible, type CollapsibleRootProps } from '@chakra-ui/react/collapsible';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\n// TODO: Investigate using AssetSelectChevron instead of IconChevronDown/IconChevronUp\nimport { IconChevronDown, IconChevronUp } from '../../icons';\nimport BitkitLabel, { type BitkitLabelProps } from '../BitkitLabel/BitkitLabel';\n\ntype UncontrolledProps = {\n  defaultOpen?: boolean;\n  open?: never;\n  onOpenChange?: never;\n};\n\ntype ControlledProps = {\n  defaultOpen?: never;\n  onOpenChange: (open: boolean) => void;\n  open: boolean;\n};\n\nexport type BitkitCollapsibleProps = Omit<\n  CollapsibleRootProps,\n  'collapsedHeight' | 'defaultOpen' | 'onOpenChange' | 'open'\n> & {\n  children: ReactNode;\n  closedLabel?: string;\n  collapsedHeight?: string;\n  label?: string;\n  labelProps?: Omit<BitkitLabelProps, 'children'>;\n  openLabel?: string;\n} & (UncontrolledProps | ControlledProps);\n\nconst BitkitCollapsible = forwardRef<HTMLDivElement, BitkitCollapsibleProps>((props, ref) => {\n  const {\n    children,\n    closedLabel = 'Show less',\n    collapsedHeight = '48px',\n    defaultOpen,\n    label,\n    labelProps,\n    onOpenChange,\n    open,\n    openLabel = 'Show more',\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'collapsible' });\n  const styles = recipe();\n\n  const handleOpenChange = onOpenChange ? (details: { open: boolean }) => onOpenChange(details.open) : undefined;\n\n  return (\n    <Collapsible.Root\n      ref={ref}\n      collapsedHeight={collapsedHeight}\n      css={styles.root}\n      defaultOpen={defaultOpen}\n      onOpenChange={handleOpenChange}\n      open={open}\n      {...rest}\n    >\n      {label && <BitkitLabel {...labelProps}>{label}</BitkitLabel>}\n      <Collapsible.Content css={styles.content}>{children}</Collapsible.Content>\n      <Collapsible.Trigger css={styles.trigger}>\n        <Collapsible.Context>\n          {(api) => (\n            <>\n              {api.open ? closedLabel : openLabel}\n              {api.open ? <IconChevronUp size=\"16\" /> : <IconChevronDown size=\"16\" />}\n            </>\n          )}\n        </Collapsible.Context>\n      </Collapsible.Trigger>\n    </Collapsible.Root>\n  );\n});\n\nBitkitCollapsible.displayName = 'BitkitCollapsible';\n\nexport default BitkitCollapsible;\n"],"mappings":";;;;;;;;AAgCA,IAAM,oBAAoB,YAAoD,OAAO,QAAQ;CAC3F,MAAM,EACJ,UACA,cAAc,aACd,kBAAkB,QAClB,aACA,OACA,YACA,cACA,MACA,YAAY,aACZ,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,eAAe,CAAC,EAC7B;CAEvB,MAAM,mBAAmB,gBAAgB,YAA+B,aAAa,QAAQ,KAAK,GAAG,KAAA;AAErG,QACE,qBAAC,YAAY,MAAb;EACO;EACY;EACjB,KAAK,OAAO;EACC;EACb,cAAc;EACR;EACN,GAAI;YAPN;GASG,SAAS,oBAAC,aAAD;IAAa,GAAI;cAAa;IAAoB,CAAA;GAC5D,oBAAC,YAAY,SAAb;IAAqB,KAAK,OAAO;IAAU;IAA+B,CAAA;GAC1E,oBAAC,YAAY,SAAb;IAAqB,KAAK,OAAO;cAC/B,oBAAC,YAAY,SAAb,EAAA,WACI,QACA,qBAAA,YAAA,EAAA,UAAA,CACG,IAAI,OAAO,cAAc,WACzB,IAAI,OAAO,oBAAC,eAAD,EAAe,MAAK,MAAO,CAAA,GAAG,oBAAC,iBAAD,EAAiB,MAAK,MAAO,CAAA,CACtE,EAAA,CAAA,EAEe,CAAA;IACF,CAAA;GACL;;EAErB;AAEF,kBAAkB,cAAc"}

package/dist/components/BitkitColorButton/BitkitColorButton.js

@@ -1,7 +1,10 @@
-import e from "../../theme/recipes/ColorButton.recipe.js";
-import { createRecipeContext as t } from "@chakra-ui/react/styled-system";
+import colorButtonRecipe from "../../theme/recipes/ColorButton.recipe.js";
+import { createRecipeContext } from "@chakra-ui/react/styled-system";
 //#region lib/components/BitkitColorButton/BitkitColorButton.tsx
-var { withContext: n } = t({ recipe: e }), r = n("button", { defaultProps: { type: "button" } });
-r.displayName = "BitkitColorButton";
+var { withContext } = createRecipeContext({ recipe: colorButtonRecipe });
+var BitkitColorButton = withContext("button", { defaultProps: { type: "button" } });
+BitkitColorButton.displayName = "BitkitColorButton";
 //#endregion
-export { r as default };
+export { BitkitColorButton as default };
+
+//# sourceMappingURL=BitkitColorButton.js.map

package/dist/components/BitkitColorButton/BitkitColorButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitColorButton.js","names":[],"sources":["../../../lib/components/BitkitColorButton/BitkitColorButton.tsx"],"sourcesContent":["import { createRecipeContext, type HTMLChakraProps, type RecipeProps } from '@chakra-ui/react/styled-system';\n\nimport colorButtonRecipe from '../../theme/recipes/ColorButton.recipe';\n\nexport type BitkitColorButtonProps = Omit<HTMLChakraProps<'button'>, 'size'> & RecipeProps<'colorButton'>;\n\nconst { withContext } = createRecipeContext({ recipe: colorButtonRecipe });\n\nconst BitkitColorButton: ReturnType<typeof withContext<HTMLButtonElement, BitkitColorButtonProps>> = withContext<\n  HTMLButtonElement,\n  BitkitColorButtonProps\n>('button', {\n  defaultProps: { type: 'button' },\n});\n\nBitkitColorButton.displayName = 'BitkitColorButton';\n\nexport default BitkitColorButton;\n"],"mappings":";;;AAMA,IAAM,EAAE,gBAAgB,oBAAoB,EAAE,QAAQ,mBAAmB,CAAC;AAE1E,IAAM,oBAA+F,YAGnG,UAAU,EACV,cAAc,EAAE,MAAM,UAAU,EACjC,CAAC;AAEF,kBAAkB,cAAc"}

package/dist/components/BitkitCombobox/BitkitCombobox.js

@@ -1,74 +1,85 @@
-import e from "../../utilities/AssetSelectChevron.js";
-import t from "../../icons/IconErrorCircleFilled.js";
-import n from "../../icons/IconWarningYellow.js";
-import r from "../BitkitCloseButton/BitkitCloseButton.js";
-import i from "../BitkitSelectMenu/BitkitSelectMenu.js";
-import a from "../BitkitField/BitkitField.js";
-import { useSlotRecipe as o } from "@chakra-ui/react/styled-system";
-import { Text as s } from "@chakra-ui/react/text";
-import { forwardRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Portal as d } from "@chakra-ui/react/portal";
-import { Combobox as f } from "@chakra-ui/react/combobox";
-import { useListCollection as p } from "@chakra-ui/react/hooks";
-import { useFilter as m } from "@chakra-ui/react/locale";
+import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
+import IconErrorCircleFilled from "../../icons/IconErrorCircleFilled.js";
+import IconWarningYellow from "../../icons/IconWarningYellow.js";
+import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
+import BitkitSelectMenu from "../BitkitSelectMenu/BitkitSelectMenu.js";
+import BitkitField from "../BitkitField/BitkitField.js";
+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";
+import { Portal } from "@chakra-ui/react/portal";
+import { Combobox } from "@chakra-ui/react/combobox";
+import { useListCollection } from "@chakra-ui/react/hooks";
+import { useFilter } from "@chakra-ui/react/locale";
 //#region lib/components/BitkitCombobox/BitkitCombobox.tsx
-var h = c((c, h) => {
-	let { comboboxProps: g, contentProps: _, createItemHref: v, createItemLabel: y, createItemProps: b, hasSearch: x, isLoading: S, items: C, onCreateItem: w, onSearchChange: T, placeholder: E = "Enter a value or select", size: D, state: O, ...k } = c, { contains: A } = m({ sensitivity: "base" }), { collection: j, filter: M } = p({
-		initialItems: C,
-		filter: (e, t, n) => A(n.label, t)
-	}), N = o({ key: "combobox" })({ size: D }), P = O === "warning" || !!k.warningText, F = O === "error" || !!k.errorText, I = D === "md" ? "16" : "24", L;
-	return F ? L = /* @__PURE__ */ l(t, {
-		size: I,
+var BitkitCombobox = forwardRef((props, ref) => {
+	const { comboboxProps, contentProps, createItemHref, createItemLabel, createItemProps, hasSearch, isLoading, items, onCreateItem, onSearchChange, placeholder = "Enter a value or select", size, state, ...fieldProps } = props;
+	const { contains } = useFilter({ sensitivity: "base" });
+	const { collection, filter } = useListCollection({
+		initialItems: items,
+		filter: (_itemText, filterText, item) => contains(item.label, filterText)
+	});
+	const styles = useSlotRecipe({ key: "combobox" })({ size });
+	const hasWarning = state === "warning" || !!fieldProps.warningText;
+	const isInvalid = state === "error" || !!fieldProps.errorText;
+	const iconSize = size === "md" ? "16" : "24";
+	let statusIcon;
+	if (isInvalid) statusIcon = /* @__PURE__ */ jsx(IconErrorCircleFilled, {
+		size: iconSize,
 		color: "icon/negative"
-	}) : P && (L = /* @__PURE__ */ l(n, { size: I })), /* @__PURE__ */ l(a, {
-		ref: h,
-		state: O,
-		...k,
-		children: /* @__PURE__ */ u(f.Root, {
-			...g,
-			collection: j,
-			disabled: O === "disabled",
-			invalid: F,
+	});
+	else if (hasWarning) statusIcon = /* @__PURE__ */ jsx(IconWarningYellow, { size: iconSize });
+	return /* @__PURE__ */ jsx(BitkitField, {
+		ref,
+		state,
+		...fieldProps,
+		children: /* @__PURE__ */ jsxs(Combobox.Root, {
+			...comboboxProps,
+			collection,
+			disabled: state === "disabled",
+			invalid: isInvalid,
 			onInputValueChange: (e) => {
-				M(e.inputValue);
+				filter(e.inputValue);
 			},
-			readOnly: O === "readOnly",
-			size: D,
-			children: [/* @__PURE__ */ u(f.Control, {
+			readOnly: state === "readOnly",
+			size,
+			children: [/* @__PURE__ */ jsxs(Combobox.Control, {
 				className: "group",
-				children: [/* @__PURE__ */ l(f.Input, { placeholder: E }), /* @__PURE__ */ u(f.IndicatorGroup, { children: [
-					/* @__PURE__ */ l(f.ClearTrigger, {
-						asChild: !0,
-						children: /* @__PURE__ */ l(r, { size: "sm" })
+				children: [/* @__PURE__ */ jsx(Combobox.Input, { placeholder }), /* @__PURE__ */ jsxs(Combobox.IndicatorGroup, { children: [
+					/* @__PURE__ */ jsx(Combobox.ClearTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(BitkitCloseButton, { size: "sm" })
 					}),
-					L,
-					/* @__PURE__ */ l(f.Trigger, {
-						asChild: !0,
-						children: /* @__PURE__ */ l(e, {})
+					statusIcon,
+					/* @__PURE__ */ jsx(Combobox.Trigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(AssetSelectChevron, {})
 					})
 				] })]
-			}), /* @__PURE__ */ l(d, { children: /* @__PURE__ */ l(f.Positioner, { children: /* @__PURE__ */ u(f.Content, { children: [/* @__PURE__ */ u(f.Empty, { children: ["No items found ", /* @__PURE__ */ l(s, {
-				css: N.emptyHelperText,
+			}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, { children: /* @__PURE__ */ jsxs(Combobox.Content, { children: [/* @__PURE__ */ jsxs(Combobox.Empty, { children: ["No items found ", /* @__PURE__ */ jsx(Text, {
+				css: styles.emptyHelperText,
 				children: "Enter custom value"
-			})] }), /* @__PURE__ */ l(i, {
-				collection: j,
-				createItemHref: v,
-				createItemLabel: y,
-				createItemProps: b,
-				contentProps: _,
-				isLoading: S,
-				onCreateItem: w,
-				size: D,
+			})] }), /* @__PURE__ */ jsx(BitkitSelectMenu, {
+				collection,
+				createItemHref,
+				createItemLabel,
+				createItemProps,
+				contentProps,
+				isLoading,
+				onCreateItem,
+				size,
 				variant: "combobox",
-				...x ? {
-					hasSearch: !0,
-					onSearchChange: T
-				} : { hasSearch: !1 }
+				...hasSearch ? {
+					hasSearch: true,
+					onSearchChange
+				} : { hasSearch: false }
 			})] }) }) })]
 		})
 	});
 });
-h.displayName = "BitkitCombobox";
+BitkitCombobox.displayName = "BitkitCombobox";
 //#endregion
-export { h as default };
+export { BitkitCombobox as default };
+
+//# sourceMappingURL=BitkitCombobox.js.map

package/dist/components/BitkitCombobox/BitkitCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitCombobox.js","names":[],"sources":["../../../lib/components/BitkitCombobox/BitkitCombobox.tsx"],"sourcesContent":["import { Combobox, type ComboboxRootProps } from '@chakra-ui/react/combobox';\nimport { useListCollection } from '@chakra-ui/react/hooks';\nimport { useFilter } from '@chakra-ui/react/locale';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef } from 'react';\n\nimport IconErrorCircleFilled from '../../icons/IconErrorCircleFilled';\nimport IconWarningYellow from '../../icons/IconWarningYellow';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\nimport BitkitSelectMenu, {\n  type BitkitSelectContentProps,\n  type BitkitSelectMenuCreateItemProps,\n  type BitkitSelectMenuItemProps,\n  type BitkitSelectMenuSearchProps,\n} from '../BitkitSelectMenu/BitkitSelectMenu';\n\nexport type BitkitComboboxProps = Omit<BitkitFieldProps, 'children' | 'state'> & {\n  comboboxProps?: ComboboxRootProps;\n  contentProps?: BitkitSelectContentProps;\n  isLoading?: boolean;\n  items: Array<BitkitSelectMenuItemProps>;\n  placeholder?: string;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps;\n\nconst BitkitCombobox = forwardRef<HTMLDivElement, BitkitComboboxProps>((props: BitkitComboboxProps, ref) => {\n  const {\n    comboboxProps,\n    contentProps,\n    createItemHref,\n    createItemLabel,\n    createItemProps,\n    hasSearch,\n    isLoading,\n    items,\n    onCreateItem,\n    onSearchChange,\n    placeholder = 'Enter a value or select',\n    size,\n    state,\n    ...fieldProps\n  } = props;\n\n  const { contains } = useFilter({ sensitivity: 'base' });\n  const { collection, filter } = useListCollection<BitkitSelectMenuItemProps>({\n    initialItems: items,\n    filter: (_itemText, filterText, item) => contains(item.label, filterText),\n  });\n\n  const comboboxRecipe = useSlotRecipe({ key: 'combobox' });\n  const styles = comboboxRecipe({ size });\n\n  const hasWarning = state === 'warning' || !!fieldProps.warningText;\n  const isInvalid = state === 'error' || !!fieldProps.errorText;\n  const iconSize = size === 'md' ? '16' : '24';\n\n  let statusIcon;\n  if (isInvalid) {\n    statusIcon = <IconErrorCircleFilled size={iconSize} color=\"icon/negative\" />;\n  } else if (hasWarning) {\n    statusIcon = <IconWarningYellow size={iconSize} />;\n  }\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <Combobox.Root\n        {...comboboxProps}\n        collection={collection}\n        disabled={state === 'disabled'}\n        invalid={isInvalid}\n        onInputValueChange={(e) => {\n          filter(e.inputValue);\n        }}\n        readOnly={state === 'readOnly'}\n        size={size}\n      >\n        <Combobox.Control className=\"group\">\n          <Combobox.Input placeholder={placeholder} />\n          <Combobox.IndicatorGroup>\n            <Combobox.ClearTrigger asChild>\n              <BitkitCloseButton size=\"sm\" />\n            </Combobox.ClearTrigger>\n            {statusIcon}\n            <Combobox.Trigger asChild>\n              <AssetSelectChevron />\n            </Combobox.Trigger>\n          </Combobox.IndicatorGroup>\n        </Combobox.Control>\n        <Portal>\n          <Combobox.Positioner>\n            <Combobox.Content>\n              <Combobox.Empty>\n                No items found <Text css={styles.emptyHelperText}>Enter custom value</Text>\n              </Combobox.Empty>\n              <BitkitSelectMenu\n                collection={collection}\n                createItemHref={createItemHref}\n                createItemLabel={createItemLabel}\n                createItemProps={createItemProps}\n                contentProps={contentProps}\n                isLoading={isLoading}\n                onCreateItem={onCreateItem}\n                size={size}\n                variant=\"combobox\"\n                {...(hasSearch ? { hasSearch: true, onSearchChange } : { hasSearch: false as const })}\n              />\n            </Combobox.Content>\n          </Combobox.Positioner>\n        </Portal>\n      </Combobox.Root>\n    </BitkitField>\n  );\n});\n\nBitkitCombobox.displayName = 'BitkitCombobox';\n\nexport default BitkitCombobox;\n"],"mappings":";;;;;;;;;;;;;;;AA+BA,IAAM,iBAAiB,YAAiD,OAA4B,QAAQ;CAC1G,MAAM,EACJ,eACA,cACA,gBACA,iBACA,iBACA,WACA,WACA,OACA,cACA,gBACA,cAAc,2BACd,MACA,OACA,GAAG,eACD;CAEJ,MAAM,EAAE,aAAa,UAAU,EAAE,aAAa,QAAQ,CAAC;CACvD,MAAM,EAAE,YAAY,WAAW,kBAA6C;EAC1E,cAAc;EACd,SAAS,WAAW,YAAY,SAAS,SAAS,KAAK,OAAO,WAAW;EAC1E,CAAC;CAGF,MAAM,SADiB,cAAc,EAAE,KAAK,YAAY,CAAC,CAC3B,EAAE,MAAM,CAAC;CAEvC,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CACpD,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,IAAI;AACJ,KAAI,UACF,cAAa,oBAAC,uBAAD;EAAuB,MAAM;EAAU,OAAM;EAAkB,CAAA;UACnE,WACT,cAAa,oBAAC,mBAAD,EAAmB,MAAM,UAAY,CAAA;AAGpD,QACE,oBAAC,aAAD;EAAkB;EAAY;EAAO,GAAI;YACvC,qBAAC,SAAS,MAAV;GACE,GAAI;GACQ;GACZ,UAAU,UAAU;GACpB,SAAS;GACT,qBAAqB,MAAM;AACzB,WAAO,EAAE,WAAW;;GAEtB,UAAU,UAAU;GACd;aATR,CAWE,qBAAC,SAAS,SAAV;IAAkB,WAAU;cAA5B,CACE,oBAAC,SAAS,OAAV,EAA6B,aAAe,CAAA,EAC5C,qBAAC,SAAS,gBAAV,EAAA,UAAA;KACE,oBAAC,SAAS,cAAV;MAAuB,SAAA;gBACrB,oBAAC,mBAAD,EAAmB,MAAK,MAAO,CAAA;MACT,CAAA;KACvB;KACD,oBAAC,SAAS,SAAV;MAAkB,SAAA;gBAChB,oBAAC,oBAAD,EAAsB,CAAA;MACL,CAAA;KACK,EAAA,CAAA,CACT;OACnB,oBAAC,QAAD,EAAA,UACE,oBAAC,SAAS,YAAV,EAAA,UACE,qBAAC,SAAS,SAAV,EAAA,UAAA,CACE,qBAAC,SAAS,OAAV,EAAA,UAAA,CAAgB,mBACC,oBAAC,MAAD;IAAM,KAAK,OAAO;cAAiB;IAAyB,CAAA,CAC5D,EAAA,CAAA,EACjB,oBAAC,kBAAD;IACc;IACI;IACC;IACA;IACH;IACH;IACG;IACR;IACN,SAAQ;IACR,GAAK,YAAY;KAAE,WAAW;KAAM;KAAgB,GAAG,EAAE,WAAW,OAAgB;IACpF,CAAA,CACe,EAAA,CAAA,EACC,CAAA,EACf,CAAA,CACK;;EACJ,CAAA;EAEhB;AAEF,eAAe,cAAc"}

package/dist/components/BitkitControlButton/BitkitControlButton.js

@@ -1,30 +1,34 @@
-import e from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
-import { chakra as t, useRecipe as n } from "@chakra-ui/react/styled-system";
-import { forwardRef as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { Skeleton as a } from "@chakra-ui/react/skeleton";
+import BitkitLabelTooltip from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
+import { chakra, useRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Skeleton } from "@chakra-ui/react/skeleton";
 //#region lib/components/BitkitControlButton/BitkitControlButton.tsx
-var o = r((r, o) => {
-	let { icon: s, isDanger: c, label: l, size: u = "sm", state: d, tooltipProps: f, ...p } = r, m = n({ key: "controlButton" }), h = u === "xxs" || u === "xs" ? "16" : "24";
-	return /* @__PURE__ */ i(e, {
-		text: l,
-		...f,
-		children: /* @__PURE__ */ i(t.button, {
-			ref: o,
-			"aria-label": l,
-			disabled: d === "disabled" || d === "skeleton",
-			...p,
-			css: m({
-				isDanger: c,
-				size: u
+var BitkitControlButton = forwardRef((props, ref) => {
+	const { icon: Icon, isDanger, label, size = "sm", state, tooltipProps, ...rest } = props;
+	const recipe = useRecipe({ key: "controlButton" });
+	const iconSize = size === "xxs" || size === "xs" ? "16" : "24";
+	return /* @__PURE__ */ jsx(BitkitLabelTooltip, {
+		text: label,
+		...tooltipProps,
+		children: /* @__PURE__ */ jsx(chakra.button, {
+			ref,
+			"aria-label": label,
+			disabled: state === "disabled" || state === "skeleton",
+			...rest,
+			css: recipe({
+				isDanger,
+				size
 			}),
-			children: /* @__PURE__ */ i(a, {
-				loading: d === "skeleton",
-				children: /* @__PURE__ */ i(s, { size: h })
+			children: /* @__PURE__ */ jsx(Skeleton, {
+				loading: state === "skeleton",
+				children: /* @__PURE__ */ jsx(Icon, { size: iconSize })
 			})
 		})
 	});
 });
-o.displayName = "BitkitControlButton";
+BitkitControlButton.displayName = "BitkitControlButton";
 //#endregion
-export { o as default };
+export { BitkitControlButton as default };
+
+//# sourceMappingURL=BitkitControlButton.js.map

package/dist/components/BitkitControlButton/BitkitControlButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitControlButton.js","names":[],"sources":["../../../lib/components/BitkitControlButton/BitkitControlButton.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, type HTMLChakraProps, useRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitLabelTooltip, { type BitkitLabelTooltipProps } from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\ntype ControlButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';\n\nexport interface BitkitControlButtonProps extends Omit<HTMLChakraProps<'button'>, 'children' | 'disabled' | 'size'> {\n  icon: BitkitIconComponent;\n  isDanger?: boolean;\n  label: string;\n  size?: ControlButtonSize;\n  state?: 'disabled' | 'skeleton';\n  tooltipProps?: Partial<Omit<BitkitLabelTooltipProps, 'children' | 'text'>>;\n}\n\nconst BitkitControlButton = forwardRef<HTMLButtonElement, BitkitControlButtonProps>((props, ref) => {\n  const { icon: Icon, isDanger, label, size = 'sm', state, tooltipProps, ...rest } = props;\n\n  const recipe = useRecipe({ key: 'controlButton' });\n  const iconSize = size === 'xxs' || size === 'xs' ? '16' : '24';\n\n  return (\n    <BitkitLabelTooltip text={label} {...tooltipProps}>\n      <chakra.button\n        ref={ref}\n        aria-label={label}\n        disabled={state === 'disabled' || state === 'skeleton'}\n        {...rest}\n        css={recipe({ isDanger, size })}\n      >\n        <Skeleton loading={state === 'skeleton'}>\n          <Icon size={iconSize} />\n        </Skeleton>\n      </chakra.button>\n    </BitkitLabelTooltip>\n  );\n});\n\nBitkitControlButton.displayName = 'BitkitControlButton';\n\nexport default BitkitControlButton;\n"],"mappings":";;;;;;AAkBA,IAAM,sBAAsB,YAAyD,OAAO,QAAQ;CAClG,MAAM,EAAE,MAAM,MAAM,UAAU,OAAO,OAAO,MAAM,OAAO,cAAc,GAAG,SAAS;CAEnF,MAAM,SAAS,UAAU,EAAE,KAAK,iBAAiB,CAAC;CAClD,MAAM,WAAW,SAAS,SAAS,SAAS,OAAO,OAAO;AAE1D,QACE,oBAAC,oBAAD;EAAoB,MAAM;EAAO,GAAI;YACnC,oBAAC,OAAO,QAAR;GACO;GACL,cAAY;GACZ,UAAU,UAAU,cAAc,UAAU;GAC5C,GAAI;GACJ,KAAK,OAAO;IAAE;IAAU;IAAM,CAAC;aAE/B,oBAAC,UAAD;IAAU,SAAS,UAAU;cAC3B,oBAAC,MAAD,EAAM,MAAM,UAAY,CAAA;IACf,CAAA;GACG,CAAA;EACG,CAAA;EAEvB;AAEF,oBAAoB,cAAc"}

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js

@@ -1,36 +1,39 @@
-import { chakra as e, useRecipe as t } from "@chakra-ui/react/styled-system";
-import { useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Tooltip as a } from "@chakra-ui/react/tooltip";
+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";
 //#region lib/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.tsx
-var o = ({ children: o, method: s = "click", placement: c = "top", text: l }) => {
-	let u = t({ key: "definitionTooltip" }), [d, f] = n(!1);
-	return /* @__PURE__ */ i(a.Root, {
-		onOpenChange: s === "click" ? ({ open: e }) => {
-			e || f(!1);
+var BitkitDefinitionTooltip = ({ children, method = "click", placement = "top", text }) => {
+	const style = useRecipe({ key: "definitionTooltip" });
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(Tooltip.Root, {
+		onOpenChange: method === "click" ? ({ open: nextOpen }) => {
+			if (!nextOpen) setOpen(false);
 		} : void 0,
-		open: s === "click" ? d : void 0,
-		closeOnClick: s === "click" ? !1 : void 0,
-		openDelay: s === "click" ? Infinity : void 0,
+		open: method === "click" ? open : void 0,
+		closeOnClick: method === "click" ? false : void 0,
+		openDelay: method === "click" ? Infinity : void 0,
 		positioning: {
-			placement: c,
+			placement,
 			offset: {
 				mainAxis: 8,
 				crossAxis: 0
 			}
 		},
-		children: [/* @__PURE__ */ r(a.Trigger, {
-			asChild: !0,
-			children: /* @__PURE__ */ r(e.button, {
-				"aria-expanded": s === "click" ? d : void 0,
-				css: u({ method: s }),
-				onClick: s === "click" ? () => f(!d) : void 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: o
+				children
 			})
-		}), /* @__PURE__ */ r(a.Positioner, { children: /* @__PURE__ */ i(a.Content, { children: [/* @__PURE__ */ r(a.Arrow, { children: /* @__PURE__ */ r(a.ArrowTip, {}) }), l] }) })]
+		}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip.Content, { children: [/* @__PURE__ */ jsx(Tooltip.Arrow, { children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {}) }), text] }) })]
 	});
 };
-o.displayName = "BitkitDefinitionTooltip";
+BitkitDefinitionTooltip.displayName = "BitkitDefinitionTooltip";
 //#endregion
-export { o as default };
+export { BitkitDefinitionTooltip as default };
+
+//# sourceMappingURL=BitkitDefinitionTooltip.js.map

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

@@ -0,0 +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"}