@bitrise/bitkit-v2 0.3.179 → 0.3.180

package/dist/atoms/ImageCropper/ImageCropper.js

@@ -1,8 +1,9 @@
-import { createSlotRecipeContext as e } from "@chakra-ui/react/styled-system";
-import { ImageCropper as t, useImageCropperContext as n } from "@ark-ui/react/image-cropper";
+import { createSlotRecipeContext } from "@chakra-ui/react/styled-system";
+import { ImageCropper, useImageCropperContext } from "@ark-ui/react/image-cropper";
 //#region lib/atoms/ImageCropper/ImageCropper.tsx
-var { withProvider: r, withContext: i, useStyles: a } = e({ key: "imageCropper" }), o = r(i(t.Root, "root", {
-	forwardAsChild: !0,
+var { withProvider, withContext, useStyles } = createSlotRecipeContext({ key: "imageCropper" });
+var ImageCropperRoot = withProvider(withContext(ImageCropper.Root, "root", {
+	forwardAsChild: true,
 	forwardProps: [
 		"aspectRatio",
 		"minWidth",
@@ -16,17 +17,25 @@ var { withProvider: r, withContext: i, useStyles: a } = e({ key: "imageCropper"
 	"minHeight",
 	"maxWidth",
 	"maxHeight"
-] }), s = i(t.Viewport, "viewport", { forwardAsChild: !0 }), c = i(t.Image, "image", { forwardAsChild: !0 }), l = i(t.Selection, "selection", { forwardAsChild: !0 }), u = i(t.Handle, "handle", {
-	forwardAsChild: !0,
+] });
+var ImageCropperViewport = withContext(ImageCropper.Viewport, "viewport", { forwardAsChild: true });
+var ImageCropperImage = withContext(ImageCropper.Image, "image", { forwardAsChild: true });
+var ImageCropperSelection = withContext(ImageCropper.Selection, "selection", { forwardAsChild: true });
+var ImageCropperHandle = withContext(ImageCropper.Handle, "handle", {
+	forwardAsChild: true,
 	forwardProps: ["position"]
-}), d = i(t.Grid, "grid", { forwardAsChild: !0 }), f = {
-	handles: t.handles,
-	Root: o,
-	Viewport: s,
-	Image: c,
-	Selection: l,
-	Handle: u,
-	Grid: d
+});
+var ImageCropperGrid = withContext(ImageCropper.Grid, "grid", { forwardAsChild: true });
+var ImageCropper_default = {
+	handles: ImageCropper.handles,
+	Root: ImageCropperRoot,
+	Viewport: ImageCropperViewport,
+	Image: ImageCropperImage,
+	Selection: ImageCropperSelection,
+	Handle: ImageCropperHandle,
+	Grid: ImageCropperGrid
 };
 //#endregion
-export { f as default, n as useImageCropperContext };
+export { ImageCropper_default as default, useImageCropperContext };
+
+//# sourceMappingURL=ImageCropper.js.map

package/dist/atoms/ImageCropper/ImageCropper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCropper.js","names":[],"sources":["../../../lib/atoms/ImageCropper/ImageCropper.tsx"],"sourcesContent":["import { ImageCropper as ArkImageCropper } from '@ark-ui/react/image-cropper';\nimport { createSlotRecipeContext, type HTMLChakraProps, type UnstyledProp } from '@chakra-ui/react/styled-system';\n\nconst { withProvider, withContext, useStyles } = createSlotRecipeContext({ key: 'imageCropper' });\n\nexport interface ImageCropperRootProps extends HTMLChakraProps<'div', ArkImageCropper.RootProps>, UnstyledProp {}\n\nexport const ImageCropperRoot = withProvider<HTMLDivElement, ImageCropperRootProps>(\n  withContext<HTMLDivElement, ImageCropperRootProps>(ArkImageCropper.Root, 'root', {\n    forwardAsChild: true,\n    forwardProps: ['aspectRatio', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight'],\n  }),\n  'root',\n  {\n    forwardProps: ['aspectRatio', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight'],\n  },\n);\n\nexport const ImageCropperViewport = withContext<HTMLDivElement, HTMLChakraProps<'div'>>(\n  ArkImageCropper.Viewport,\n  'viewport',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport const ImageCropperImage = withContext<HTMLImageElement, HTMLChakraProps<'img'>>(ArkImageCropper.Image, 'image', {\n  forwardAsChild: true,\n});\n\nexport const ImageCropperSelection = withContext<HTMLDivElement, HTMLChakraProps<'div'>>(\n  ArkImageCropper.Selection,\n  'selection',\n  {\n    forwardAsChild: true,\n  },\n);\n\nexport const ImageCropperHandle = withContext<HTMLDivElement, HTMLChakraProps<'div', ArkImageCropper.HandleProps>>(\n  ArkImageCropper.Handle,\n  'handle',\n  {\n    forwardAsChild: true,\n    forwardProps: ['position'],\n  },\n);\n\nexport const ImageCropperGrid = withContext<HTMLDivElement, HTMLChakraProps<'div'>>(ArkImageCropper.Grid, 'grid', {\n  forwardAsChild: true,\n});\n\nexport default {\n  handles: ArkImageCropper.handles,\n  Root: ImageCropperRoot,\n  Viewport: ImageCropperViewport,\n  Image: ImageCropperImage,\n  Selection: ImageCropperSelection,\n  Handle: ImageCropperHandle,\n  Grid: ImageCropperGrid,\n};\n\nexport { useStyles as useImageCropperStyles };\n\nexport { useImageCropper, useImageCropperContext } from '@ark-ui/react/image-cropper';\n"],"mappings":";;;AAGA,IAAM,EAAE,cAAc,aAAa,cAAc,wBAAwB,EAAE,KAAK,gBAAgB,CAAC;AAIjG,IAAa,mBAAmB,aAC9B,YAAmD,aAAgB,MAAM,QAAQ;CAC/E,gBAAgB;CAChB,cAAc;EAAC;EAAe;EAAY;EAAa;EAAY;EAAY;CAChF,CAAC,EACF,QACA,EACE,cAAc;CAAC;CAAe;CAAY;CAAa;CAAY;CAAY,EAChF,CACF;AAED,IAAa,uBAAuB,YAClC,aAAgB,UAChB,YACA,EACE,gBAAgB,MACjB,CACF;AAED,IAAa,oBAAoB,YAAsD,aAAgB,OAAO,SAAS,EACrH,gBAAgB,MACjB,CAAC;AAEF,IAAa,wBAAwB,YACnC,aAAgB,WAChB,aACA,EACE,gBAAgB,MACjB,CACF;AAED,IAAa,qBAAqB,YAChC,aAAgB,QAChB,UACA;CACE,gBAAgB;CAChB,cAAc,CAAC,WAAW;CAC3B,CACF;AAED,IAAa,mBAAmB,YAAoD,aAAgB,MAAM,QAAQ,EAChH,gBAAgB,MACjB,CAAC;AAEF,IAAA,uBAAe;CACb,SAAS,aAAgB;CACzB,MAAM;CACN,UAAU;CACV,OAAO;CACP,WAAW;CACX,QAAQ;CACR,MAAM;CACP"}

package/dist/components/BitkitAccordion/BitkitAccordion.js

@@ -1,66 +1,78 @@
-import e from "../../utilities/AssetSelectChevron.js";
-import { Accordion as t, useAccordionItemContext as n } from "@chakra-ui/react/accordion";
-import { Box as r } from "@chakra-ui/react/box";
-import { useSlotRecipe as i } from "@chakra-ui/react/styled-system";
-import { Text as a } from "@chakra-ui/react/text";
-import { forwardRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
+import { Accordion, useAccordionItemContext } from "@chakra-ui/react/accordion";
+import { Box } from "@chakra-ui/react/box";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { Text } from "@chakra-ui/react/text";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/BitkitAccordion/BitkitAccordion.tsx
-var l = o((e, n) => /* @__PURE__ */ s(t.Root, {
-	ref: n,
-	multiple: !0,
-	...e
-})), u = o((e, n) => /* @__PURE__ */ s(t.Item, {
-	ref: n,
-	...e
-})), d = o(({ children: n, icon: o, secondaryText: l, suffix: u, ...d }, f) => {
-	let p = i({ key: "accordion" })();
-	return /* @__PURE__ */ c(t.ItemTrigger, {
-		ref: f,
-		...d,
-		children: [/* @__PURE__ */ c(r, {
+var Root = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(Accordion.Root, {
+		ref,
+		multiple: true,
+		...props
+	});
+});
+var Item = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(Accordion.Item, {
+		ref,
+		...props
+	});
+});
+var ItemTrigger = forwardRef(({ children, icon: Icon, secondaryText, suffix, ...props }, ref) => {
+	const styles = useSlotRecipe({ key: "accordion" })();
+	return /* @__PURE__ */ jsxs(Accordion.ItemTrigger, {
+		ref,
+		...props,
+		children: [/* @__PURE__ */ jsxs(Box, {
 			display: "flex",
 			alignItems: "center",
 			gap: "8",
-			children: [o && /* @__PURE__ */ s(r, {
-				css: p.icon,
-				asChild: !0,
-				children: /* @__PURE__ */ s(o, { size: "16" })
-			}), /* @__PURE__ */ c(r, {
+			children: [Icon && /* @__PURE__ */ jsx(Box, {
+				css: styles.icon,
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Icon, { size: "16" })
+			}), /* @__PURE__ */ jsxs(Box, {
 				display: "flex",
 				alignItems: "flex-start",
 				flexDirection: "column",
-				children: [n, l && /* @__PURE__ */ s(a, {
-					css: p.secdText,
-					children: l
+				children: [children, secondaryText && /* @__PURE__ */ jsx(Text, {
+					css: styles.secdText,
+					children: secondaryText
 				})]
 			})]
-		}), /* @__PURE__ */ c(r, {
+		}), /* @__PURE__ */ jsxs(Box, {
 			display: "flex",
 			alignItems: "center",
-			children: [u && /* @__PURE__ */ s(a, {
-				css: p.suffix,
-				children: l
-			}), /* @__PURE__ */ s(t.ItemIndicator, {
-				asChild: !0,
-				children: /* @__PURE__ */ s(e, {})
+			children: [suffix && /* @__PURE__ */ jsx(Text, {
+				css: styles.suffix,
+				children: secondaryText
+			}), /* @__PURE__ */ jsx(Accordion.ItemIndicator, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(AssetSelectChevron, {})
 			})]
 		})]
 	});
-}), f = o(({ ...e }, r) => {
-	let i = n();
-	return /* @__PURE__ */ s(t.ItemContent, { children: /* @__PURE__ */ s(t.ItemBody, {
-		ref: r,
-		"aria-disabled": i.disabled,
-		...e
+});
+var ItemBody = forwardRef(({ ...props }, ref) => {
+	const itemProps = useAccordionItemContext();
+	return /* @__PURE__ */ jsx(Accordion.ItemContent, { children: /* @__PURE__ */ jsx(Accordion.ItemBody, {
+		ref,
+		"aria-disabled": itemProps.disabled,
+		...props
 	}) });
 });
-l.displayName = "BitkitAccordion.Root", f.displayName = "BitkitAccordion.ItemBody", u.displayName = "BitkitAccordion.Item", d.displayName = "BitkitAccordion.ItemTrigger";
-var p = {
-	Root: l,
-	Item: u,
-	ItemTrigger: d,
-	ItemBody: f
+Root.displayName = "BitkitAccordion.Root";
+ItemBody.displayName = "BitkitAccordion.ItemBody";
+Item.displayName = "BitkitAccordion.Item";
+ItemTrigger.displayName = "BitkitAccordion.ItemTrigger";
+var BitkitAccordion = {
+	Root,
+	Item,
+	ItemTrigger,
+	ItemBody
 };
 //#endregion
-export { p as default };
+export { BitkitAccordion as default };
+
+//# sourceMappingURL=BitkitAccordion.js.map

package/dist/components/BitkitAccordion/BitkitAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitAccordion.js","names":[],"sources":["../../../lib/components/BitkitAccordion/BitkitAccordion.tsx"],"sourcesContent":["import {\n  Accordion,\n  type AccordionItemBodyProps,\n  type AccordionItemProps,\n  type AccordionItemTriggerProps,\n  type AccordionRootProps,\n  useAccordionItemContext,\n} from '@chakra-ui/react/accordion';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\n\nexport type BitkitAccordionProps = AccordionRootProps;\nexport type BitkitAccordionItemProps = AccordionItemProps;\nexport interface BitkitAccordionItemTriggerProps extends AccordionItemTriggerProps {\n  icon?: BitkitIconComponent;\n  secondaryText?: ReactNode;\n  suffix?: ReactNode;\n}\nexport type BitkitAccordionItemBodyProps = AccordionItemBodyProps;\n\nconst Root = forwardRef<HTMLDivElement, BitkitAccordionProps>((props, ref) => {\n  return <Accordion.Root ref={ref} multiple {...props} />;\n});\nconst Item = forwardRef<HTMLDivElement, BitkitAccordionItemProps>((props, ref) => {\n  return <Accordion.Item ref={ref} {...props}></Accordion.Item>;\n});\nconst ItemTrigger = forwardRef<HTMLButtonElement, BitkitAccordionItemTriggerProps>(\n  ({ children, icon: Icon, secondaryText, suffix, ...props }, ref) => {\n    const recipe = useSlotRecipe({ key: 'accordion' });\n    const styles = recipe();\n    return (\n      <Accordion.ItemTrigger ref={ref} {...props}>\n        <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n          {Icon && (\n            <Box css={styles.icon} asChild>\n              <Icon size=\"16\" />\n            </Box>\n          )}\n          <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n            {children}\n            {secondaryText && <Text css={styles.secdText}>{secondaryText}</Text>}\n          </Box>\n        </Box>\n        <Box display=\"flex\" alignItems=\"center\">\n          {suffix && <Text css={styles.suffix}>{secondaryText}</Text>}\n          <Accordion.ItemIndicator asChild>\n            <AssetSelectChevron />\n          </Accordion.ItemIndicator>\n        </Box>\n      </Accordion.ItemTrigger>\n    );\n  },\n);\nconst ItemBody = forwardRef<HTMLDivElement, BitkitAccordionItemBodyProps>(({ ...props }, ref) => {\n  const itemProps = useAccordionItemContext();\n  return (\n    <Accordion.ItemContent>\n      <Accordion.ItemBody ref={ref} aria-disabled={itemProps.disabled} {...props} />\n    </Accordion.ItemContent>\n  );\n});\n\nRoot.displayName = 'BitkitAccordion.Root';\nItemBody.displayName = 'BitkitAccordion.ItemBody';\nItem.displayName = 'BitkitAccordion.Item';\nItemTrigger.displayName = 'BitkitAccordion.ItemTrigger';\nconst BitkitAccordion = { Root, Item, ItemTrigger, ItemBody };\n\nexport default BitkitAccordion;\n"],"mappings":";;;;;;;;AAyBA,IAAM,OAAO,YAAkD,OAAO,QAAQ;AAC5E,QAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,UAAA;EAAS,GAAI;EAAS,CAAA;EACvD;AACF,IAAM,OAAO,YAAsD,OAAO,QAAQ;AAChF,QAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,GAAI;EAAwB,CAAA;EAC7D;AACF,IAAM,cAAc,YACjB,EAAE,UAAU,MAAM,MAAM,eAAe,QAAQ,GAAG,SAAS,QAAQ;CAElE,MAAM,SADS,cAAc,EAAE,KAAK,aAAa,CAAC,EAC3B;AACvB,QACE,qBAAC,UAAU,aAAX;EAA4B;EAAK,GAAI;YAArC,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C,CACG,QACC,oBAAC,KAAD;IAAK,KAAK,OAAO;IAAM,SAAA;cACrB,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA;IACd,CAAA,EAER,qBAAC,KAAD;IAAK,SAAQ;IAAO,YAAW;IAAa,eAAc;cAA1D,CACG,UACA,iBAAiB,oBAAC,MAAD;KAAM,KAAK,OAAO;eAAW;KAAqB,CAAA,CAChE;MACF;MACN,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;aAA/B,CACG,UAAU,oBAAC,MAAD;IAAM,KAAK,OAAO;cAAS;IAAqB,CAAA,EAC3D,oBAAC,UAAU,eAAX;IAAyB,SAAA;cACvB,oBAAC,oBAAD,EAAsB,CAAA;IACE,CAAA,CACtB;KACgB;;EAG7B;AACD,IAAM,WAAW,YAA0D,EAAE,GAAG,SAAS,QAAQ;CAC/F,MAAM,YAAY,yBAAyB;AAC3C,QACE,oBAAC,UAAU,aAAX,EAAA,UACE,oBAAC,UAAU,UAAX;EAAyB;EAAK,iBAAe,UAAU;EAAU,GAAI;EAAS,CAAA,EACxD,CAAA;EAE1B;AAEF,KAAK,cAAc;AACnB,SAAS,cAAc;AACvB,KAAK,cAAc;AACnB,YAAY,cAAc;AAC1B,IAAM,kBAAkB;CAAE;CAAM;CAAM;CAAa;CAAU"}

package/dist/components/BitkitActionBar/BitkitActionBar.js

@@ -1,28 +1,30 @@
-import e from "../BitkitCloseButton/BitkitCloseButton.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { ActionBar as r } from "@chakra-ui/react/action-bar";
-import { Portal as i } from "@chakra-ui/react/portal";
+import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ActionBar } from "@chakra-ui/react/action-bar";
+import { Portal } from "@chakra-ui/react/portal";
 //#region lib/components/BitkitActionBar/BitkitActionBar.tsx
-var a = (a) => {
-	let { children: o, countValue: s, onClose: c, size: l, ...u } = a;
-	return /* @__PURE__ */ t(r.Root, {
-		size: l,
-		...u,
-		children: /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r.Positioner, { children: /* @__PURE__ */ n(r.Content, { children: [
-			/* @__PURE__ */ n(r.SelectionTrigger, {
+var BitkitActionBar = (props) => {
+	const { children, countValue, onClose, size, ...rest } = props;
+	return /* @__PURE__ */ jsx(ActionBar.Root, {
+		size,
+		...rest,
+		children: /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ActionBar.Positioner, { children: /* @__PURE__ */ jsxs(ActionBar.Content, { children: [
+			/* @__PURE__ */ jsxs(ActionBar.SelectionTrigger, {
 				tabIndex: -1,
-				textStyle: l === "xs" ? "body/sm/regular" : "body/md/regular",
-				children: [s, " selected"]
+				textStyle: size === "xs" ? "body/sm/regular" : "body/md/regular",
+				children: [countValue, " selected"]
 			}),
-			/* @__PURE__ */ t(r.Separator, {}),
-			o,
-			!!c && /* @__PURE__ */ t(e, {
+			/* @__PURE__ */ jsx(ActionBar.Separator, {}),
+			children,
+			!!onClose && /* @__PURE__ */ jsx(BitkitCloseButton, {
 				colorPalette: "neutral",
-				onClick: c,
-				size: l
+				onClick: onClose,
+				size
 			})
 		] }) }) })
 	});
 };
 //#endregion
-export { a as default };
+export { BitkitActionBar as default };
+
+//# sourceMappingURL=BitkitActionBar.js.map

package/dist/components/BitkitActionBar/BitkitActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitActionBar.js","names":[],"sources":["../../../lib/components/BitkitActionBar/BitkitActionBar.tsx"],"sourcesContent":["import { ActionBar, type ActionBarRootProps } from '@chakra-ui/react/action-bar';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { type ReactNode } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport interface BitkitActionBarProps extends ActionBarRootProps {\n  children: ReactNode;\n  countValue: number;\n  onClose?: () => void;\n}\n\nconst BitkitActionBar = (props: BitkitActionBarProps) => {\n  const { children, countValue, onClose, size, ...rest } = props;\n  return (\n    <ActionBar.Root size={size} {...rest}>\n      <Portal>\n        <ActionBar.Positioner>\n          <ActionBar.Content>\n            <ActionBar.SelectionTrigger tabIndex={-1} textStyle={size === 'xs' ? 'body/sm/regular' : 'body/md/regular'}>\n              {countValue} selected\n            </ActionBar.SelectionTrigger>\n            <ActionBar.Separator />\n            {children}\n            {!!onClose && <BitkitCloseButton colorPalette=\"neutral\" onClick={onClose} size={size} />}\n          </ActionBar.Content>\n        </ActionBar.Positioner>\n      </Portal>\n    </ActionBar.Root>\n  );\n};\n\nexport default BitkitActionBar;\n"],"mappings":";;;;;AAYA,IAAM,mBAAmB,UAAgC;CACvD,MAAM,EAAE,UAAU,YAAY,SAAS,MAAM,GAAG,SAAS;AACzD,QACE,oBAAC,UAAU,MAAX;EAAsB;EAAM,GAAI;YAC9B,oBAAC,QAAD,EAAA,UACE,oBAAC,UAAU,YAAX,EAAA,UACE,qBAAC,UAAU,SAAX,EAAA,UAAA;GACE,qBAAC,UAAU,kBAAX;IAA4B,UAAU;IAAI,WAAW,SAAS,OAAO,oBAAoB;cAAzF,CACG,YAAW,YACe;;GAC7B,oBAAC,UAAU,WAAX,EAAuB,CAAA;GACtB;GACA,CAAC,CAAC,WAAW,oBAAC,mBAAD;IAAmB,cAAa;IAAU,SAAS;IAAe;IAAQ,CAAA;GACtE,EAAA,CAAA,EACC,CAAA,EAChB,CAAA;EACM,CAAA"}

package/dist/components/BitkitActionMenu/BitkitActionMenu.js

@@ -1,51 +1,61 @@
-import { Box as e } from "@chakra-ui/react/box";
-import { Text as t } from "@chakra-ui/react/text";
-import { createContext as n, forwardRef as r, useContext as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Portal as s } from "@chakra-ui/react/portal";
-import { Separator as c } from "@chakra-ui/react/separator";
-import { Menu as l, useMenuStyles as u } from "@chakra-ui/react/menu";
+import { Box } from "@chakra-ui/react/box";
+import { Text } from "@chakra-ui/react/text";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
+import { Separator } from "@chakra-ui/react/separator";
+import { Menu, useMenuStyles } from "@chakra-ui/react/menu";
 //#region lib/components/BitkitActionMenu/BitkitActionMenu.tsx
-var d = n("lg"), f = ({ trigger: e, children: t, ...n }) => /* @__PURE__ */ o(l.Root, {
-	...n,
-	children: [/* @__PURE__ */ a(l.Trigger, {
-		asChild: !0,
-		children: e
-	}), /* @__PURE__ */ a(s, { children: /* @__PURE__ */ a(l.Positioner, { children: /* @__PURE__ */ a(d.Provider, {
-		value: n.size,
-		children: /* @__PURE__ */ a(l.Content, { children: t })
-	}) }) })]
-});
-f.displayName = "BitkitActionMenu.Root";
-var p = r(({ danger: n, secondaryText: r, icon: s, children: c, ...f }, p) => {
-	let m = u(), h = i(d);
-	return /* @__PURE__ */ o(l.Item, {
-		"data-danger": n,
-		ref: p,
-		...f,
-		children: [s && /* @__PURE__ */ a(s, { size: h === "lg" ? "24" : "16" }), /* @__PURE__ */ o(e, {
+var BitkitMenuContext = createContext("lg");
+var Root = ({ trigger, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(Menu.Root, {
+		...props,
+		children: [/* @__PURE__ */ jsx(Menu.Trigger, {
+			asChild: true,
+			children: trigger
+		}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(BitkitMenuContext.Provider, {
+			value: props.size,
+			children: /* @__PURE__ */ jsx(Menu.Content, { children })
+		}) }) })]
+	});
+};
+Root.displayName = "BitkitActionMenu.Root";
+var Item = forwardRef(({ danger, secondaryText, icon: Icon, children, ...props }, ref) => {
+	const style = useMenuStyles();
+	const menuCtx = useContext(BitkitMenuContext);
+	return /* @__PURE__ */ jsxs(Menu.Item, {
+		"data-danger": danger,
+		ref,
+		...props,
+		children: [Icon && /* @__PURE__ */ jsx(Icon, { size: menuCtx === "lg" ? "24" : "16" }), /* @__PURE__ */ jsxs(Box, {
 			flex: "1",
-			children: [/* @__PURE__ */ a(t, { children: c }), r && /* @__PURE__ */ a(t, {
-				css: m.itemHelper,
-				children: r
+			children: [/* @__PURE__ */ jsx(Text, { children }), secondaryText && /* @__PURE__ */ jsx(Text, {
+				css: style.itemHelper,
+				children: secondaryText
 			})]
 		})]
 	});
 });
-p.displayName = "BitkitActionMenu.Item";
-var m = r(({ label: e, children: n, ...r }, i) => /* @__PURE__ */ o(l.ItemGroup, {
-	ref: i,
-	...r,
-	children: [/* @__PURE__ */ o(l.ItemGroupLabel, { children: [/* @__PURE__ */ a(t, { children: e }), /* @__PURE__ */ a(c, { flex: "1" })] }), n]
-}));
-m.displayName = "BitkitActionMenu.Group";
-var h = () => /* @__PURE__ */ a(l.Separator, {});
-h.displayName = "BitkitActionMenu.Separator";
-var g = {
-	Root: f,
-	Separator: h,
-	Item: p,
-	Group: m
+Item.displayName = "BitkitActionMenu.Item";
+var Group = forwardRef(({ label, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs(Menu.ItemGroup, {
+		ref,
+		...props,
+		children: [/* @__PURE__ */ jsxs(Menu.ItemGroupLabel, { children: [/* @__PURE__ */ jsx(Text, { children: label }), /* @__PURE__ */ jsx(Separator, { flex: "1" })] }), children]
+	});
+});
+Group.displayName = "BitkitActionMenu.Group";
+var Separator$1 = () => {
+	return /* @__PURE__ */ jsx(Menu.Separator, {});
+};
+Separator$1.displayName = "BitkitActionMenu.Separator";
+var BitkitActionMenu = {
+	Root,
+	Separator: Separator$1,
+	Item,
+	Group
 };
 //#endregion
-export { g as default };
+export { BitkitActionMenu as default };
+
+//# sourceMappingURL=BitkitActionMenu.js.map

package/dist/components/BitkitActionMenu/BitkitActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitActionMenu.js","names":[],"sources":["../../../lib/components/BitkitActionMenu/BitkitActionMenu.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport {\n  Menu,\n  type MenuItemGroupProps,\n  type MenuItemProps,\n  type MenuRootProps,\n  useMenuStyles,\n} from '@chakra-ui/react/menu';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Separator as ChakraSeparator } from '@chakra-ui/react/separator';\nimport { Text } from '@chakra-ui/react/text';\nimport { createContext, forwardRef, type ReactNode, useContext } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nconst BitkitMenuContext = createContext<MenuRootProps['size']>('lg');\n\ninterface BitkitMenuRootProps extends Omit<MenuRootProps, 'children'> {\n  trigger: ReactNode;\n  children?: ReactNode;\n}\n\nconst Root = ({ trigger, children, ...props }: BitkitMenuRootProps) => {\n  return (\n    <Menu.Root {...props}>\n      <Menu.Trigger asChild>{trigger}</Menu.Trigger>\n      <Portal>\n        <Menu.Positioner>\n          <BitkitMenuContext.Provider value={props.size}>\n            <Menu.Content>{children}</Menu.Content>\n          </BitkitMenuContext.Provider>\n        </Menu.Positioner>\n      </Portal>\n    </Menu.Root>\n  );\n};\nRoot.displayName = 'BitkitActionMenu.Root';\n\nexport interface BitkitMenuItemProps extends MenuItemProps {\n  danger?: boolean;\n  secondaryText?: ReactNode;\n  icon?: BitkitIconComponent;\n}\nconst Item = forwardRef<HTMLDivElement, BitkitMenuItemProps>(\n  ({ danger, secondaryText, icon: Icon, children, ...props }, ref) => {\n    const style = useMenuStyles();\n    const menuCtx = useContext(BitkitMenuContext);\n    return (\n      <Menu.Item data-danger={danger} ref={ref} {...props}>\n        {Icon && <Icon size={menuCtx === 'lg' ? '24' : '16'} />}\n        <Box flex=\"1\">\n          <Text>{children}</Text>\n          {secondaryText && <Text css={style.itemHelper}>{secondaryText}</Text>}\n        </Box>\n      </Menu.Item>\n    );\n  },\n);\nItem.displayName = 'BitkitActionMenu.Item';\n\nexport interface BitkitMenuGroupProps extends MenuItemGroupProps {\n  label: ReactNode;\n}\nconst Group = forwardRef<HTMLDivElement, BitkitMenuGroupProps>(({ label, children, ...props }, ref) => {\n  return (\n    <Menu.ItemGroup ref={ref} {...props}>\n      <Menu.ItemGroupLabel>\n        <Text>{label}</Text>\n        <ChakraSeparator flex=\"1\" />\n      </Menu.ItemGroupLabel>\n      {children}\n    </Menu.ItemGroup>\n  );\n});\nGroup.displayName = 'BitkitActionMenu.Group';\n\nconst Separator = () => {\n  return <Menu.Separator />;\n};\nSeparator.displayName = 'BitkitActionMenu.Separator';\n\nconst BitkitActionMenu = {\n  Root,\n  Separator,\n  Item,\n  Group,\n};\n\nexport default BitkitActionMenu;\n"],"mappings":";;;;;;;;AAeA,IAAM,oBAAoB,cAAqC,KAAK;AAOpE,IAAM,QAAQ,EAAE,SAAS,UAAU,GAAG,YAAiC;AACrE,QACE,qBAAC,KAAK,MAAN;EAAW,GAAI;YAAf,CACE,oBAAC,KAAK,SAAN;GAAc,SAAA;aAAS;GAAuB,CAAA,EAC9C,oBAAC,QAAD,EAAA,UACE,oBAAC,KAAK,YAAN,EAAA,UACE,oBAAC,kBAAkB,UAAnB;GAA4B,OAAO,MAAM;aACvC,oBAAC,KAAK,SAAN,EAAe,UAAwB,CAAA;GACZ,CAAA,EACb,CAAA,EACX,CAAA,CACC;;;AAGhB,KAAK,cAAc;AAOnB,IAAM,OAAO,YACV,EAAE,QAAQ,eAAe,MAAM,MAAM,UAAU,GAAG,SAAS,QAAQ;CAClE,MAAM,QAAQ,eAAe;CAC7B,MAAM,UAAU,WAAW,kBAAkB;AAC7C,QACE,qBAAC,KAAK,MAAN;EAAW,eAAa;EAAa;EAAK,GAAI;YAA9C,CACG,QAAQ,oBAAC,MAAD,EAAM,MAAM,YAAY,OAAO,OAAO,MAAQ,CAAA,EACvD,qBAAC,KAAD;GAAK,MAAK;aAAV,CACE,oBAAC,MAAD,EAAO,UAAgB,CAAA,EACtB,iBAAiB,oBAAC,MAAD;IAAM,KAAK,MAAM;cAAa;IAAqB,CAAA,CACjE;KACI;;EAGjB;AACD,KAAK,cAAc;AAKnB,IAAM,QAAQ,YAAkD,EAAE,OAAO,UAAU,GAAG,SAAS,QAAQ;AACrG,QACE,qBAAC,KAAK,WAAN;EAAqB;EAAK,GAAI;YAA9B,CACE,qBAAC,KAAK,gBAAN,EAAA,UAAA,CACE,oBAAC,MAAD,EAAA,UAAO,OAAa,CAAA,EACpB,oBAAC,WAAD,EAAiB,MAAK,KAAM,CAAA,CACR,EAAA,CAAA,EACrB,SACc;;EAEnB;AACF,MAAM,cAAc;AAEpB,IAAM,oBAAkB;AACtB,QAAO,oBAAC,KAAK,WAAN,EAAkB,CAAA;;AAE3B,YAAU,cAAc;AAExB,IAAM,mBAAmB;CACvB;CACA,WAAA;CACA;CACA;CACD"}

package/dist/components/BitkitAlert/BitkitAlert.js

@@ -1,43 +1,46 @@
-import e from "../BitkitCloseButton/BitkitCloseButton.js";
-import { rem as t } from "../../theme/themeUtils.js";
-import n from "../BitkitColorButton/BitkitColorButton.js";
-import { BUTTON_COLORS_MAP as r, ICON_COMPONENTS_MAP as i } from "../common/notificationMaps.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Alert as s } from "@chakra-ui/react/alert";
+import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
+import { rem } from "../../theme/themeUtils.js";
+import BitkitColorButton from "../BitkitColorButton/BitkitColorButton.js";
+import { BUTTON_COLORS_MAP, ICON_COMPONENTS_MAP } from "../common/notificationMaps.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Alert } from "@chakra-ui/react/alert";
 //#region lib/components/BitkitAlert/BitkitAlert.tsx
-var c = (c) => {
-	let { action: l, dismissible: u, messageText: d, onClose: f, titleText: p, variant: m, ...h } = c, g = i[m];
-	return /* @__PURE__ */ o(s.Root, {
-		variant: m,
-		...h,
+var BitkitAlert = (props) => {
+	const { action, dismissible, messageText, onClose, titleText, variant, ...rest } = props;
+	const IconComponent = ICON_COMPONENTS_MAP[variant];
+	return /* @__PURE__ */ jsxs(Alert.Root, {
+		variant,
+		...rest,
 		children: [
-			/* @__PURE__ */ a(s.Indicator, {
-				asChild: m !== "progress",
-				children: /* @__PURE__ */ a(g, {})
+			/* @__PURE__ */ jsx(Alert.Indicator, {
+				asChild: variant !== "progress",
+				children: /* @__PURE__ */ jsx(IconComponent, {})
 			}),
-			/* @__PURE__ */ o(s.Content, { children: [p && /* @__PURE__ */ a(s.Title, { children: p }), /* @__PURE__ */ a(s.Description, { children: d })] }),
-			!!l && /* @__PURE__ */ a(n, {
-				as: l.href ? "a" : "button",
-				colorPalette: r[m],
-				...l.href && {
-					href: l.href,
-					target: l.target
+			/* @__PURE__ */ jsxs(Alert.Content, { children: [titleText && /* @__PURE__ */ jsx(Alert.Title, { children: titleText }), /* @__PURE__ */ jsx(Alert.Description, { children: messageText })] }),
+			!!action && /* @__PURE__ */ jsx(BitkitColorButton, {
+				as: action.href ? "a" : "button",
+				colorPalette: BUTTON_COLORS_MAP[variant],
+				...action.href && {
+					href: action.href,
+					target: action.target
 				},
-				onClick: l.onClick,
+				onClick: action.onClick,
 				marginInlineStart: "16",
 				marginInlineEnd: "12",
 				whiteSpace: "nowrap",
-				children: l.label
+				children: action.label
 			}),
-			!!u && /* @__PURE__ */ a(e, {
+			!!dismissible && /* @__PURE__ */ jsx(BitkitCloseButton, {
 				alignSelf: "flex-start",
-				marginBlockStart: t(7),
+				marginBlockStart: rem(7),
 				size: "sm",
-				onClick: f,
-				colorPalette: r[m]
+				onClick: onClose,
+				colorPalette: BUTTON_COLORS_MAP[variant]
 			})
 		]
 	});
 };
 //#endregion
-export { c as default };
+export { BitkitAlert as default };
+
+//# sourceMappingURL=BitkitAlert.js.map

package/dist/components/BitkitAlert/BitkitAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitAlert.js","names":[],"sources":["../../../lib/components/BitkitAlert/BitkitAlert.tsx"],"sourcesContent":["import { Alert, type AlertRootProps } from '@chakra-ui/react/alert';\n\nimport { type NotificationVariant } from '../../theme/common/AlertAndToast.common';\nimport { rem } from '../../theme/themeUtils';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitColorButton from '../BitkitColorButton/BitkitColorButton';\nimport { BUTTON_COLORS_MAP, ICON_COMPONENTS_MAP, type NotificationAction } from '../common/notificationMaps';\n\nexport type AlertVariants = NotificationVariant;\nexport type ActionProps = NotificationAction;\n\nexport interface BitkitAlertProps extends AlertRootProps {\n  action?: ActionProps;\n  dismissible?: boolean;\n  messageText: string;\n  onClose?: () => void;\n  titleText?: string;\n  variant: AlertVariants;\n}\n\nconst BitkitAlert = (props: BitkitAlertProps) => {\n  const { action, dismissible, messageText, onClose, titleText, variant, ...rest } = props;\n  const IconComponent = ICON_COMPONENTS_MAP[variant];\n\n  return (\n    <Alert.Root variant={variant} {...rest}>\n      <Alert.Indicator asChild={variant !== 'progress'}>\n        <IconComponent />\n      </Alert.Indicator>\n      <Alert.Content>\n        {titleText && <Alert.Title>{titleText}</Alert.Title>}\n        <Alert.Description>{messageText}</Alert.Description>\n      </Alert.Content>\n      {!!action && (\n        <BitkitColorButton\n          as={action.href ? 'a' : 'button'}\n          colorPalette={BUTTON_COLORS_MAP[variant]}\n          {...(action.href && { href: action.href, target: action.target })}\n          onClick={action.onClick}\n          marginInlineStart=\"16\"\n          marginInlineEnd=\"12\"\n          whiteSpace=\"nowrap\"\n        >\n          {action.label}\n        </BitkitColorButton>\n      )}\n      {!!dismissible && (\n        <BitkitCloseButton\n          alignSelf=\"flex-start\"\n          marginBlockStart={rem(7)}\n          size=\"sm\"\n          onClick={onClose}\n          colorPalette={BUTTON_COLORS_MAP[variant]}\n        />\n      )}\n    </Alert.Root>\n  );\n};\n\nexport default BitkitAlert;\n"],"mappings":";;;;;;;AAoBA,IAAM,eAAe,UAA4B;CAC/C,MAAM,EAAE,QAAQ,aAAa,aAAa,SAAS,WAAW,SAAS,GAAG,SAAS;CACnF,MAAM,gBAAgB,oBAAoB;AAE1C,QACE,qBAAC,MAAM,MAAP;EAAqB;EAAS,GAAI;YAAlC;GACE,oBAAC,MAAM,WAAP;IAAiB,SAAS,YAAY;cACpC,oBAAC,eAAD,EAAiB,CAAA;IACD,CAAA;GAClB,qBAAC,MAAM,SAAP,EAAA,UAAA,CACG,aAAa,oBAAC,MAAM,OAAP,EAAA,UAAc,WAAwB,CAAA,EACpD,oBAAC,MAAM,aAAP,EAAA,UAAoB,aAAgC,CAAA,CACtC,EAAA,CAAA;GACf,CAAC,CAAC,UACD,oBAAC,mBAAD;IACE,IAAI,OAAO,OAAO,MAAM;IACxB,cAAc,kBAAkB;IAChC,GAAK,OAAO,QAAQ;KAAE,MAAM,OAAO;KAAM,QAAQ,OAAO;KAAQ;IAChE,SAAS,OAAO;IAChB,mBAAkB;IAClB,iBAAgB;IAChB,YAAW;cAEV,OAAO;IACU,CAAA;GAErB,CAAC,CAAC,eACD,oBAAC,mBAAD;IACE,WAAU;IACV,kBAAkB,IAAI,EAAE;IACxB,MAAK;IACL,SAAS;IACT,cAAc,kBAAkB;IAChC,CAAA;GAEO"}

package/dist/components/BitkitAvatar/BitkitAvatar.js

@@ -1,52 +1,63 @@
-import { COLOR_PALETTES as e } from "../../theme/tokens/colors.js";
-import { Box as t } from "@chakra-ui/react/box";
-import { useSlotRecipe as n } from "@chakra-ui/react/styled-system";
-import { forwardRef as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Avatar as o } from "@chakra-ui/react/avatar";
+import { COLOR_PALETTES } from "../../theme/tokens/colors.js";
+import { Box } from "@chakra-ui/react/box";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Avatar } from "@chakra-ui/react/avatar";
 //#region lib/components/BitkitAvatar/BitkitAvatar.tsx
-var s = Object.keys(e).reduce((e, t) => ["white"].includes(t) ? e : [...e, t], []), c = (e) => {
-	if (!e || e.length === 0) return "neutral";
-	let t = e.trim();
-	return s[(t.charCodeAt(0) + t.charCodeAt(t.length - 1)) % s.length];
-}, l = (e) => {
-	let t = e?.trim() || "";
-	return t && t.length >= 2 ? `${t[0]} ${t[t.length - 1]}` : t;
-}, u = r((e, r) => {
-	let { size: s, variant: u, src: d, name: f, icon: p, colorPalette: m = c(f), iconColor: h, backgroundColor: g, ..._ } = e, v = n({ key: "avatar" }), y = u === "user" && [
+var COLORS = Object.keys(COLOR_PALETTES).reduce((acc, color) => {
+	return !["white"].includes(color) ? [...acc, color] : acc;
+}, []);
+var pickPalette = (name) => {
+	if (!name || name.length === 0) return "neutral";
+	const str = name.trim();
+	return COLORS[(str.charCodeAt(0) + str.charCodeAt(str.length - 1)) % COLORS.length];
+};
+var processFallbackName = (name) => {
+	const str = name?.trim() || "";
+	return str && str.length >= 2 ? `${str[0]} ${str[str.length - 1]}` : str;
+};
+var BitkitAvatar = forwardRef((props, ref) => {
+	const { size, variant, src, name, icon: Icon, colorPalette = pickPalette(name), iconColor, backgroundColor, ...rest } = props;
+	const recipe = useSlotRecipe({ key: "avatar" });
+	const styleVariant = variant === "user" && [
 		"24",
 		"32",
 		"40",
 		"48"
-	].includes(s) ? "circle" : "rounded", b = v({
-		size: s,
-		variant: y
-	}), x = l(f);
-	return /* @__PURE__ */ a(o.Root, {
-		ref: r,
-		size: s,
-		variant: y,
-		colorPalette: m,
-		backgroundColor: g,
-		..._,
+	].includes(size) ? "circle" : "rounded";
+	const styles = recipe({
+		size,
+		variant: styleVariant
+	});
+	const fallbackName = processFallbackName(name);
+	return /* @__PURE__ */ jsxs(Avatar.Root, {
+		ref,
+		size,
+		variant: styleVariant,
+		colorPalette,
+		backgroundColor,
+		...rest,
 		children: [
-			!!x && /* @__PURE__ */ i(o.Fallback, { name: x }),
-			!!d && /* @__PURE__ */ i(o.Image, { src: d }),
-			!!p && u === "icon" && /* @__PURE__ */ i(p, {
-				css: b.icon,
-				color: h,
+			!!fallbackName && /* @__PURE__ */ jsx(Avatar.Fallback, { name: fallbackName }),
+			!!src && /* @__PURE__ */ jsx(Avatar.Image, { src }),
+			!!Icon && variant === "icon" && /* @__PURE__ */ jsx(Icon, {
+				css: styles.icon,
+				color: iconColor,
 				size: "24"
 			}),
-			!!p && u === "image+icon" && /* @__PURE__ */ i(t, {
-				css: b.badgeContainer,
-				children: /* @__PURE__ */ i(p, {
-					css: b.badge,
+			!!Icon && variant === "image+icon" && /* @__PURE__ */ jsx(Box, {
+				css: styles.badgeContainer,
+				children: /* @__PURE__ */ jsx(Icon, {
+					css: styles.badge,
 					size: "16"
 				})
 			})
 		]
 	});
 });
-u.displayName = "BitkitAvatar";
+BitkitAvatar.displayName = "BitkitAvatar";
 //#endregion
-export { u as default };
+export { BitkitAvatar as default };
+
+//# sourceMappingURL=BitkitAvatar.js.map

package/dist/components/BitkitAvatar/BitkitAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitAvatar.js","names":[],"sources":["../../../lib/components/BitkitAvatar/BitkitAvatar.tsx"],"sourcesContent":["import { Avatar, type AvatarRootProps } from '@chakra-ui/react/avatar';\nimport { Box } from '@chakra-ui/react/box';\nimport { type ColorPalette, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { COLOR_PALETTES } from '../../theme/tokens/colors';\n\nexport type BitkitAvatarProps = Omit<AvatarRootProps, 'variant' | 'backgroundColor' | 'background' | 'bg'> &\n  (\n    | {\n        variant: 'image';\n        src: string;\n        name: string;\n        icon?: never;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n    | {\n        variant: 'image+icon';\n        src: string;\n        name: string;\n        icon: BitkitIconComponent;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n    | {\n        variant: 'icon';\n        src?: never;\n        name?: never;\n        icon: BitkitIconComponent;\n        iconColor?: ColorPalette;\n        backgroundColor?: ColorPalette;\n      }\n    | {\n        variant: 'letters';\n        src?: never;\n        name: string;\n        icon?: never;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n    | {\n        variant: 'user';\n        src: string;\n        name: string;\n        icon?: never;\n        iconColor?: never;\n        backgroundColor?: never;\n      }\n  );\n\nconst COLORS = Object.keys(COLOR_PALETTES).reduce<string[]>((acc, color) => {\n  return !['white'].includes(color) ? [...acc, color] : acc;\n}, []);\n\nconst pickPalette = (name?: string) => {\n  if (!name || name.length === 0) return 'neutral';\n  const str = name.trim();\n  return COLORS[(str.charCodeAt(0) + str.charCodeAt(str.length - 1)) % COLORS.length];\n};\n\nconst processFallbackName = (name?: string) => {\n  const str = name?.trim() || '';\n  return str && str.length >= 2 ? `${str[0]} ${str[str.length - 1]}` : str;\n};\n\nconst BitkitAvatar = forwardRef<HTMLDivElement, BitkitAvatarProps>((props, ref) => {\n  const {\n    size,\n    variant,\n    src,\n    name,\n    icon: Icon,\n    colorPalette = pickPalette(name),\n    iconColor,\n    backgroundColor,\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'avatar' });\n  const styleVariant = variant === 'user' && ['24', '32', '40', '48'].includes(size as string) ? 'circle' : 'rounded';\n  const styles = recipe({ size, variant: styleVariant });\n  const fallbackName = processFallbackName(name);\n\n  return (\n    <Avatar.Root\n      ref={ref}\n      size={size}\n      variant={styleVariant}\n      colorPalette={colorPalette}\n      backgroundColor={backgroundColor}\n      {...rest}\n    >\n      {!!fallbackName && <Avatar.Fallback name={fallbackName} />}\n      {!!src && <Avatar.Image src={src} />}\n      {!!Icon && variant === 'icon' && <Icon css={styles.icon} color={iconColor} size=\"24\" />}\n      {!!Icon && variant === 'image+icon' && (\n        <Box css={styles.badgeContainer}>\n          <Icon css={styles.badge} size=\"16\" />\n        </Box>\n      )}\n    </Avatar.Root>\n  );\n});\n\nBitkitAvatar.displayName = 'BitkitAvatar';\n\nexport default BitkitAvatar;\n"],"mappings":";;;;;;;AAoDA,IAAM,SAAS,OAAO,KAAK,eAAe,CAAC,QAAkB,KAAK,UAAU;AAC1E,QAAO,CAAC,CAAC,QAAQ,CAAC,SAAS,MAAM,GAAG,CAAC,GAAG,KAAK,MAAM,GAAG;GACrD,EAAE,CAAC;AAEN,IAAM,eAAe,SAAkB;AACrC,KAAI,CAAC,QAAQ,KAAK,WAAW,EAAG,QAAO;CACvC,MAAM,MAAM,KAAK,MAAM;AACvB,QAAO,QAAQ,IAAI,WAAW,EAAE,GAAG,IAAI,WAAW,IAAI,SAAS,EAAE,IAAI,OAAO;;AAG9E,IAAM,uBAAuB,SAAkB;CAC7C,MAAM,MAAM,MAAM,MAAM,IAAI;AAC5B,QAAO,OAAO,IAAI,UAAU,IAAI,GAAG,IAAI,GAAG,GAAG,IAAI,IAAI,SAAS,OAAO;;AAGvE,IAAM,eAAe,YAA+C,OAAO,QAAQ;CACjF,MAAM,EACJ,MACA,SACA,KACA,MACA,MAAM,MACN,eAAe,YAAY,KAAK,EAChC,WACA,iBACA,GAAG,SACD;CAEJ,MAAM,SAAS,cAAc,EAAE,KAAK,UAAU,CAAC;CAC/C,MAAM,eAAe,YAAY,UAAU;EAAC;EAAM;EAAM;EAAM;EAAK,CAAC,SAAS,KAAe,GAAG,WAAW;CAC1G,MAAM,SAAS,OAAO;EAAE;EAAM,SAAS;EAAc,CAAC;CACtD,MAAM,eAAe,oBAAoB,KAAK;AAE9C,QACE,qBAAC,OAAO,MAAR;EACO;EACC;EACN,SAAS;EACK;EACG;EACjB,GAAI;YANN;GAQG,CAAC,CAAC,gBAAgB,oBAAC,OAAO,UAAR,EAAiB,MAAM,cAAgB,CAAA;GACzD,CAAC,CAAC,OAAO,oBAAC,OAAO,OAAR,EAAmB,KAAO,CAAA;GACnC,CAAC,CAAC,QAAQ,YAAY,UAAU,oBAAC,MAAD;IAAM,KAAK,OAAO;IAAM,OAAO;IAAW,MAAK;IAAO,CAAA;GACtF,CAAC,CAAC,QAAQ,YAAY,gBACrB,oBAAC,KAAD;IAAK,KAAK,OAAO;cACf,oBAAC,MAAD;KAAM,KAAK,OAAO;KAAO,MAAK;KAAO,CAAA;IACjC,CAAA;GAEI;;EAEhB;AAEF,aAAa,cAAc"}