@bitrise/bitkit-v2 0.3.179 → 0.3.181

package/dist/components/BitkitDialog/BitkitDialog.js

@@ -1,27 +1,31 @@
-import e from "./BitkitDialogContent.js";
-import t from "./BitkitDialogRoot.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Portal as i } from "@chakra-ui/react/portal";
-import { Dialog as a } from "@chakra-ui/react/dialog";
+import BitkitDialogContent from "./BitkitDialogContent.js";
+import BitkitDialogRoot from "./BitkitDialogRoot.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
+import { Dialog } from "@chakra-ui/react/dialog";
 //#region lib/components/BitkitDialog/BitkitDialog.tsx
-var o = ({ label: o, maxHeight: s, onOpenChange: c, open: l, title: u, trigger: d, children: f, preventScroll: p, scrollBehavior: m, showScrollGradient: h, size: g }) => /* @__PURE__ */ r(t, {
-	open: l,
-	preventScroll: p,
-	scrollBehavior: m,
-	size: g,
-	onOpenChange: c,
-	children: [d && /* @__PURE__ */ n(a.Trigger, {
-		asChild: !0,
-		children: d
-	}), /* @__PURE__ */ r(i, { children: [/* @__PURE__ */ n(a.Backdrop, {}), /* @__PURE__ */ n(a.Positioner, { children: /* @__PURE__ */ n(e, {
-		label: o,
-		maxHeight: s,
-		scrollBehavior: m,
-		showScrollGradient: h,
-		title: u,
-		children: f
+var BitkitDialog = ({ label, maxHeight, onOpenChange, open, title, trigger, children, preventScroll, scrollBehavior, showScrollGradient, size }) => /* @__PURE__ */ jsxs(BitkitDialogRoot, {
+	open,
+	preventScroll,
+	scrollBehavior,
+	size,
+	onOpenChange,
+	children: [trigger && /* @__PURE__ */ jsx(Dialog.Trigger, {
+		asChild: true,
+		children: trigger
+	}), /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsx(BitkitDialogContent, {
+		label,
+		maxHeight,
+		scrollBehavior,
+		showScrollGradient,
+		title,
+		children
 	}) })] })]
 });
-a.ActionTrigger, a.Footer, o.displayName = "BitkitDialog";
+Dialog.ActionTrigger;
+Dialog.Footer;
+BitkitDialog.displayName = "BitkitDialog";
 //#endregion
-export { o as default };
+export { BitkitDialog as default };
+
+//# sourceMappingURL=BitkitDialog.js.map

package/dist/components/BitkitDialog/BitkitDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitDialog.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialog.tsx"],"sourcesContent":["import { Dialog } from '@chakra-ui/react/dialog';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { type ReactNode } from 'react';\n\nimport BitkitDialogContent from './BitkitDialogContent';\nimport BitkitDialogRoot from './BitkitDialogRoot';\n\nexport interface BitkitDialogProps {\n  label?: string;\n  maxHeight?: string;\n  onOpenChange?: (details: { open: boolean }) => void;\n  open?: boolean;\n  preventScroll?: boolean;\n  scrollBehavior?: 'inside' | 'outside';\n  showScrollGradient?: boolean;\n  size?: 'sm' | 'md' | 'lg';\n  title: ReactNode;\n  trigger?: ReactNode;\n  children?: ReactNode;\n}\n\nconst BitkitDialog = ({\n  label,\n  maxHeight,\n  onOpenChange,\n  open,\n  title,\n  trigger,\n  children,\n  preventScroll,\n  scrollBehavior,\n  showScrollGradient,\n  size,\n}: BitkitDialogProps) => (\n  <BitkitDialogRoot\n    open={open}\n    preventScroll={preventScroll}\n    scrollBehavior={scrollBehavior}\n    size={size}\n    onOpenChange={onOpenChange}\n  >\n    {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}\n    <Portal>\n      <Dialog.Backdrop />\n      <Dialog.Positioner>\n        <BitkitDialogContent\n          label={label}\n          maxHeight={maxHeight}\n          scrollBehavior={scrollBehavior}\n          showScrollGradient={showScrollGradient}\n          title={title}\n        >\n          {children}\n        </BitkitDialogContent>\n      </Dialog.Positioner>\n    </Portal>\n  </BitkitDialogRoot>\n);\n\nexport const BitkitDialogActionTrigger = Dialog.ActionTrigger;\nexport const BitkitDialogFooter = Dialog.Footer;\n\nBitkitDialog.displayName = 'BitkitDialog';\n\nexport default BitkitDialog;\n"],"mappings":";;;;;;AAqBA,IAAM,gBAAgB,EACpB,OACA,WACA,cACA,MACA,OACA,SACA,UACA,eACA,gBACA,oBACA,WAEA,qBAAC,kBAAD;CACQ;CACS;CACC;CACV;CACQ;WALhB,CAOG,WAAW,oBAAC,OAAO,SAAR;EAAgB,SAAA;YAAS;EAAyB,CAAA,EAC9D,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,OAAO,UAAR,EAAmB,CAAA,EACnB,oBAAC,OAAO,YAAR,EAAA,UACE,oBAAC,qBAAD;EACS;EACI;EACK;EACI;EACb;EAEN;EACmB,CAAA,EACJ,CAAA,CACb,EAAA,CAAA,CACQ;;AAGoB,OAAO;AACd,OAAO;AAEzC,aAAa,cAAc"}

package/dist/components/BitkitDialog/BitkitDialogBody.js

@@ -1,55 +1,68 @@
-import e from "../../icons/IconArrowDown.js";
-import { Box as t } from "@chakra-ui/react/box";
-import { chakra as n, useSlotRecipe as r } from "@chakra-ui/react/styled-system";
-import { createContext as i, useCallback as a, useContext as o, useEffect as s, useRef as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Dialog as p, useDialogContext as m } from "@chakra-ui/react/dialog";
+import IconArrowDown from "../../icons/IconArrowDown.js";
+import { Box } from "@chakra-ui/react/box";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Dialog, useDialogContext } from "@chakra-ui/react/dialog";
 //#region lib/components/BitkitDialog/BitkitDialogBody.tsx
-var h = i({
+var DialogBodyContext = createContext({
 	scrollBehavior: "outside",
-	showScrollGradient: !0
-}), g = ({ children: i, ...g }) => {
-	let { showScrollGradient: _ } = o(h), v = r({ key: "dialog" })({}), { open: y } = m(), b = c(null), [x, S] = l(!1), C = a(() => {
-		let e = b.current;
-		if (!e) {
-			S(!1);
+	showScrollGradient: true
+});
+var ScrollableDialogBody = ({ children, ...props }) => {
+	const { showScrollGradient } = useContext(DialogBodyContext);
+	const styles = useSlotRecipe({ key: "dialog" })({});
+	const { open } = useDialogContext();
+	const contentRef = useRef(null);
+	const [isScrollButtonVisible, setIsScrollButtonVisible] = useState(false);
+	const updateScrollButtonVisibility = useCallback(() => {
+		const content = contentRef.current;
+		if (!content) {
+			setIsScrollButtonVisible(false);
 			return;
 		}
-		S(!(e.scrollTop >= e.scrollHeight - e.offsetHeight - 1));
+		setIsScrollButtonVisible(!(content.scrollTop >= content.scrollHeight - content.offsetHeight - 1));
 	}, []);
-	return s(() => {
-		let e = b.current;
-		if (!y || !e) return;
-		e.addEventListener("scroll", C);
-		let t = new ResizeObserver(C);
-		return t.observe(e), () => {
-			e.removeEventListener("scroll", C), t.disconnect();
+	useEffect(() => {
+		const content = contentRef.current;
+		if (!open || !content) return;
+		content.addEventListener("scroll", updateScrollButtonVisibility);
+		const resizeObserver = new ResizeObserver(updateScrollButtonVisibility);
+		resizeObserver.observe(content);
+		return () => {
+			content.removeEventListener("scroll", updateScrollButtonVisibility);
+			resizeObserver.disconnect();
 		};
-	}, [y, C]), /* @__PURE__ */ f(t, {
-		css: v.scrollBody,
-		children: [/* @__PURE__ */ d(p.Body, {
-			ref: b,
-			...g,
-			children: i
-		}), x && /* @__PURE__ */ f(u, { children: [_ && /* @__PURE__ */ d(t, { css: v.scrollGradient }), /* @__PURE__ */ d(n.button, {
+	}, [open, updateScrollButtonVisibility]);
+	return /* @__PURE__ */ jsxs(Box, {
+		css: styles.scrollBody,
+		children: [/* @__PURE__ */ jsx(Dialog.Body, {
+			ref: contentRef,
+			...props,
+			children
+		}), isScrollButtonVisible && /* @__PURE__ */ jsxs(Fragment$1, { children: [showScrollGradient && /* @__PURE__ */ jsx(Box, { css: styles.scrollGradient }), /* @__PURE__ */ jsx(chakra.button, {
 			"aria-label": "Scroll to bottom",
-			css: v.scrollButton,
+			css: styles.scrollButton,
 			type: "button",
 			onClick: () => {
-				b.current?.scrollTo({
-					top: b.current.scrollHeight,
+				contentRef.current?.scrollTo({
+					top: contentRef.current.scrollHeight,
 					behavior: "smooth"
 				});
 			},
-			children: /* @__PURE__ */ d(e, {
+			children: /* @__PURE__ */ jsx(IconArrowDown, {
 				color: "icon/tertiary",
 				size: "16"
 			})
 		})] })]
 	});
-}, _ = (e) => {
-	let { scrollBehavior: t } = o(h);
-	return d(t === "inside" ? g : p.Body, { ...e });
+};
+var BitkitDialogBody = (props) => {
+	const { scrollBehavior } = useContext(DialogBodyContext);
+	if (scrollBehavior === "inside") return /* @__PURE__ */ jsx(ScrollableDialogBody, { ...props });
+	return /* @__PURE__ */ jsx(Dialog.Body, { ...props });
 };
 //#endregion
-export { h as DialogBodyContext, _ as default };
+export { DialogBodyContext, BitkitDialogBody as default };
+
+//# sourceMappingURL=BitkitDialogBody.js.map

package/dist/components/BitkitDialog/BitkitDialogBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitDialogBody.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogBody.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog, useDialogContext } from '@chakra-ui/react/dialog';\nimport { chakra, type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\n\nimport { IconArrowDown } from '../../icons';\n\ninterface DialogBodyContext {\n  scrollBehavior: 'inside' | 'outside';\n  showScrollGradient: boolean;\n}\n\nexport type BitkitDialogBodyProps = Dialog.BodyProps;\n\nexport const DialogBodyContext = createContext<DialogBodyContext>({\n  scrollBehavior: 'outside',\n  showScrollGradient: true,\n});\n\nconst ScrollableDialogBody = ({ children, ...props }: Dialog.BodyProps) => {\n  const { showScrollGradient } = useContext(DialogBodyContext);\n  const recipe = useSlotRecipe({ key: 'dialog' });\n  const styles = recipe({}) as Record<string, SystemStyleObject>;\n  const { open } = useDialogContext();\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [isScrollButtonVisible, setIsScrollButtonVisible] = useState(false);\n\n  const updateScrollButtonVisibility = useCallback(() => {\n    const content = contentRef.current;\n    if (!content) {\n      setIsScrollButtonVisible(false);\n      return;\n    }\n    const didScrollToBottom = content.scrollTop >= content.scrollHeight - content.offsetHeight - 1;\n    setIsScrollButtonVisible(!didScrollToBottom);\n  }, []);\n\n  useEffect(() => {\n    const content = contentRef.current;\n    if (!open || !content) return;\n\n    content.addEventListener('scroll', updateScrollButtonVisibility);\n    const resizeObserver = new ResizeObserver(updateScrollButtonVisibility);\n    resizeObserver.observe(content);\n\n    return () => {\n      content.removeEventListener('scroll', updateScrollButtonVisibility);\n      resizeObserver.disconnect();\n    };\n  }, [open, updateScrollButtonVisibility]);\n\n  return (\n    <Box css={styles.scrollBody}>\n      <Dialog.Body ref={contentRef} {...props}>\n        {children}\n      </Dialog.Body>\n      {isScrollButtonVisible && (\n        <>\n          {showScrollGradient && <Box css={styles.scrollGradient} />}\n          <chakra.button\n            aria-label=\"Scroll to bottom\"\n            css={styles.scrollButton}\n            type=\"button\"\n            onClick={() => {\n              contentRef.current?.scrollTo({ top: contentRef.current.scrollHeight, behavior: 'smooth' });\n            }}\n          >\n            <IconArrowDown color=\"icon/tertiary\" size=\"16\" />\n          </chakra.button>\n        </>\n      )}\n    </Box>\n  );\n};\n\nconst BitkitDialogBody = (props: BitkitDialogBodyProps) => {\n  const { scrollBehavior } = useContext(DialogBodyContext);\n  if (scrollBehavior === 'inside') {\n    return <ScrollableDialogBody {...props} />;\n  }\n  return <Dialog.Body {...props} />;\n};\n\nexport default BitkitDialogBody;\n"],"mappings":";;;;;;;AAcA,IAAa,oBAAoB,cAAiC;CAChE,gBAAgB;CAChB,oBAAoB;CACrB,CAAC;AAEF,IAAM,wBAAwB,EAAE,UAAU,GAAG,YAA8B;CACzE,MAAM,EAAE,uBAAuB,WAAW,kBAAkB;CAE5D,MAAM,SADS,cAAc,EAAE,KAAK,UAAU,CAAC,CACzB,EAAE,CAAC;CACzB,MAAM,EAAE,SAAS,kBAAkB;CACnC,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,MAAM;CAEzE,MAAM,+BAA+B,kBAAkB;EACrD,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,SAAS;AACZ,4BAAyB,MAAM;AAC/B;;AAGF,2BAAyB,EADC,QAAQ,aAAa,QAAQ,eAAe,QAAQ,eAAe,GACjD;IAC3C,EAAE,CAAC;AAEN,iBAAgB;EACd,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAQ,CAAC,QAAS;AAEvB,UAAQ,iBAAiB,UAAU,6BAA6B;EAChE,MAAM,iBAAiB,IAAI,eAAe,6BAA6B;AACvE,iBAAe,QAAQ,QAAQ;AAE/B,eAAa;AACX,WAAQ,oBAAoB,UAAU,6BAA6B;AACnE,kBAAe,YAAY;;IAE5B,CAAC,MAAM,6BAA6B,CAAC;AAExC,QACE,qBAAC,KAAD;EAAK,KAAK,OAAO;YAAjB,CACE,oBAAC,OAAO,MAAR;GAAa,KAAK;GAAY,GAAI;GAC/B;GACW,CAAA,EACb,yBACC,qBAAA,YAAA,EAAA,UAAA,CACG,sBAAsB,oBAAC,KAAD,EAAK,KAAK,OAAO,gBAAkB,CAAA,EAC1D,oBAAC,OAAO,QAAR;GACE,cAAW;GACX,KAAK,OAAO;GACZ,MAAK;GACL,eAAe;AACb,eAAW,SAAS,SAAS;KAAE,KAAK,WAAW,QAAQ;KAAc,UAAU;KAAU,CAAC;;aAG5F,oBAAC,eAAD;IAAe,OAAM;IAAgB,MAAK;IAAO,CAAA;GACnC,CAAA,CACf,EAAA,CAAA,CAED;;;AAIV,IAAM,oBAAoB,UAAiC;CACzD,MAAM,EAAE,mBAAmB,WAAW,kBAAkB;AACxD,KAAI,mBAAmB,SACrB,QAAO,oBAAC,sBAAD,EAAsB,GAAI,OAAS,CAAA;AAE5C,QAAO,oBAAC,OAAO,MAAR,EAAa,GAAI,OAAS,CAAA"}

package/dist/components/BitkitDialog/BitkitDialogContent.js

@@ -1,33 +1,35 @@
-import e from "../BitkitCloseButton/BitkitCloseButton.js";
-import { DialogBodyContext as t } from "./BitkitDialogBody.js";
-import { Box as n } from "@chakra-ui/react/box";
-import { chakra as r, useSlotRecipe as i } from "@chakra-ui/react/styled-system";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Dialog as s } from "@chakra-ui/react/dialog";
+import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
+import { DialogBodyContext } from "./BitkitDialogBody.js";
+import { Box } from "@chakra-ui/react/box";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "@chakra-ui/react/dialog";
 //#region lib/components/BitkitDialog/BitkitDialogContent.tsx
-var c = ({ label: c, maxHeight: l, title: u, scrollBehavior: d = "outside", showScrollGradient: f = !0, children: p }) => {
-	let m = i({ key: "dialog" })({});
-	return /* @__PURE__ */ a(s.Content, {
-		maxHeight: l,
-		children: /* @__PURE__ */ o(t.Provider, {
+var BitkitDialogContent = ({ label, maxHeight, title, scrollBehavior = "outside", showScrollGradient = true, children }) => {
+	const styles = useSlotRecipe({ key: "dialog" })({});
+	return /* @__PURE__ */ jsx(Dialog.Content, {
+		maxHeight,
+		children: /* @__PURE__ */ jsxs(DialogBodyContext.Provider, {
 			value: {
-				scrollBehavior: d,
-				showScrollGradient: f
+				scrollBehavior,
+				showScrollGradient
 			},
-			children: [/* @__PURE__ */ o(s.Header, { children: [/* @__PURE__ */ o(n, {
+			children: [/* @__PURE__ */ jsxs(Dialog.Header, { children: [/* @__PURE__ */ jsxs(Box, {
 				display: "flex",
 				flexDirection: "column",
 				gap: "4",
-				children: [c && /* @__PURE__ */ a(r.p, {
-					css: m.label,
-					children: c
-				}), /* @__PURE__ */ a(s.Title, { children: u })]
-			}), /* @__PURE__ */ a(s.CloseTrigger, {
-				asChild: !0,
-				children: /* @__PURE__ */ a(e, { size: "md" })
-			})] }), p]
+				children: [label && /* @__PURE__ */ jsx(chakra.p, {
+					css: styles.label,
+					children: label
+				}), /* @__PURE__ */ jsx(Dialog.Title, { children: title })]
+			}), /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(BitkitCloseButton, { size: "md" })
+			})] }), children]
 		})
 	});
 };
 //#endregion
-export { c as default };
+export { BitkitDialogContent as default };
+
+//# sourceMappingURL=BitkitDialogContent.js.map

package/dist/components/BitkitDialog/BitkitDialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitDialogContent.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogContent.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Dialog } from '@chakra-ui/react/dialog';\nimport { chakra, type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { type ReactNode } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport { DialogBodyContext } from './BitkitDialogBody';\n\nexport interface BitkitDialogContentProps {\n  label?: string;\n  maxHeight?: string;\n  scrollBehavior?: 'inside' | 'outside';\n  showScrollGradient?: boolean;\n  title: ReactNode;\n  children?: ReactNode;\n}\n\nconst BitkitDialogContent = ({\n  label,\n  maxHeight,\n  title,\n  scrollBehavior = 'outside',\n  showScrollGradient = true,\n  children,\n}: BitkitDialogContentProps) => {\n  const recipe = useSlotRecipe({ key: 'dialog' });\n  const styles = recipe({}) as Record<string, SystemStyleObject>;\n\n  return (\n    <Dialog.Content maxHeight={maxHeight}>\n      <DialogBodyContext.Provider value={{ scrollBehavior, showScrollGradient }}>\n        <Dialog.Header>\n          <Box display=\"flex\" flexDirection=\"column\" gap=\"4\">\n            {label && <chakra.p css={styles.label}>{label}</chakra.p>}\n            <Dialog.Title>{title}</Dialog.Title>\n          </Box>\n          <Dialog.CloseTrigger asChild>\n            <BitkitCloseButton size=\"md\" />\n          </Dialog.CloseTrigger>\n        </Dialog.Header>\n        {children}\n      </DialogBodyContext.Provider>\n    </Dialog.Content>\n  );\n};\n\nexport default BitkitDialogContent;\n"],"mappings":";;;;;;;AAiBA,IAAM,uBAAuB,EAC3B,OACA,WACA,OACA,iBAAiB,WACjB,qBAAqB,MACrB,eAC8B;CAE9B,MAAM,SADS,cAAc,EAAE,KAAK,UAAU,CAAC,CACzB,EAAE,CAAC;AAEzB,QACE,oBAAC,OAAO,SAAR;EAA2B;YACzB,qBAAC,kBAAkB,UAAnB;GAA4B,OAAO;IAAE;IAAgB;IAAoB;aAAzE,CACE,qBAAC,OAAO,QAAR,EAAA,UAAA,CACE,qBAAC,KAAD;IAAK,SAAQ;IAAO,eAAc;IAAS,KAAI;cAA/C,CACG,SAAS,oBAAC,OAAO,GAAR;KAAU,KAAK,OAAO;eAAQ;KAAiB,CAAA,EACzD,oBAAC,OAAO,OAAR,EAAA,UAAe,OAAqB,CAAA,CAChC;OACN,oBAAC,OAAO,cAAR;IAAqB,SAAA;cACnB,oBAAC,mBAAD,EAAmB,MAAK,MAAO,CAAA;IACX,CAAA,CACR,EAAA,CAAA,EACf,SAC0B;;EACd,CAAA"}

package/dist/components/BitkitDialog/BitkitDialogRoot.js

@@ -1,10 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Dialog as t } from "@chakra-ui/react/dialog";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@chakra-ui/react/dialog";
 //#region lib/components/BitkitDialog/BitkitDialogRoot.tsx
-var n = ({ closeOnInteractOutside: n = !1, preventScroll: r = !0, ...i }) => /* @__PURE__ */ e(t.Root, {
-	closeOnInteractOutside: n,
-	preventScroll: r,
-	...i
+var BitkitDialogRoot = ({ closeOnInteractOutside = false, preventScroll = true, ...props }) => /* @__PURE__ */ jsx(Dialog.Root, {
+	closeOnInteractOutside,
+	preventScroll,
+	...props
 });
 //#endregion
-export { n as default };
+export { BitkitDialogRoot as default };
+
+//# sourceMappingURL=BitkitDialogRoot.js.map

package/dist/components/BitkitDialog/BitkitDialogRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitDialogRoot.js","names":[],"sources":["../../../lib/components/BitkitDialog/BitkitDialogRoot.tsx"],"sourcesContent":["import { Dialog } from '@chakra-ui/react/dialog';\n\nexport type BitkitDialogRootProps = Dialog.RootProps;\n\nconst BitkitDialogRoot = ({\n  closeOnInteractOutside = false,\n  preventScroll = true,\n  ...props\n}: BitkitDialogRootProps) => (\n  <Dialog.Root closeOnInteractOutside={closeOnInteractOutside} preventScroll={preventScroll} {...props} />\n);\n\nexport default BitkitDialogRoot;\n"],"mappings":";;;AAIA,IAAM,oBAAoB,EACxB,yBAAyB,OACzB,gBAAgB,MAChB,GAAG,YAEH,oBAAC,OAAO,MAAR;CAAqC;CAAuC;CAAe,GAAI;CAAS,CAAA"}

package/dist/components/BitkitEmptyState/BitkitEmptyState.js

@@ -1,24 +1,26 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Spinner as n } from "@chakra-ui/react/spinner";
-import { EmptyState as r } from "@chakra-ui/react/empty-state";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Spinner } from "@chakra-ui/react/spinner";
+import { EmptyState } from "@chakra-ui/react/empty-state";
 //#region lib/components/BitkitEmptyState/BitkitEmptyState.tsx
-var i = (i) => {
-	let { bodyText: a, children: o, headingText: s, icon: c, loading: l, ...u } = i;
-	return /* @__PURE__ */ e(r.Root, {
-		...u,
-		children: /* @__PURE__ */ t(r.Content, { children: [
-			/* @__PURE__ */ e(r.Indicator, {
-				asChild: !0,
-				children: l ? /* @__PURE__ */ e(n, {
+var BitkitEmptyState = (props) => {
+	const { bodyText, children, headingText, icon: Icon, loading, ...rest } = props;
+	return /* @__PURE__ */ jsx(EmptyState.Root, {
+		...rest,
+		children: /* @__PURE__ */ jsxs(EmptyState.Content, { children: [
+			/* @__PURE__ */ jsx(EmptyState.Indicator, {
+				asChild: true,
+				children: loading ? /* @__PURE__ */ jsx(Spinner, {
 					width: "24",
 					height: "24"
-				}) : /* @__PURE__ */ e(c, { size: "24" })
+				}) : /* @__PURE__ */ jsx(Icon, { size: "24" })
 			}),
-			/* @__PURE__ */ e(r.Title, { children: s }),
-			/* @__PURE__ */ e(r.Description, { children: a }),
-			!l && o
+			/* @__PURE__ */ jsx(EmptyState.Title, { children: headingText }),
+			/* @__PURE__ */ jsx(EmptyState.Description, { children: bodyText }),
+			!loading && children
 		] })
 	});
 };
 //#endregion
-export { i as default };
+export { BitkitEmptyState as default };
+
+//# sourceMappingURL=BitkitEmptyState.js.map

package/dist/components/BitkitEmptyState/BitkitEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitEmptyState.js","names":[],"sources":["../../../lib/components/BitkitEmptyState/BitkitEmptyState.tsx"],"sourcesContent":["import { EmptyState, type EmptyStateRootProps } from '@chakra-ui/react/empty-state';\nimport { Spinner } from '@chakra-ui/react/spinner';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport interface BitkitEmptyStateProps extends EmptyStateRootProps {\n  bodyText: string;\n  headingText: string;\n  icon: BitkitIconComponent;\n  loading?: boolean;\n}\n\nconst BitkitEmptyState = (props: BitkitEmptyStateProps) => {\n  const { bodyText, children, headingText, icon: Icon, loading, ...rest } = props;\n  return (\n    <EmptyState.Root {...rest}>\n      <EmptyState.Content>\n        <EmptyState.Indicator asChild>\n          {loading ? <Spinner width=\"24\" height=\"24\" /> : <Icon size=\"24\" />}\n        </EmptyState.Indicator>\n        <EmptyState.Title>{headingText}</EmptyState.Title>\n        <EmptyState.Description>{bodyText}</EmptyState.Description>\n        {!loading && children}\n      </EmptyState.Content>\n    </EmptyState.Root>\n  );\n};\n\nexport default BitkitEmptyState;\n"],"mappings":";;;;AAYA,IAAM,oBAAoB,UAAiC;CACzD,MAAM,EAAE,UAAU,UAAU,aAAa,MAAM,MAAM,SAAS,GAAG,SAAS;AAC1E,QACE,oBAAC,WAAW,MAAZ;EAAiB,GAAI;YACnB,qBAAC,WAAW,SAAZ,EAAA,UAAA;GACE,oBAAC,WAAW,WAAZ;IAAsB,SAAA;cACnB,UAAU,oBAAC,SAAD;KAAS,OAAM;KAAK,QAAO;KAAO,CAAA,GAAG,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA;IAC7C,CAAA;GACvB,oBAAC,WAAW,OAAZ,EAAA,UAAmB,aAA+B,CAAA;GAClD,oBAAC,WAAW,aAAZ,EAAA,UAAyB,UAAkC,CAAA;GAC1D,CAAC,WAAW;GACM,EAAA,CAAA;EACL,CAAA"}

package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js

@@ -1,59 +1,63 @@
-import e from "../../utilities/AssetSelectChevron.js";
-import { Box as t } from "@chakra-ui/react/box";
-import { useSlotRecipe as n } from "@chakra-ui/react/styled-system";
-import { Text as r } from "@chakra-ui/react/text";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Card as o } from "@chakra-ui/react/card";
-import { Collapsible as s } from "@chakra-ui/react/collapsible";
+import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
+import { Box } from "@chakra-ui/react/box";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { Text } from "@chakra-ui/react/text";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card } from "@chakra-ui/react/card";
+import { Collapsible } from "@chakra-ui/react/collapsible";
 //#region lib/components/BitkitExpandableCard/BitkitExpandableCard.tsx
-var c = (c) => {
-	let { children: l, defaultExpanded: u, expanded: d, icon: f, onChange: p, secdText: m, size: h = "lg", suffix: g, title: _, ...v } = c, y = n({ key: "expandableCard" })({ size: h }), b = p ? (e) => p(e.open) : void 0;
-	return /* @__PURE__ */ i(o.Root, {
-		css: y.root,
-		children: /* @__PURE__ */ a(s.Root, {
-			defaultOpen: u,
-			open: d,
-			onOpenChange: b,
-			...v,
-			children: [/* @__PURE__ */ a(s.Trigger, {
-				css: y.header,
-				children: [/* @__PURE__ */ a(t, {
+var BitkitExpandableCard = (props) => {
+	const { children, defaultExpanded, expanded, icon: Icon, onChange, secdText, size = "lg", suffix, title, ...rest } = props;
+	const styles = useSlotRecipe({ key: "expandableCard" })({ size });
+	const handleOpenChange = onChange ? (details) => onChange(details.open) : void 0;
+	return /* @__PURE__ */ jsx(Card.Root, {
+		css: styles.root,
+		children: /* @__PURE__ */ jsxs(Collapsible.Root, {
+			defaultOpen: defaultExpanded,
+			open: expanded,
+			onOpenChange: handleOpenChange,
+			...rest,
+			children: [/* @__PURE__ */ jsxs(Collapsible.Trigger, {
+				css: styles.header,
+				children: [/* @__PURE__ */ jsxs(Box, {
 					display: "flex",
 					alignItems: "center",
 					gap: "8",
-					children: [f && /* @__PURE__ */ i(t, {
-						css: y.icon,
-						children: /* @__PURE__ */ i(f, { size: "24" })
-					}), /* @__PURE__ */ a(t, {
+					children: [Icon && /* @__PURE__ */ jsx(Box, {
+						css: styles.icon,
+						children: /* @__PURE__ */ jsx(Icon, { size: "24" })
+					}), /* @__PURE__ */ jsxs(Box, {
 						display: "flex",
 						alignItems: "flex-start",
 						flexDirection: "column",
-						children: [_, !!m && /* @__PURE__ */ i(r, {
-							css: y.secdText,
-							children: m
+						children: [title, !!secdText && /* @__PURE__ */ jsx(Text, {
+							css: styles.secdText,
+							children: secdText
 						})]
 					})]
-				}), /* @__PURE__ */ a(t, {
+				}), /* @__PURE__ */ jsxs(Box, {
 					display: "flex",
 					alignItems: "center",
-					children: [!!g && /* @__PURE__ */ i(r, {
-						css: y.suffix,
-						children: g
-					}), /* @__PURE__ */ i(s.Indicator, {
-						asChild: !0,
-						children: /* @__PURE__ */ i(e, {})
+					children: [!!suffix && /* @__PURE__ */ jsx(Text, {
+						css: styles.suffix,
+						children: suffix
+					}), /* @__PURE__ */ jsx(Collapsible.Indicator, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(AssetSelectChevron, {})
 					})]
 				})]
-			}), /* @__PURE__ */ i(s.Content, {
-				css: y.collapsible,
-				children: /* @__PURE__ */ i(t, {
-					css: y.body,
-					children: l
+			}), /* @__PURE__ */ jsx(Collapsible.Content, {
+				css: styles.collapsible,
+				children: /* @__PURE__ */ jsx(Box, {
+					css: styles.body,
+					children
 				})
 			})]
 		})
 	});
 };
-c.displayName = "BitkitExpandableCard";
+BitkitExpandableCard.displayName = "BitkitExpandableCard";
 //#endregion
-export { c as default };
+export { BitkitExpandableCard as default };
+
+//# sourceMappingURL=BitkitExpandableCard.js.map

package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitExpandableCard.js","names":[],"sources":["../../../lib/components/BitkitExpandableCard/BitkitExpandableCard.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Card } from '@chakra-ui/react/card';\nimport { Collapsible, type CollapsibleRootProps } from '@chakra-ui/react/collapsible';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\n\ntype UncontrolledProps = {\n  defaultExpanded?: boolean;\n  expanded?: never;\n  onChange?: never;\n};\n\ntype ControlledProps = {\n  defaultExpanded?: never;\n  expanded: boolean;\n  onChange: (expanded: boolean) => void;\n};\n\nexport type BitkitExpandableCardProps = Omit<CollapsibleRootProps, 'defaultOpen' | 'onOpenChange' | 'open'> & {\n  children: ReactNode;\n  icon?: BitkitIconComponent;\n  secdText?: ReactNode;\n  size: 'md' | 'lg';\n  suffix?: ReactNode;\n  title: ReactNode;\n} & (UncontrolledProps | ControlledProps);\n\nconst BitkitExpandableCard = (props: BitkitExpandableCardProps) => {\n  const {\n    children,\n    defaultExpanded,\n    expanded,\n    icon: Icon,\n    onChange,\n    secdText,\n    size = 'lg',\n    suffix,\n    title,\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'expandableCard' });\n  const styles = recipe({ size });\n\n  const handleOpenChange = onChange ? (details: { open: boolean }) => onChange(details.open) : undefined;\n\n  return (\n    <Card.Root css={styles.root}>\n      <Collapsible.Root defaultOpen={defaultExpanded} open={expanded} onOpenChange={handleOpenChange} {...rest}>\n        <Collapsible.Trigger css={styles.header}>\n          <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n            {Icon && (\n              <Box css={styles.icon}>\n                <Icon size=\"24\" />\n              </Box>\n            )}\n            <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n              {title}\n              {!!secdText && <Text css={styles.secdText}>{secdText}</Text>}\n            </Box>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            {!!suffix && <Text css={styles.suffix}>{suffix}</Text>}\n            <Collapsible.Indicator asChild>\n              <AssetSelectChevron />\n            </Collapsible.Indicator>\n          </Box>\n        </Collapsible.Trigger>\n        <Collapsible.Content css={styles.collapsible}>\n          <Box css={styles.body}>{children}</Box>\n        </Collapsible.Content>\n      </Collapsible.Root>\n    </Card.Root>\n  );\n};\n\nBitkitExpandableCard.displayName = 'BitkitExpandableCard';\n\nexport default BitkitExpandableCard;\n"],"mappings":";;;;;;;;AA+BA,IAAM,wBAAwB,UAAqC;CACjE,MAAM,EACJ,UACA,iBACA,UACA,MAAM,MACN,UACA,UACA,OAAO,MACP,QACA,OACA,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,kBAAkB,CAAC,CACjC,EAAE,MAAM,CAAC;CAE/B,MAAM,mBAAmB,YAAY,YAA+B,SAAS,QAAQ,KAAK,GAAG,KAAA;AAE7F,QACE,oBAAC,KAAK,MAAN;EAAW,KAAK,OAAO;YACrB,qBAAC,YAAY,MAAb;GAAkB,aAAa;GAAiB,MAAM;GAAU,cAAc;GAAkB,GAAI;aAApG,CACE,qBAAC,YAAY,SAAb;IAAqB,KAAK,OAAO;cAAjC,CACE,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;KAAS,KAAI;eAA5C,CACG,QACC,oBAAC,KAAD;MAAK,KAAK,OAAO;gBACf,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA;MACd,CAAA,EAER,qBAAC,KAAD;MAAK,SAAQ;MAAO,YAAW;MAAa,eAAc;gBAA1D,CACG,OACA,CAAC,CAAC,YAAY,oBAAC,MAAD;OAAM,KAAK,OAAO;iBAAW;OAAgB,CAAA,CACxD;QACF;QACN,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;eAA/B,CACG,CAAC,CAAC,UAAU,oBAAC,MAAD;MAAM,KAAK,OAAO;gBAAS;MAAc,CAAA,EACtD,oBAAC,YAAY,WAAb;MAAuB,SAAA;gBACrB,oBAAC,oBAAD,EAAsB,CAAA;MACA,CAAA,CACpB;OACc;OACtB,oBAAC,YAAY,SAAb;IAAqB,KAAK,OAAO;cAC/B,oBAAC,KAAD;KAAK,KAAK,OAAO;KAAO;KAAe,CAAA;IACnB,CAAA,CACL;;EACT,CAAA;;AAIhB,qBAAqB,cAAc"}

package/dist/components/BitkitExplainerList/BitkitExplainerList.js

@@ -1,52 +1,54 @@
-import { Box as e } from "@chakra-ui/react/box";
-import { Text as t } from "@chakra-ui/react/text";
-import { forwardRef as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { List as a } from "@chakra-ui/react/list";
+import { Box } from "@chakra-ui/react/box";
+import { Text } from "@chakra-ui/react/text";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { List } from "@chakra-ui/react/list";
 //#region lib/components/BitkitExplainerList/BitkitExplainerList.tsx
-var o = n((e, t) => {
-	let { children: n, colorPalette: i = "neutral", size: o = "lg", ...s } = e;
-	return /* @__PURE__ */ r(a.Root, {
-		ref: t,
+var BitkitExplainerList = forwardRef((props, ref) => {
+	const { children, colorPalette = "neutral", size = "lg", ...rest } = props;
+	return /* @__PURE__ */ jsx(List.Root, {
+		ref,
 		as: "ol",
-		colorPalette: i,
+		colorPalette,
 		counterReset: "explainer-list",
-		size: o,
-		...s,
-		children: n
+		size,
+		...rest,
+		children
 	});
 });
-o.displayName = "BitkitExplainerList";
-var s = n((n, o) => {
-	let { children: s, helperText: c } = n;
-	return /* @__PURE__ */ i(a.Item, {
-		ref: o,
+BitkitExplainerList.displayName = "BitkitExplainerList";
+var BitkitExplainerListItem = forwardRef((props, ref) => {
+	const { children, helperText } = props;
+	return /* @__PURE__ */ jsxs(List.Item, {
+		ref,
 		counterIncrement: "explainer-list",
-		gap: c ? "12" : "6",
-		marginBlockEnd: c ? "8" : void 0,
-		children: [/* @__PURE__ */ r(a.Indicator, {
+		gap: helperText ? "12" : "6",
+		marginBlockEnd: helperText ? "8" : void 0,
+		children: [/* @__PURE__ */ jsx(List.Indicator, {
 			_before: { content: "counter(explainer-list)" },
 			background: "colorPalette.subtle",
 			borderRadius: "50%",
 			color: "colorPalette.strong",
-			height: c ? "24" : "20",
+			height: helperText ? "24" : "20",
 			overflow: "hidden",
 			textStyle: "comp/badge/sm",
-			width: c ? "24" : "20"
-		}), c ? /* @__PURE__ */ i(e, {
+			width: helperText ? "24" : "20"
+		}), helperText ? /* @__PURE__ */ jsxs(Box, {
 			display: "flex",
 			flex: "1",
 			flexDirection: "column",
 			minWidth: "0",
-			children: [s, /* @__PURE__ */ r(t, {
+			children: [children, /* @__PURE__ */ jsx(Text, {
 				color: "text/secondary",
 				textStyle: "body/md/regular",
-				children: c
+				children: helperText
 			})]
-		}) : s]
+		}) : children]
 	});
 });
-s.displayName = "BitkitExplainerListItem";
-var c = Object.assign(o, { Item: s });
+BitkitExplainerListItem.displayName = "BitkitExplainerListItem";
+var BitkitExplainerList_default = Object.assign(BitkitExplainerList, { Item: BitkitExplainerListItem });
 //#endregion
-export { c as default };
+export { BitkitExplainerList_default as default };
+
+//# sourceMappingURL=BitkitExplainerList.js.map

package/dist/components/BitkitExplainerList/BitkitExplainerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitExplainerList.js","names":[],"sources":["../../../lib/components/BitkitExplainerList/BitkitExplainerList.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { List, type ListRootProps } from '@chakra-ui/react/list';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\n// ----- BitkitExplainerList -----\n\nexport interface BitkitExplainerListProps extends Omit<ListRootProps, 'colorPalette'> {\n  children: ReactNode;\n  colorPalette?: 'neutral' | 'purple';\n}\n\nconst BitkitExplainerList = forwardRef<HTMLOListElement, BitkitExplainerListProps>((props, ref) => {\n  const { children, colorPalette = 'neutral', size = 'lg', ...rest } = props;\n\n  return (\n    <List.Root ref={ref} as=\"ol\" colorPalette={colorPalette} counterReset=\"explainer-list\" size={size} {...rest}>\n      {children}\n    </List.Root>\n  );\n});\n\nBitkitExplainerList.displayName = 'BitkitExplainerList';\n\n// ----- BitkitExplainerList.Item -----\n\nexport interface BitkitExplainerListItemProps {\n  children: ReactNode;\n  helperText?: string;\n}\n\nconst BitkitExplainerListItem = forwardRef<HTMLLIElement, BitkitExplainerListItemProps>((props, ref) => {\n  const { children, helperText } = props;\n\n  return (\n    <List.Item\n      ref={ref}\n      counterIncrement=\"explainer-list\"\n      gap={helperText ? '12' : '6'}\n      marginBlockEnd={helperText ? '8' : undefined}\n    >\n      <List.Indicator\n        _before={{ content: 'counter(explainer-list)' }}\n        background=\"colorPalette.subtle\"\n        borderRadius=\"50%\"\n        color=\"colorPalette.strong\"\n        height={helperText ? '24' : '20'}\n        overflow=\"hidden\"\n        textStyle=\"comp/badge/sm\"\n        width={helperText ? '24' : '20'}\n      />\n      {helperText ? (\n        <Box display=\"flex\" flex=\"1\" flexDirection=\"column\" minWidth=\"0\">\n          {children}\n          <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n            {helperText}\n          </Text>\n        </Box>\n      ) : (\n        children\n      )}\n    </List.Item>\n  );\n});\n\nBitkitExplainerListItem.displayName = 'BitkitExplainerListItem';\n\nexport default Object.assign(BitkitExplainerList, { Item: BitkitExplainerListItem });\n"],"mappings":";;;;;;AAYA,IAAM,sBAAsB,YAAwD,OAAO,QAAQ;CACjG,MAAM,EAAE,UAAU,eAAe,WAAW,OAAO,MAAM,GAAG,SAAS;AAErE,QACE,oBAAC,KAAK,MAAN;EAAgB;EAAK,IAAG;EAAmB;EAAc,cAAa;EAAuB;EAAM,GAAI;EACpG;EACS,CAAA;EAEd;AAEF,oBAAoB,cAAc;AASlC,IAAM,0BAA0B,YAAyD,OAAO,QAAQ;CACtG,MAAM,EAAE,UAAU,eAAe;AAEjC,QACE,qBAAC,KAAK,MAAN;EACO;EACL,kBAAiB;EACjB,KAAK,aAAa,OAAO;EACzB,gBAAgB,aAAa,MAAM,KAAA;YAJrC,CAME,oBAAC,KAAK,WAAN;GACE,SAAS,EAAE,SAAS,2BAA2B;GAC/C,YAAW;GACX,cAAa;GACb,OAAM;GACN,QAAQ,aAAa,OAAO;GAC5B,UAAS;GACT,WAAU;GACV,OAAO,aAAa,OAAO;GAC3B,CAAA,EACD,aACC,qBAAC,KAAD;GAAK,SAAQ;GAAO,MAAK;GAAI,eAAc;GAAS,UAAS;aAA7D,CACG,UACD,oBAAC,MAAD;IAAM,OAAM;IAAiB,WAAU;cACpC;IACI,CAAA,CACH;OAEN,SAEQ;;EAEd;AAEF,wBAAwB,cAAc;AAEtC,IAAA,8BAAe,OAAO,OAAO,qBAAqB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/BitkitField/BitkitField.js

@@ -1,38 +1,41 @@
-import e from "../BitkitLabel/BitkitLabel.js";
-import { forwardRef as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Field as i } from "@chakra-ui/react/field";
+import BitkitLabel from "../BitkitLabel/BitkitLabel.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field } from "@chakra-ui/react/field";
 //#region lib/components/BitkitField/BitkitField.tsx
-var a = t((t, a) => {
-	let { badge: o, counterText: s, children: c, errorText: l, helperText: u, label: d, optional: f, state: p, tooltip: m, warningText: h, ...g } = t, _ = p === "error" || !!l;
-	return /* @__PURE__ */ r(i.Root, {
-		disabled: p === "disabled",
-		invalid: _,
-		readOnly: p === "readOnly",
-		required: !f,
-		ref: a,
-		...g,
+var BitkitField = forwardRef((props, ref) => {
+	const { badge, counterText, children, errorText, helperText, label, optional, state, tooltip, warningText, ...rest } = props;
+	const isInvalid = state === "error" || !!errorText;
+	return /* @__PURE__ */ jsxs(Field.Root, {
+		disabled: state === "disabled",
+		invalid: isInvalid,
+		readOnly: state === "readOnly",
+		required: !optional,
+		ref,
+		...rest,
 		children: [
-			d || o || s ? /* @__PURE__ */ n(i.Label, {
-				asChild: !0,
-				children: /* @__PURE__ */ n(e, {
-					badge: o,
-					counterText: s,
-					optional: f,
-					tooltip: m,
-					children: d
+			!!label || !!badge || !!counterText ? /* @__PURE__ */ jsx(Field.Label, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(BitkitLabel, {
+					badge,
+					counterText,
+					optional,
+					tooltip,
+					children: label
 				})
 			}) : null,
-			c,
-			!!u && !l && !h && /* @__PURE__ */ n(i.HelperText, { children: u }),
-			!!h && !l && /* @__PURE__ */ n(i.HelperText, {
+			children,
+			!!helperText && !errorText && !warningText && /* @__PURE__ */ jsx(Field.HelperText, { children: helperText }),
+			!!warningText && !errorText && /* @__PURE__ */ jsx(Field.HelperText, {
 				color: "text/body",
-				children: h
+				children: warningText
 			}),
-			!!l && /* @__PURE__ */ n(i.ErrorText, { children: l })
+			!!errorText && /* @__PURE__ */ jsx(Field.ErrorText, { children: errorText })
 		]
 	});
 });
-a.displayName = "BitkitField";
+BitkitField.displayName = "BitkitField";
 //#endregion
-export { a as default };
+export { BitkitField as default };
+
+//# sourceMappingURL=BitkitField.js.map

package/dist/components/BitkitField/BitkitField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitField.js","names":[],"sources":["../../../lib/components/BitkitField/BitkitField.tsx"],"sourcesContent":["import { Field } from '@chakra-ui/react/field';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport BitkitLabel from '../BitkitLabel/BitkitLabel';\n\nexport interface BitkitFieldProps extends Omit<Field.RootProps, 'disabled' | 'invalid' | 'readOnly'> {\n  badge?: ReactNode;\n  children: ReactNode;\n  counterText?: string;\n  errorText?: ReactNode;\n  helperText?: ReactNode;\n  label?: string;\n  optional?: boolean;\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  tooltip?: string;\n  warningText?: ReactNode;\n}\n\nconst BitkitField = forwardRef<HTMLDivElement, BitkitFieldProps>((props, ref) => {\n  const { badge, counterText, children, errorText, helperText, label, optional, state, tooltip, warningText, ...rest } =\n    props;\n\n  const isInvalid = state === 'error' || !!errorText;\n\n  return (\n    <Field.Root\n      disabled={state === 'disabled'}\n      invalid={isInvalid}\n      readOnly={state === 'readOnly'}\n      required={!optional}\n      ref={ref}\n      {...rest}\n    >\n      {!!label || !!badge || !!counterText ? (\n        <Field.Label asChild>\n          <BitkitLabel badge={badge} counterText={counterText} optional={optional} tooltip={tooltip}>\n            {label}\n          </BitkitLabel>\n        </Field.Label>\n      ) : null}\n      {children}\n      {!!helperText && !errorText && !warningText && <Field.HelperText>{helperText}</Field.HelperText>}\n      {!!warningText && !errorText && <Field.HelperText color=\"text/body\">{warningText}</Field.HelperText>}\n      {!!errorText && <Field.ErrorText>{errorText}</Field.ErrorText>}\n    </Field.Root>\n  );\n});\n\nBitkitField.displayName = 'BitkitField';\n\nexport default BitkitField;\n"],"mappings":";;;;;AAkBA,IAAM,cAAc,YAA8C,OAAO,QAAQ;CAC/E,MAAM,EAAE,OAAO,aAAa,UAAU,WAAW,YAAY,OAAO,UAAU,OAAO,SAAS,aAAa,GAAG,SAC5G;CAEF,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC;AAEzC,QACE,qBAAC,MAAM,MAAP;EACE,UAAU,UAAU;EACpB,SAAS;EACT,UAAU,UAAU;EACpB,UAAU,CAAC;EACN;EACL,GAAI;YANN;GAQG,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,cACvB,oBAAC,MAAM,OAAP;IAAa,SAAA;cACX,oBAAC,aAAD;KAAoB;KAAoB;KAAuB;KAAmB;eAC/E;KACW,CAAA;IACF,CAAA,GACZ;GACH;GACA,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,eAAe,oBAAC,MAAM,YAAP,EAAA,UAAmB,YAA8B,CAAA;GAC/F,CAAC,CAAC,eAAe,CAAC,aAAa,oBAAC,MAAM,YAAP;IAAkB,OAAM;cAAa;IAA+B,CAAA;GACnG,CAAC,CAAC,aAAa,oBAAC,MAAM,WAAP,EAAA,UAAkB,WAA4B,CAAA;GACnD;;EAEf;AAEF,YAAY,cAAc"}