@bitrise/bitkit-v2 0.3.110 → 0.3.112

package/dist/components/BitkitAvatar/BitkitAvatar.d.ts

@@ -0,0 +1,44 @@
+import { AvatarRootProps } from '@chakra-ui/react/avatar';
+import { ColorPalette, SystemStyleObject } from '@chakra-ui/react/styled-system';
+import { ReactElement, SVGProps } from 'react';
+type IconElement = ReactElement<SVGProps<SVGSVGElement> & {
+    css?: SystemStyleObject;
+}>;
+export type BitkitAvatarProps = Omit<AvatarRootProps, 'variant' | 'backgroundColor' | 'background' | 'bg'> & ({
+    variant: 'image';
+    src: string;
+    name: string;
+    icon?: never;
+    iconColor?: never;
+    backgroundColor?: never;
+} | {
+    variant: 'image+icon';
+    src: string;
+    name: string;
+    icon: IconElement;
+    iconColor?: never;
+    backgroundColor?: never;
+} | {
+    variant: 'icon';
+    src?: never;
+    name?: never;
+    icon: IconElement;
+    iconColor?: ColorPalette;
+    backgroundColor?: ColorPalette;
+} | {
+    variant: 'letters';
+    src?: never;
+    name: string;
+    icon?: never;
+    iconColor?: never;
+    backgroundColor?: never;
+} | {
+    variant: 'user';
+    src: string;
+    name: string;
+    icon?: never;
+    iconColor?: never;
+    backgroundColor?: never;
+});
+declare const BitkitAvatar: import('react').ForwardRefExoticComponent<BitkitAvatarProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitAvatar;

package/dist/components/BitkitAvatar/BitkitAvatar.js

@@ -0,0 +1,47 @@
+import { jsxs as v, jsx as c } from "react/jsx-runtime";
+import { Avatar as s } from "@chakra-ui/react/avatar";
+import { Box as C } from "@chakra-ui/react/box";
+import { useSlotRecipe as A } from "@chakra-ui/react/styled-system";
+import { forwardRef as y, cloneElement as u } from "react";
+import { COLOR_PALETTES as O } from "../../theme/tokens/colors.js";
+const p = Object.keys(O).reduce((r, t) => ["white"].includes(t) ? r : [...r, t], []), R = (r) => {
+  if (!r || r.length === 0) return "neutral";
+  const t = r.trim();
+  return p[(t.charCodeAt(0) + t.charCodeAt(t.length - 1)) % p.length];
+}, x = (r) => {
+  const t = r?.trim() || "";
+  return t && t.length >= 2 ? `${t[0]} ${t[t.length - 1]}` : t;
+}, j = y((r, t) => {
+  const {
+    size: o,
+    variant: n,
+    src: i,
+    name: l,
+    icon: e,
+    colorPalette: f = R(l),
+    iconColor: g,
+    backgroundColor: h,
+    ...k
+  } = r, b = A({ key: "avatar" }), m = n === "user" && ["24", "32", "40", "48"].includes(o) ? "circle" : "rounded", a = b({ size: o, variant: m }), d = x(l);
+  return /* @__PURE__ */ v(
+    s.Root,
+    {
+      ref: t,
+      size: o,
+      variant: m,
+      colorPalette: f,
+      backgroundColor: h,
+      ...k,
+      children: [
+        !!d && /* @__PURE__ */ c(s.Fallback, { name: d }),
+        !!i && /* @__PURE__ */ c(s.Image, { src: i }),
+        !!e && n === "icon" && u(e, { css: a.icon, color: g }),
+        !!e && n === "image+icon" && /* @__PURE__ */ c(C, { css: a.badgeContainer, children: u(e, { css: a.badge }) })
+      ]
+    }
+  );
+});
+j.displayName = "BitkitAvatar";
+export {
+  j as default
+};

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as BitkitActionBar, type BitkitActionBarProps } from './BitkitActionBar/BitkitActionBar';
+export { default as BitkitAvatar, type BitkitAvatarProps } from './BitkitAvatar/BitkitAvatar';
 export { default as BitkitBadge, type BitkitBadgeProps } from './BitkitBadge/BitkitBadge';
 export { default as BitkitButton, type BitkitButtonProps } from './BitkitButton/BitkitButton';
 export { default as BitkitCard } from './BitkitCard/BitkitCard';