@bitrise/bitkit-v2 0.3.179 → 0.3.180

package/dist/components/BitkitLabel/BitkitLabel.js

@@ -1,58 +1,67 @@
-import e from "../../icons/IconInfoCircle.js";
-import t from "../BitkitTooltip/BitkitTooltip.js";
-import { chakra as n, useSlotRecipe as r } from "@chakra-ui/react/styled-system";
-import { Text as i } from "@chakra-ui/react/text";
-import { cloneElement as a, forwardRef as o, isValidElement as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useFieldContext as u } from "@chakra-ui/react/field";
-import { Flex as d } from "@chakra-ui/react/flex";
+import IconInfoCircle from "../../icons/IconInfoCircle.js";
+import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { Text } from "@chakra-ui/react/text";
+import { cloneElement, forwardRef, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFieldContext } from "@chakra-ui/react/field";
+import { Flex } from "@chakra-ui/react/flex";
 //#region lib/components/BitkitLabel/BitkitLabel.tsx
-var f = {
+var disabledStyles = {
 	color: "text/disabled",
 	"& > span": { color: "text/disabled" }
-}, p = o((o, p) => {
-	let { badge: m, counterText: h, css: g, disabled: _, children: v, optional: y, tooltip: b, ...x } = o, S = u(), C = r({ key: "field" })(), w = _ ?? S?.disabled, T = y ?? (S ? !S.required : void 0), E = w ? {
+};
+var BitkitLabel = forwardRef((props, ref) => {
+	const { badge, counterText, css, disabled: disabledProp, children, optional: optionalProp, tooltip, ...rest } = props;
+	const field = useFieldContext();
+	const styles = useSlotRecipe({ key: "field" })();
+	const disabled = disabledProp ?? field?.disabled;
+	const optional = optionalProp ?? (field ? !field.required : void 0);
+	const badgeProps = disabled ? {
 		colorPalette: "neutral",
 		size: "xxs"
-	} : { size: "xxs" }, D = s(m) ? a(m, E) : m;
-	return /* @__PURE__ */ l(n.label, {
-		ref: p,
+	} : { size: "xxs" };
+	const renderedBadge = isValidElement(badge) ? cloneElement(badge, badgeProps) : badge;
+	return /* @__PURE__ */ jsxs(chakra.label, {
+		ref,
 		css: [
-			C.label,
-			w && f,
-			g
+			styles.label,
+			disabled && disabledStyles,
+			css
 		],
-		"data-disabled": w || void 0,
-		...x,
+		"data-disabled": disabled || void 0,
+		...rest,
 		children: [
-			v,
+			children,
 			" ",
-			T && /* @__PURE__ */ c(i, {
+			optional && /* @__PURE__ */ jsx(Text, {
 				as: "span",
 				textStyle: "body/md/regular",
 				children: "(optional)"
 			}),
-			!!b && /* @__PURE__ */ c(t, {
-				text: b,
-				children: /* @__PURE__ */ c(e, {
+			!!tooltip && /* @__PURE__ */ jsx(BitkitTooltip, {
+				text: tooltip,
+				children: /* @__PURE__ */ jsx(IconInfoCircle, {
 					size: "16",
 					color: "icon/tertiary"
 				})
 			}),
-			(!!h || !!m) && /* @__PURE__ */ l(d, {
+			(!!counterText || !!badge) && /* @__PURE__ */ jsxs(Flex, {
 				alignItems: "center",
 				gap: "4",
 				marginInlineStart: "auto",
-				children: [!!h && /* @__PURE__ */ c(i, {
+				children: [!!counterText && /* @__PURE__ */ jsx(Text, {
 					as: "span",
-					color: w ? "text/disabled" : "input/text/helper",
+					color: disabled ? "text/disabled" : "input/text/helper",
 					textStyle: "comp/input/helperText",
-					children: h
-				}), D]
+					children: counterText
+				}), renderedBadge]
 			})
 		]
 	});
 });
-p.displayName = "BitkitLabel";
+BitkitLabel.displayName = "BitkitLabel";
 //#endregion
-export { p as default };
+export { BitkitLabel as default };
+
+//# sourceMappingURL=BitkitLabel.js.map

package/dist/components/BitkitLabel/BitkitLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitLabel.js","names":[],"sources":["../../../lib/components/BitkitLabel/BitkitLabel.tsx"],"sourcesContent":["import { type BadgeProps } from '@chakra-ui/react/badge';\nimport { useFieldContext } from '@chakra-ui/react/field';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { chakra, type HTMLChakraProps, type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { cloneElement, forwardRef, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport { IconInfoCircle } from '../../icons';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\nexport interface BitkitLabelProps extends Omit<HTMLChakraProps<'label'>, 'children'> {\n  badge?: ReactNode;\n  counterText?: string;\n  disabled?: boolean;\n  children?: string;\n  optional?: boolean;\n  tooltip?: string;\n}\n\nconst disabledStyles: SystemStyleObject = {\n  color: 'text/disabled',\n  '& > span': { color: 'text/disabled' },\n};\n\nconst BitkitLabel = forwardRef<HTMLLabelElement, BitkitLabelProps>((props, ref) => {\n  const { badge, counterText, css, disabled: disabledProp, children, optional: optionalProp, tooltip, ...rest } = props;\n\n  const field = useFieldContext();\n  const styles = useSlotRecipe({ key: 'field' })();\n\n  const disabled = disabledProp ?? field?.disabled;\n  const optional = optionalProp ?? (field ? !field.required : undefined);\n\n  const badgeProps = disabled ? ({ colorPalette: 'neutral', size: 'xxs' } as const) : ({ size: 'xxs' } as const);\n  const renderedBadge = isValidElement(badge) ? cloneElement(badge as ReactElement<BadgeProps>, badgeProps) : badge;\n\n  return (\n    <chakra.label\n      ref={ref}\n      css={[styles.label, disabled && disabledStyles, css]}\n      data-disabled={disabled || undefined}\n      {...rest}\n    >\n      {children}{' '}\n      {optional && (\n        <Text as=\"span\" textStyle=\"body/md/regular\">\n          (optional)\n        </Text>\n      )}\n      {!!tooltip && (\n        <BitkitTooltip text={tooltip}>\n          <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n        </BitkitTooltip>\n      )}\n      {(!!counterText || !!badge) && (\n        <Flex alignItems=\"center\" gap=\"4\" marginInlineStart=\"auto\">\n          {!!counterText && (\n            <Text as=\"span\" color={disabled ? 'text/disabled' : 'input/text/helper'} textStyle=\"comp/input/helperText\">\n              {counterText}\n            </Text>\n          )}\n          {renderedBadge}\n        </Flex>\n      )}\n    </chakra.label>\n  );\n});\n\nBitkitLabel.displayName = 'BitkitLabel';\n\nexport default BitkitLabel;\n"],"mappings":";;;;;;;;;AAmBA,IAAM,iBAAoC;CACxC,OAAO;CACP,YAAY,EAAE,OAAO,iBAAiB;CACvC;AAED,IAAM,cAAc,YAAgD,OAAO,QAAQ;CACjF,MAAM,EAAE,OAAO,aAAa,KAAK,UAAU,cAAc,UAAU,UAAU,cAAc,SAAS,GAAG,SAAS;CAEhH,MAAM,QAAQ,iBAAiB;CAC/B,MAAM,SAAS,cAAc,EAAE,KAAK,SAAS,CAAC,EAAE;CAEhD,MAAM,WAAW,gBAAgB,OAAO;CACxC,MAAM,WAAW,iBAAiB,QAAQ,CAAC,MAAM,WAAW,KAAA;CAE5D,MAAM,aAAa,WAAY;EAAE,cAAc;EAAW,MAAM;EAAO,GAAc,EAAE,MAAM,OAAO;CACpG,MAAM,gBAAgB,eAAe,MAAM,GAAG,aAAa,OAAmC,WAAW,GAAG;AAE5G,QACE,qBAAC,OAAO,OAAR;EACO;EACL,KAAK;GAAC,OAAO;GAAO,YAAY;GAAgB;GAAI;EACpD,iBAAe,YAAY,KAAA;EAC3B,GAAI;YAJN;GAMG;GAAU;GACV,YACC,oBAAC,MAAD;IAAM,IAAG;IAAO,WAAU;cAAkB;IAErC,CAAA;GAER,CAAC,CAAC,WACD,oBAAC,eAAD;IAAe,MAAM;cACnB,oBAAC,gBAAD;KAAgB,MAAK;KAAK,OAAM;KAAkB,CAAA;IACpC,CAAA;IAEhB,CAAC,CAAC,eAAe,CAAC,CAAC,UACnB,qBAAC,MAAD;IAAM,YAAW;IAAS,KAAI;IAAI,mBAAkB;cAApD,CACG,CAAC,CAAC,eACD,oBAAC,MAAD;KAAM,IAAG;KAAO,OAAO,WAAW,kBAAkB;KAAqB,WAAU;eAChF;KACI,CAAA,EAER,cACI;;GAEI;;EAEjB;AAEF,YAAY,cAAc"}

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js

@@ -1,22 +1,26 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Tooltip as n } from "@chakra-ui/react/tooltip";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@chakra-ui/react/tooltip";
 //#region lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx
-var r = ({ children: r, disabled: i, placement: a = "top", text: o }) => /* @__PURE__ */ t(n.Root, {
-	disabled: i,
-	paddingSize: "sm",
-	positioning: {
-		placement: a,
-		offset: {
-			mainAxis: 8,
-			crossAxis: 0
-		}
-	},
-	textStyle: "sm/semibold",
-	children: [/* @__PURE__ */ e(n.Trigger, {
-		asChild: !0,
-		children: r
-	}), /* @__PURE__ */ e(n.Positioner, { children: /* @__PURE__ */ e(n.Content, { children: o }) })]
-});
-r.displayName = "BitkitLabelTooltip";
+var BitkitLabelTooltip = ({ children, disabled, placement = "top", text }) => {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, {
+		disabled,
+		paddingSize: "sm",
+		positioning: {
+			placement,
+			offset: {
+				mainAxis: 8,
+				crossAxis: 0
+			}
+		},
+		textStyle: "sm/semibold",
+		children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+			asChild: true,
+			children
+		}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Content, { children: text }) })]
+	});
+};
+BitkitLabelTooltip.displayName = "BitkitLabelTooltip";
 //#endregion
-export { r as default };
+export { BitkitLabelTooltip as default };
+
+//# sourceMappingURL=BitkitLabelTooltip.js.map

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitLabelTooltip.js","names":[],"sources":["../../../lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nexport type BitkitLabelTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitLabelTooltip = ({ children, disabled, placement = 'top', text }: BitkitLabelTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n      textStyle=\"sm/semibold\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content>{text}</Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitLabelTooltip.displayName = 'BitkitLabelTooltip';\n\nexport default BitkitLabelTooltip;\n"],"mappings":";;;AAUA,IAAM,sBAAsB,EAAE,UAAU,UAAU,YAAY,OAAO,WAAoC;AACvG,QACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;EACjE,WAAU;YAJZ,CAME,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT,EAAA,UAAkB,MAAuB,CAAA,EACtB,CAAA,CACR;;;AAInB,mBAAmB,cAAc"}

package/dist/components/BitkitLink/BitkitLink.js

@@ -1,20 +1,22 @@
-import { forwardRef as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Link as r } from "@chakra-ui/react/link";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "@chakra-ui/react/link";
 //#region lib/components/BitkitLink/BitkitLink.tsx
-var i = e((e, i) => {
-	let { children: a, href: o, suffixIcon: s, suffixIconSize: c, state: l, ...u } = e;
-	return /* @__PURE__ */ n(r, {
-		"aria-disabled": l === "disabled" ? !0 : void 0,
-		href: l === "disabled" ? void 0 : o,
-		ref: i,
-		...u,
-		children: [a, s && (c ? /* @__PURE__ */ t(s, { size: c }) : /* @__PURE__ */ t(s, { css: {
+var BitkitLink = forwardRef((props, ref) => {
+	const { children, href, suffixIcon: SuffixIcon, suffixIconSize, state, ...rest } = props;
+	return /* @__PURE__ */ jsxs(Link, {
+		"aria-disabled": state === "disabled" ? true : void 0,
+		href: state === "disabled" ? void 0 : href,
+		ref,
+		...rest,
+		children: [children, SuffixIcon && (suffixIconSize ? /* @__PURE__ */ jsx(SuffixIcon, { size: suffixIconSize }) : /* @__PURE__ */ jsx(SuffixIcon, { css: {
 			height: "1lh",
 			width: "1lh"
 		} }))]
 	});
 });
-i.displayName = "BitkitLink";
+BitkitLink.displayName = "BitkitLink";
 //#endregion
-export { i as default };
+export { BitkitLink as default };
+
+//# sourceMappingURL=BitkitLink.js.map

package/dist/components/BitkitLink/BitkitLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitLink.js","names":[],"sources":["../../../lib/components/BitkitLink/BitkitLink.tsx"],"sourcesContent":["import { Link, type LinkProps } from '@chakra-ui/react/link';\nimport { type ComponentPropsWithoutRef, forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport interface BitkitLinkProps extends LinkProps {\n  suffixIcon?: BitkitIconComponent;\n  suffixIconSize?: ComponentPropsWithoutRef<BitkitIconComponent>['size'];\n  state?: 'disabled';\n}\n\nconst BitkitLink = forwardRef<HTMLAnchorElement, BitkitLinkProps>((props, ref) => {\n  const { children, href, suffixIcon: SuffixIcon, suffixIconSize, state, ...rest } = props;\n\n  return (\n    <Link\n      aria-disabled={state === 'disabled' ? true : undefined}\n      href={state === 'disabled' ? undefined : href}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n      {SuffixIcon &&\n        (suffixIconSize ? <SuffixIcon size={suffixIconSize} /> : <SuffixIcon css={{ height: '1lh', width: '1lh' }} />)}\n    </Link>\n  );\n});\n\nBitkitLink.displayName = 'BitkitLink';\n\nexport default BitkitLink;\n"],"mappings":";;;;AAWA,IAAM,aAAa,YAAgD,OAAO,QAAQ;CAChF,MAAM,EAAE,UAAU,MAAM,YAAY,YAAY,gBAAgB,OAAO,GAAG,SAAS;AAEnF,QACE,qBAAC,MAAD;EACE,iBAAe,UAAU,aAAa,OAAO,KAAA;EAC7C,MAAM,UAAU,aAAa,KAAA,IAAY;EACpC;EACL,GAAI;YAJN,CAMG,UACA,eACE,iBAAiB,oBAAC,YAAD,EAAY,MAAM,gBAAkB,CAAA,GAAG,oBAAC,YAAD,EAAY,KAAK;GAAE,QAAQ;GAAO,OAAO;GAAO,EAAI,CAAA,EAC1G;;EAET;AAEF,WAAW,cAAc"}

package/dist/components/BitkitLinkButton/BitkitLinkButton.js

@@ -1,18 +1,22 @@
-import { chakra as e, useRecipe as t } from "@chakra-ui/react/styled-system";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { chakra, useRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/BitkitLinkButton/BitkitLinkButton.tsx
-var a = n((n, a) => {
-	let { children: o, size: s, state: c, suffixIcon: l, ...u } = n, d = t({ key: "linkButton" }), f = s === "lg" ? "24" : "16";
-	return /* @__PURE__ */ i(e.button, {
-		ref: a,
-		...u,
-		css: d({ size: s }),
-		disabled: c === "disabled",
+var BitkitLinkButton = forwardRef((props, ref) => {
+	const { children, size, state, suffixIcon: SuffixIcon, ...rest } = props;
+	const recipe = useRecipe({ key: "linkButton" });
+	const iconSize = size === "lg" ? "24" : "16";
+	return /* @__PURE__ */ jsxs(chakra.button, {
+		ref,
+		...rest,
+		css: recipe({ size }),
+		disabled: state === "disabled",
 		type: "button",
-		children: [o, l && /* @__PURE__ */ r(l, { size: f })]
+		children: [children, SuffixIcon && /* @__PURE__ */ jsx(SuffixIcon, { size: iconSize })]
 	});
 });
-a.displayName = "BitkitLinkButton";
+BitkitLinkButton.displayName = "BitkitLinkButton";
 //#endregion
-export { a as default };
+export { BitkitLinkButton as default };
+
+//# sourceMappingURL=BitkitLinkButton.js.map

package/dist/components/BitkitLinkButton/BitkitLinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitLinkButton.js","names":[],"sources":["../../../lib/components/BitkitLinkButton/BitkitLinkButton.tsx"],"sourcesContent":["import { chakra, type HTMLChakraProps, type RecipeProps, useRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport interface BitkitLinkButtonProps\n  extends Omit<HTMLChakraProps<'button'>, 'css' | 'disabled' | 'type'>, RecipeProps<'linkButton'> {\n  children: string;\n  state?: 'disabled';\n  suffixIcon?: BitkitIconComponent;\n}\n\nconst BitkitLinkButton = forwardRef<HTMLButtonElement, BitkitLinkButtonProps>((props, ref) => {\n  const { children, size, state, suffixIcon: SuffixIcon, ...rest } = props;\n\n  const recipe = useRecipe({ key: 'linkButton' });\n  const iconSize = size === 'lg' ? '24' : '16';\n\n  return (\n    <chakra.button ref={ref} {...rest} css={recipe({ size })} disabled={state === 'disabled'} type=\"button\">\n      {children}\n      {SuffixIcon && <SuffixIcon size={iconSize} />}\n    </chakra.button>\n  );\n});\n\nBitkitLinkButton.displayName = 'BitkitLinkButton';\n\nexport default BitkitLinkButton;\n"],"mappings":";;;;AAYA,IAAM,mBAAmB,YAAsD,OAAO,QAAQ;CAC5F,MAAM,EAAE,UAAU,MAAM,OAAO,YAAY,YAAY,GAAG,SAAS;CAEnE,MAAM,SAAS,UAAU,EAAE,KAAK,cAAc,CAAC;CAC/C,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QACE,qBAAC,OAAO,QAAR;EAAoB;EAAK,GAAI;EAAM,KAAK,OAAO,EAAE,MAAM,CAAC;EAAE,UAAU,UAAU;EAAY,MAAK;YAA/F,CACG,UACA,cAAc,oBAAC,YAAD,EAAY,MAAM,UAAY,CAAA,CAC/B;;EAElB;AAEF,iBAAiB,cAAc"}

package/dist/components/BitkitMarkdown/BitkitMarkdown.js

@@ -1,104 +1,118 @@
-import e from "../BitkitCodeSnippet/BitkitCodeSnippet.js";
-import t from "../BitkitLink/BitkitLink.js";
-import n from "../BitkitOrderedList/BitkitOrderedList.js";
-import r from "../BitkitUnorderedList/BitkitUnorderedList.js";
-import { chakra as i, useSlotRecipe as a } from "@chakra-ui/react/styled-system";
-import { Text as o } from "@chakra-ui/react/text";
-import { createContext as s, forwardRef as c, isValidElement as l } from "react";
-import { jsx as u } from "react/jsx-runtime";
-import { Separator as d } from "@chakra-ui/react/separator";
-import { Stack as f } from "@chakra-ui/react/stack";
-import { Heading as p } from "@chakra-ui/react/heading";
-import m from "react-markdown";
+import BitkitCodeSnippet from "../BitkitCodeSnippet/BitkitCodeSnippet.js";
+import BitkitLink from "../BitkitLink/BitkitLink.js";
+import BitkitOrderedList_default from "../BitkitOrderedList/BitkitOrderedList.js";
+import BitkitUnorderedList_default from "../BitkitUnorderedList/BitkitUnorderedList.js";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { Text } from "@chakra-ui/react/text";
+import { createContext, forwardRef, isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Separator } from "@chakra-ui/react/separator";
+import { Stack } from "@chakra-ui/react/stack";
+import { Heading } from "@chakra-ui/react/heading";
+import Markdown from "react-markdown";
 //#region lib/components/BitkitMarkdown/BitkitMarkdown.tsx
-var h = s("unordered"), g = (e) => typeof e == "string" ? e : typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(g).join("") : l(e) ? g(e.props.children) : "", _ = (a, s) => {
-	let c = a === "lg" ? "lg" : "md", l = a === "lg" ? "lg" : "md";
+var ListTypeContext = createContext("unordered");
+var getTextContent = (node) => {
+	if (typeof node === "string") return node;
+	if (typeof node === "number") return String(node);
+	if (Array.isArray(node)) return node.map(getTextContent).join("");
+	if (isValidElement(node)) return getTextContent(node.props.children);
+	return "";
+};
+var createComponents = (size, blockquoteStyles) => {
+	const codeSize = size === "lg" ? "lg" : "md";
+	const listSize = size === "lg" ? "lg" : "md";
 	return {
-		a: ({ node: e, ...n }) => /* @__PURE__ */ u(t, {
+		a: ({ node: _, ...props }) => /* @__PURE__ */ jsx(BitkitLink, {
 			colorScheme: "purple",
 			rel: "noopener noreferrer",
 			target: "_blank",
-			...n
+			...props
 		}),
-		blockquote: ({ node: e, ...t }) => /* @__PURE__ */ u(i.blockquote, {
-			css: s,
-			...t
+		blockquote: ({ node: _, ...props }) => /* @__PURE__ */ jsx(chakra.blockquote, {
+			css: blockquoteStyles,
+			...props
 		}),
-		code: ({ node: t, children: n }) => /* @__PURE__ */ u(e, {
+		code: ({ node: _, children }) => /* @__PURE__ */ jsx(BitkitCodeSnippet, {
 			variant: "inline",
-			size: c,
-			children: String(n)
+			size: codeSize,
+			children: String(children)
 		}),
-		h1: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+		h1: ({ node: _, ...props }) => /* @__PURE__ */ jsx(Heading, {
 			as: "h1",
 			textStyle: "heading/h1",
-			...t
+			...props
 		}),
-		h2: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+		h2: ({ node: _, ...props }) => /* @__PURE__ */ jsx(Heading, {
 			as: "h2",
 			textStyle: "heading/h2",
-			...t
+			...props
 		}),
-		h3: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+		h3: ({ node: _, ...props }) => /* @__PURE__ */ jsx(Heading, {
 			as: "h3",
 			textStyle: "heading/h3",
-			...t
+			...props
 		}),
-		h4: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+		h4: ({ node: _, ...props }) => /* @__PURE__ */ jsx(Heading, {
 			as: "h4",
 			textStyle: "heading/h4",
-			...t
+			...props
 		}),
-		h5: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+		h5: ({ node: _, ...props }) => /* @__PURE__ */ jsx(Heading, {
 			as: "h5",
 			textStyle: "heading/h5",
-			...t
+			...props
 		}),
-		h6: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+		h6: ({ node: _, ...props }) => /* @__PURE__ */ jsx(Heading, {
 			as: "h6",
 			textStyle: "heading/h6",
-			...t
+			...props
 		}),
-		hr: () => /* @__PURE__ */ u(d, {}),
-		li: ({ node: e, ...t }) => /* @__PURE__ */ u(h.Consumer, { children: (e) => u(e === "ordered" ? n.Item : r.Item, { children: t.children }) }),
-		ol: ({ node: e, ...t }) => /* @__PURE__ */ u(h.Provider, {
+		hr: () => /* @__PURE__ */ jsx(Separator, {}),
+		li: ({ node: _, ...props }) => /* @__PURE__ */ jsx(ListTypeContext.Consumer, { children: (listType) => listType === "ordered" ? /* @__PURE__ */ jsx(BitkitOrderedList_default.Item, { children: props.children }) : /* @__PURE__ */ jsx(BitkitUnorderedList_default.Item, { children: props.children }) }),
+		ol: ({ node: _, ...props }) => /* @__PURE__ */ jsx(ListTypeContext.Provider, {
 			value: "ordered",
-			children: /* @__PURE__ */ u(n, {
-				size: l,
-				children: t.children
+			children: /* @__PURE__ */ jsx(BitkitOrderedList_default, {
+				size: listSize,
+				children: props.children
 			})
 		}),
-		p: ({ node: e, ...t }) => /* @__PURE__ */ u(o, { ...t }),
-		pre: ({ node: t, children: n }) => /* @__PURE__ */ u(e, {
+		p: ({ node: _, ...props }) => /* @__PURE__ */ jsx(Text, { ...props }),
+		pre: ({ node: _, children }) => /* @__PURE__ */ jsx(BitkitCodeSnippet, {
 			variant: "multi",
-			size: c,
-			children: g(n)
+			size: codeSize,
+			children: getTextContent(children)
 		}),
-		ul: ({ node: e, ...t }) => /* @__PURE__ */ u(h.Provider, {
+		ul: ({ node: _, ...props }) => /* @__PURE__ */ jsx(ListTypeContext.Provider, {
 			value: "unordered",
-			children: /* @__PURE__ */ u(r, {
-				size: l,
-				children: t.children
+			children: /* @__PURE__ */ jsx(BitkitUnorderedList_default, {
+				size: listSize,
+				children: props.children
 			})
 		})
 	};
-}, v = c((e, t) => {
-	let { children: n, components: r, rehypePlugins: i, size: o = "md", ...s } = e, c = a({ key: "markdown" })({ size: o }), l = {
-		..._(o, c.blockquote),
-		...r ?? {}
+};
+var BitkitMarkdown = forwardRef((props, ref) => {
+	const { children, components, rehypePlugins, size = "md", ...rest } = props;
+	const styles = useSlotRecipe({ key: "markdown" })({ size });
+	const mergedComponents = {
+		...createComponents(size, styles.blockquote),
+		...components ?? {}
 	};
-	return /* @__PURE__ */ u(f, {
-		ref: t,
+	return /* @__PURE__ */ jsx(Stack, {
+		ref,
 		gap: "16",
-		css: c.root,
-		...s,
-		children: /* @__PURE__ */ u(m, {
-			components: l,
-			rehypePlugins: i,
-			children: n
+		css: styles.root,
+		...rest,
+		children: /* @__PURE__ */ jsx(Markdown, {
+			components: mergedComponents,
+			rehypePlugins,
+			children
 		})
 	});
 });
-v.displayName = "BitkitMarkdown";
+BitkitMarkdown.displayName = "BitkitMarkdown";
 //#endregion
-export { v as default };
+export { BitkitMarkdown as default };
+
+//# sourceMappingURL=BitkitMarkdown.js.map

package/dist/components/BitkitMarkdown/BitkitMarkdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitMarkdown.js","names":[],"sources":["../../../lib/components/BitkitMarkdown/BitkitMarkdown.tsx"],"sourcesContent":["import { Heading } from '@chakra-ui/react/heading';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { Stack, type StackProps } from '@chakra-ui/react/stack';\nimport { chakra, type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ComponentProps, createContext, forwardRef, isValidElement, type ReactNode } from 'react';\nimport Markdown, { type Components } from 'react-markdown';\n\nimport BitkitCodeSnippet from '../BitkitCodeSnippet/BitkitCodeSnippet';\nimport BitkitLink from '../BitkitLink/BitkitLink';\nimport BitkitOrderedList from '../BitkitOrderedList/BitkitOrderedList';\nimport BitkitUnorderedList from '../BitkitUnorderedList/BitkitUnorderedList';\n\n// ----- List type context -----\n\ntype ListType = 'ordered' | 'unordered';\n\nconst ListTypeContext = createContext<ListType>('unordered');\n\n// ----- Helpers -----\n\nconst getTextContent = (node: ReactNode): string => {\n  if (typeof node === 'string') return node;\n  if (typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getTextContent).join('');\n  if (isValidElement(node)) return getTextContent((node.props as { children?: ReactNode }).children);\n  return '';\n};\n\n// ----- Component mappings -----\n\nconst createComponents = (size: 'sm' | 'md' | 'lg', blockquoteStyles: SystemStyleObject): Components => {\n  const codeSize = size === 'lg' ? 'lg' : 'md';\n  const listSize = size === 'lg' ? 'lg' : 'md';\n\n  return {\n    a: ({ node: _, ...props }) => (\n      <BitkitLink colorScheme=\"purple\" rel=\"noopener noreferrer\" target=\"_blank\" {...props} />\n    ),\n    blockquote: ({ node: _, ...props }) => <chakra.blockquote css={blockquoteStyles} {...props} />,\n    code: ({ node: _, children }) => (\n      <BitkitCodeSnippet variant=\"inline\" size={codeSize}>\n        {String(children)}\n      </BitkitCodeSnippet>\n    ),\n    h1: ({ node: _, ...props }) => <Heading as=\"h1\" textStyle=\"heading/h1\" {...props} />,\n    h2: ({ node: _, ...props }) => <Heading as=\"h2\" textStyle=\"heading/h2\" {...props} />,\n    h3: ({ node: _, ...props }) => <Heading as=\"h3\" textStyle=\"heading/h3\" {...props} />,\n    h4: ({ node: _, ...props }) => <Heading as=\"h4\" textStyle=\"heading/h4\" {...props} />,\n    h5: ({ node: _, ...props }) => <Heading as=\"h5\" textStyle=\"heading/h5\" {...props} />,\n    h6: ({ node: _, ...props }) => <Heading as=\"h6\" textStyle=\"heading/h6\" {...props} />,\n    hr: () => <Separator />,\n    li: ({ node: _, ...props }) => (\n      <ListTypeContext.Consumer>\n        {(listType) =>\n          listType === 'ordered' ? (\n            <BitkitOrderedList.Item>{props.children}</BitkitOrderedList.Item>\n          ) : (\n            <BitkitUnorderedList.Item>{props.children}</BitkitUnorderedList.Item>\n          )\n        }\n      </ListTypeContext.Consumer>\n    ),\n    ol: ({ node: _, ...props }) => (\n      <ListTypeContext.Provider value=\"ordered\">\n        <BitkitOrderedList size={listSize}>{props.children}</BitkitOrderedList>\n      </ListTypeContext.Provider>\n    ),\n    p: ({ node: _, ...props }) => <Text {...props} />,\n    pre: ({ node: _, children }) => (\n      <BitkitCodeSnippet variant=\"multi\" size={codeSize}>\n        {getTextContent(children)}\n      </BitkitCodeSnippet>\n    ),\n    ul: ({ node: _, ...props }) => (\n      <ListTypeContext.Provider value=\"unordered\">\n        <BitkitUnorderedList size={listSize}>{props.children}</BitkitUnorderedList>\n      </ListTypeContext.Provider>\n    ),\n  };\n};\n\n// ----- BitkitMarkdown -----\n\nexport interface BitkitMarkdownProps extends Omit<StackProps, 'children'> {\n  children: string;\n  components?: Components | null;\n  rehypePlugins?: ComponentProps<typeof Markdown>['rehypePlugins'];\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst BitkitMarkdown = forwardRef<HTMLDivElement, BitkitMarkdownProps>((props, ref) => {\n  const { children, components, rehypePlugins, size = 'md', ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'markdown' });\n  const styles = recipe({ size });\n\n  const defaultComponents = createComponents(size, styles.blockquote);\n  const mergedComponents = { ...defaultComponents, ...(components ?? {}) };\n\n  return (\n    <Stack ref={ref} gap=\"16\" css={styles.root} {...rest}>\n      <Markdown components={mergedComponents} rehypePlugins={rehypePlugins}>\n        {children}\n      </Markdown>\n    </Stack>\n  );\n});\n\nBitkitMarkdown.displayName = 'BitkitMarkdown';\n\nexport default BitkitMarkdown;\n"],"mappings":"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"}

package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.js

@@ -1,55 +1,58 @@
-import e from "../../icons/IconCheck.js";
-import t from "../../icons/IconChevronDown.js";
-import n from "../../icons/IconChevronUp.js";
-import r from "../../icons/IconErrorCircleFilled.js";
-import i from "../../icons/IconInfoCircle.js";
-import a from "../../icons/IconWarning.js";
-import o from "../BitkitButton/BitkitButton.js";
-import s from "../BitkitMarkdown/BitkitMarkdown.js";
-import { Box as c } from "@chakra-ui/react/box";
-import { useSlotRecipe as l } from "@chakra-ui/react/styled-system";
-import { forwardRef as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Card as m } from "@chakra-ui/react/card";
-import { Collapsible as h } from "@chakra-ui/react/collapsible";
-import { HStack as g } from "@chakra-ui/react/stack";
+import IconCheck from "../../icons/IconCheck.js";
+import IconChevronDown from "../../icons/IconChevronDown.js";
+import IconChevronUp from "../../icons/IconChevronUp.js";
+import IconErrorCircleFilled from "../../icons/IconErrorCircleFilled.js";
+import IconInfoCircle from "../../icons/IconInfoCircle.js";
+import IconWarning from "../../icons/IconWarning.js";
+import BitkitButton from "../BitkitButton/BitkitButton.js";
+import BitkitMarkdown from "../BitkitMarkdown/BitkitMarkdown.js";
+import { Box } from "@chakra-ui/react/box";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Card } from "@chakra-ui/react/card";
+import { Collapsible } from "@chakra-ui/react/collapsible";
+import { HStack } from "@chakra-ui/react/stack";
 //#region lib/components/BitkitMarkdownCard/BitkitMarkdownCard.tsx
-var _ = {
-	critical: /* @__PURE__ */ f(r, { size: "24" }),
-	info: /* @__PURE__ */ f(i, { size: "24" }),
-	success: /* @__PURE__ */ f(e, { size: "24" }),
-	warning: /* @__PURE__ */ f(a, { size: "24" })
-}, v = u((e, r) => {
-	let { actions: i, children: a, collapsedHeight: u = "200px", defaultOpen: v, onOpenChange: y, open: b, size: x = "md", status: S = "info", ...C } = e, w = l({ key: "markdownCard" })({ status: S }), T = y ? (e) => y(e.open) : void 0;
-	return /* @__PURE__ */ f(m.Root, {
-		ref: r,
-		css: w.root,
-		...C,
-		children: /* @__PURE__ */ p(g, {
+var STATUS_ICONS = {
+	critical: /* @__PURE__ */ jsx(IconErrorCircleFilled, { size: "24" }),
+	info: /* @__PURE__ */ jsx(IconInfoCircle, { size: "24" }),
+	success: /* @__PURE__ */ jsx(IconCheck, { size: "24" }),
+	warning: /* @__PURE__ */ jsx(IconWarning, { size: "24" })
+};
+var BitkitMarkdownCard = forwardRef((props, ref) => {
+	const { actions, children, collapsedHeight = "200px", defaultOpen, onOpenChange, open, size = "md", status = "info", ...rest } = props;
+	const styles = useSlotRecipe({ key: "markdownCard" })({ status });
+	const handleOpenChange = onOpenChange ? (details) => onOpenChange(details.open) : void 0;
+	return /* @__PURE__ */ jsx(Card.Root, {
+		ref,
+		css: styles.root,
+		...rest,
+		children: /* @__PURE__ */ jsxs(HStack, {
 			align: "stretch",
 			gap: "0",
-			children: [/* @__PURE__ */ f(c, {
-				css: w.iconBar,
-				children: _[S]
-			}), /* @__PURE__ */ f(c, {
-				css: w.content,
-				children: /* @__PURE__ */ p(h.Root, {
-					open: b,
-					defaultOpen: v,
-					collapsedHeight: u,
-					onOpenChange: T,
-					children: [/* @__PURE__ */ f(h.Content, { children: /* @__PURE__ */ f(s, {
-						size: x,
-						children: a
-					}) }), /* @__PURE__ */ f(h.Context, { children: (e) => /* @__PURE__ */ p(d, { children: [!e.open && /* @__PURE__ */ f(c, { css: w.gradient }), /* @__PURE__ */ p(g, {
+			children: [/* @__PURE__ */ jsx(Box, {
+				css: styles.iconBar,
+				children: STATUS_ICONS[status]
+			}), /* @__PURE__ */ jsx(Box, {
+				css: styles.content,
+				children: /* @__PURE__ */ jsxs(Collapsible.Root, {
+					open,
+					defaultOpen,
+					collapsedHeight,
+					onOpenChange: handleOpenChange,
+					children: [/* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsx(BitkitMarkdown, {
+						size,
+						children
+					}) }), /* @__PURE__ */ jsx(Collapsible.Context, { children: (api) => /* @__PURE__ */ jsxs(Fragment$1, { children: [!api.open && /* @__PURE__ */ jsx(Box, { css: styles.gradient }), /* @__PURE__ */ jsxs(HStack, {
 						gap: "16",
-						css: w.footerButtons,
-						children: [i, /* @__PURE__ */ f(o, {
-							...e.getTriggerProps(),
+						css: styles.footerButtons,
+						children: [actions, /* @__PURE__ */ jsx(BitkitButton, {
+							...api.getTriggerProps(),
 							size: "sm",
-							suffixIcon: e.open ? n : t,
+							suffixIcon: api.open ? IconChevronUp : IconChevronDown,
 							variant: "secondary",
-							children: e.open ? "Show less" : "Show more"
+							children: api.open ? "Show less" : "Show more"
 						})]
 					})] }) })]
 				})
@@ -57,6 +60,8 @@ var _ = {
 		})
 	});
 });
-v.displayName = "BitkitMarkdownCard";
+BitkitMarkdownCard.displayName = "BitkitMarkdownCard";
 //#endregion
-export { v as default };
+export { BitkitMarkdownCard as default };
+
+//# sourceMappingURL=BitkitMarkdownCard.js.map

package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitMarkdownCard.js","names":[],"sources":["../../../lib/components/BitkitMarkdownCard/BitkitMarkdownCard.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type BoxProps } from '@chakra-ui/react/box';\nimport { Card } from '@chakra-ui/react/card';\nimport { Collapsible } from '@chakra-ui/react/collapsible';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type JSX, type ReactNode } from 'react';\n\nimport {\n  IconCheck,\n  IconChevronDown,\n  IconChevronUp,\n  IconErrorCircleFilled,\n  IconInfoCircle,\n  IconWarning,\n} from '../../icons';\nimport BitkitButton from '../BitkitButton/BitkitButton';\nimport BitkitMarkdown from '../BitkitMarkdown/BitkitMarkdown';\n\n// ----- Status config -----\n\ntype Status = 'critical' | 'info' | 'success' | 'warning';\n\nconst STATUS_ICONS: Record<Status, JSX.Element> = {\n  critical: <IconErrorCircleFilled size=\"24\" />,\n  info: <IconInfoCircle size=\"24\" />,\n  success: <IconCheck size=\"24\" />,\n  warning: <IconWarning size=\"24\" />,\n};\n\n// ----- Props -----\n\ntype UncontrolledProps = {\n  defaultOpen?: boolean;\n  onOpenChange?: never;\n  open?: never;\n};\n\ntype ControlledProps = {\n  defaultOpen?: never;\n  onOpenChange: (open: boolean) => void;\n  open: boolean;\n};\n\nexport type BitkitMarkdownCardProps = Omit<BoxProps, 'children'> & {\n  actions?: ReactNode;\n  children: string;\n  collapsedHeight?: string;\n  size?: 'sm' | 'md' | 'lg';\n  status?: Status;\n} & (UncontrolledProps | ControlledProps);\n\n// ----- Component -----\n\nconst BitkitMarkdownCard = forwardRef<HTMLDivElement, BitkitMarkdownCardProps>((props, ref) => {\n  const {\n    actions,\n    children,\n    collapsedHeight = '200px',\n    defaultOpen,\n    onOpenChange,\n    open,\n    size = 'md',\n    status = 'info',\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'markdownCard' });\n  const styles = recipe({ status });\n\n  const handleOpenChange = onOpenChange ? (details: { open: boolean }) => onOpenChange(details.open) : undefined;\n\n  return (\n    <Card.Root ref={ref} css={styles.root} {...rest}>\n      <HStack align=\"stretch\" gap=\"0\">\n        <Box css={styles.iconBar}>{STATUS_ICONS[status]}</Box>\n        <Box css={styles.content}>\n          <Collapsible.Root\n            open={open}\n            defaultOpen={defaultOpen}\n            collapsedHeight={collapsedHeight}\n            onOpenChange={handleOpenChange}\n          >\n            <Collapsible.Content>\n              <BitkitMarkdown size={size}>{children}</BitkitMarkdown>\n            </Collapsible.Content>\n            <Collapsible.Context>\n              {(api) => (\n                <>\n                  {!api.open && <Box css={styles.gradient} />}\n                  <HStack gap=\"16\" css={styles.footerButtons}>\n                    {actions}\n                    <BitkitButton\n                      {...api.getTriggerProps()}\n                      size=\"sm\"\n                      suffixIcon={api.open ? IconChevronUp : IconChevronDown}\n                      variant=\"secondary\"\n                    >\n                      {api.open ? 'Show less' : 'Show more'}\n                    </BitkitButton>\n                  </HStack>\n                </>\n              )}\n            </Collapsible.Context>\n          </Collapsible.Root>\n        </Box>\n      </HStack>\n    </Card.Root>\n  );\n});\n\nBitkitMarkdownCard.displayName = 'BitkitMarkdownCard';\n\nexport default BitkitMarkdownCard;\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAM,eAA4C;CAChD,UAAU,oBAAC,uBAAD,EAAuB,MAAK,MAAO,CAAA;CAC7C,MAAM,oBAAC,gBAAD,EAAgB,MAAK,MAAO,CAAA;CAClC,SAAS,oBAAC,WAAD,EAAW,MAAK,MAAO,CAAA;CAChC,SAAS,oBAAC,aAAD,EAAa,MAAK,MAAO,CAAA;CACnC;AA0BD,IAAM,qBAAqB,YAAqD,OAAO,QAAQ;CAC7F,MAAM,EACJ,SACA,UACA,kBAAkB,SAClB,aACA,cACA,MACA,OAAO,MACP,SAAS,QACT,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,gBAAgB,CAAC,CAC/B,EAAE,QAAQ,CAAC;CAEjC,MAAM,mBAAmB,gBAAgB,YAA+B,aAAa,QAAQ,KAAK,GAAG,KAAA;AAErG,QACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,KAAK,OAAO;EAAM,GAAI;YACzC,qBAAC,QAAD;GAAQ,OAAM;GAAU,KAAI;aAA5B,CACE,oBAAC,KAAD;IAAK,KAAK,OAAO;cAAU,aAAa;IAAc,CAAA,EACtD,oBAAC,KAAD;IAAK,KAAK,OAAO;cACf,qBAAC,YAAY,MAAb;KACQ;KACO;KACI;KACjB,cAAc;eAJhB,CAME,oBAAC,YAAY,SAAb,EAAA,UACE,oBAAC,gBAAD;MAAsB;MAAO;MAA0B,CAAA,EACnC,CAAA,EACtB,oBAAC,YAAY,SAAb,EAAA,WACI,QACA,qBAAA,YAAA,EAAA,UAAA,CACG,CAAC,IAAI,QAAQ,oBAAC,KAAD,EAAK,KAAK,OAAO,UAAY,CAAA,EAC3C,qBAAC,QAAD;MAAQ,KAAI;MAAK,KAAK,OAAO;gBAA7B,CACG,SACD,oBAAC,cAAD;OACE,GAAI,IAAI,iBAAiB;OACzB,MAAK;OACL,YAAY,IAAI,OAAO,gBAAgB;OACvC,SAAQ;iBAEP,IAAI,OAAO,cAAc;OACb,CAAA,CACR;QACR,EAAA,CAAA,EAEe,CAAA,CACL;;IACf,CAAA,CACC;;EACC,CAAA;EAEd;AAEF,mBAAmB,cAAc"}