@bacon-pos/ui 0.1.0

package/lib/commonjs/theme/themes.js

@@ -0,0 +1,171 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lightTheme = exports.darkTheme = void 0;
+exports.textStyle = textStyle;
+exports.themes = void 0;
+var _palette = require("./palette.js");
+var _spacing = require("./spacing.js");
+var _typography = require("./typography.js");
+/**
+ * Semantic color contract. Components read from this — never from `palette`
+ * directly — so light/dark and future brand themes stay swappable.
+ */
+
+const shared = {
+  spacing: _spacing.spacing,
+  radii: _spacing.radii,
+  typography: _typography.typography,
+  fontFamily: _typography.fontFamily,
+  fontWeight: _typography.fontWeight
+};
+const lightTheme = exports.lightTheme = {
+  mode: 'light',
+  colors: {
+    background: {
+      default: _palette.palette.white,
+      subtle: _palette.palette.neutral[50],
+      muted: _palette.palette.neutral[100],
+      inverse: _palette.palette.neutral[900]
+    },
+    text: {
+      primary: _palette.palette.neutral[900],
+      secondary: _palette.palette.neutral[600],
+      tertiary: _palette.palette.neutral[400],
+      inverse: _palette.palette.white,
+      disabled: _palette.palette.neutral[300]
+    },
+    border: {
+      default: _palette.palette.neutral[200],
+      subtle: _palette.palette.neutral[100],
+      strong: _palette.palette.neutral[300],
+      focus: _palette.palette.accent[500]
+    },
+    brand: {
+      primary: _palette.palette.primary[500],
+      primaryHover: _palette.palette.primary[600],
+      primaryActive: _palette.palette.primary[700],
+      onPrimary: _palette.palette.white,
+      accent: _palette.palette.accent[500],
+      accentSubtle: _palette.palette.accent[50],
+      onAccent: _palette.palette.neutral[900]
+    },
+    feedback: {
+      success: _palette.palette.success[500],
+      successSubtle: _palette.palette.success[50],
+      warning: _palette.palette.warning[500],
+      warningSubtle: _palette.palette.warning[50],
+      error: _palette.palette.error[500],
+      errorSubtle: _palette.palette.error[50],
+      onFeedback: _palette.palette.white
+    },
+    action: {
+      primary: _palette.palette.accent[500],
+      primaryForeground: _palette.palette.neutral[900],
+      secondary: _palette.palette.neutral[50],
+      secondaryForeground: _palette.palette.neutral[800],
+      inverse: _palette.palette.neutral[900],
+      inverseForeground: _palette.palette.neutral[50]
+    },
+    state: {
+      success: _palette.palette.success[500],
+      successForeground: _palette.palette.white,
+      successSubtle: _palette.palette.success[50],
+      successSubtleForeground: _palette.palette.success[500],
+      destructiveSubtle: _palette.palette.error[50],
+      destructiveSubtleForeground: _palette.palette.error[500]
+    },
+    disabled: {
+      foreground: _palette.palette.neutral[400],
+      background: _palette.palette.neutral[100],
+      backgroundStrong: _palette.palette.neutral[200],
+      border: _palette.palette.neutral[200]
+    }
+  },
+  ...shared
+};
+const darkTheme = exports.darkTheme = {
+  mode: 'dark',
+  colors: {
+    background: {
+      default: _palette.palette.neutral[950],
+      subtle: _palette.palette.neutral[900],
+      muted: _palette.palette.neutral[800],
+      inverse: _palette.palette.neutral[50]
+    },
+    text: {
+      primary: _palette.palette.neutral[50],
+      secondary: _palette.palette.neutral[300],
+      tertiary: _palette.palette.neutral[400],
+      inverse: _palette.palette.neutral[900],
+      disabled: _palette.palette.neutral[600]
+    },
+    border: {
+      default: _palette.palette.neutral[700],
+      subtle: _palette.palette.neutral[800],
+      strong: _palette.palette.neutral[600],
+      focus: _palette.palette.accent[500]
+    },
+    brand: {
+      primary: _palette.palette.primary[500],
+      primaryHover: _palette.palette.primary[400],
+      primaryActive: _palette.palette.primary[300],
+      onPrimary: _palette.palette.white,
+      accent: _palette.palette.accent[500],
+      accentSubtle: _palette.palette.accent[950],
+      onAccent: _palette.palette.neutral[900]
+    },
+    feedback: {
+      success: _palette.palette.success[400],
+      successSubtle: _palette.palette.success[950],
+      warning: _palette.palette.warning[400],
+      warningSubtle: _palette.palette.warning[950],
+      error: _palette.palette.error[400],
+      errorSubtle: _palette.palette.error[950],
+      onFeedback: _palette.palette.neutral[950]
+    },
+    action: {
+      primary: _palette.palette.accent[500],
+      primaryForeground: _palette.palette.neutral[900],
+      secondary: _palette.palette.neutral[800],
+      secondaryForeground: _palette.palette.neutral[50],
+      inverse: _palette.palette.neutral[50],
+      inverseForeground: _palette.palette.neutral[900]
+    },
+    state: {
+      success: _palette.palette.success[400],
+      successForeground: _palette.palette.neutral[950],
+      successSubtle: _palette.palette.success[950],
+      successSubtleForeground: _palette.palette.success[400],
+      destructiveSubtle: _palette.palette.error[950],
+      destructiveSubtleForeground: _palette.palette.error[400]
+    },
+    disabled: {
+      foreground: _palette.palette.neutral[600],
+      background: _palette.palette.neutral[800],
+      backgroundStrong: _palette.palette.neutral[700],
+      border: _palette.palette.neutral[700]
+    }
+  },
+  ...shared
+};
+const themes = exports.themes = {
+  light: lightTheme,
+  dark: darkTheme
+};
+
+/**
+ * Compose a complete text style from the active theme's type scale, font family
+ * and weight. Use this in any component that renders text without the <Text>
+ * component (e.g. inputs), so it always honors global typography overrides.
+ */
+function textStyle(theme, variant, weight = 'regular') {
+  return {
+    ...theme.typography[variant],
+    fontFamily: theme.fontFamily[weight],
+    fontWeight: theme.fontWeight[weight]
+  };
+}
+//# sourceMappingURL=themes.js.map

package/lib/commonjs/theme/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_palette","require","_spacing","_typography","shared","spacing","radii","typography","fontFamily","fontWeight","lightTheme","exports","mode","colors","background","default","palette","white","subtle","neutral","muted","inverse","text","primary","secondary","tertiary","disabled","border","strong","focus","accent","brand","primaryHover","primaryActive","onPrimary","accentSubtle","onAccent","feedback","success","successSubtle","warning","warningSubtle","error","errorSubtle","onFeedback","action","primaryForeground","secondaryForeground","inverseForeground","state","successForeground","successSubtleForeground","destructiveSubtle","destructiveSubtleForeground","foreground","backgroundStrong","darkTheme","themes","light","dark","textStyle","theme","variant","weight"],"sourceRoot":"..\\..\\..\\src","sources":["theme/themes.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/typography.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typography = exports.fontWeight = exports.fontFamily = void 0;
+/**
+ * Font families map to the Inter font weights used in the design system.
+ * Consumers must load these fonts (e.g. via `expo-font` / `@expo-google-fonts/inter`).
+ * If a family is not registered, React Native falls back to the system font.
+ */
+const fontFamily = exports.fontFamily = {
+  regular: 'Inter-Regular',
+  medium: 'Inter-Medium',
+  semibold: 'Inter-SemiBold'
+};
+const fontWeight = exports.fontWeight = {
+  regular: '400',
+  medium: '500',
+  semibold: '600'
+};
+
+/**
+ * Type scale — Figma "Typography" page (Inter).
+ * Each entry is a partial TextStyle you can spread onto a <Text> component.
+ */
+const typography = exports.typography = {
+  displayLarge: {
+    fontSize: 56,
+    lineHeight: 64
+  },
+  displayRegular: {
+    fontSize: 48,
+    lineHeight: 56
+  },
+  h1: {
+    fontSize: 32,
+    lineHeight: 40
+  },
+  h2: {
+    fontSize: 24,
+    lineHeight: 32
+  },
+  h3: {
+    fontSize: 20,
+    lineHeight: 28
+  },
+  bodyLarge: {
+    fontSize: 18,
+    lineHeight: 26
+  },
+  bodyMedium: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  bodySmall: {
+    fontSize: 14,
+    lineHeight: 22
+  },
+  caption: {
+    fontSize: 12,
+    lineHeight: 18
+  }
+};
+//# sourceMappingURL=typography.js.map

package/lib/commonjs/theme/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fontFamily","exports","regular","medium","semibold","fontWeight","typography","displayLarge","fontSize","lineHeight","displayRegular","h1","h2","h3","bodyLarge","bodyMedium","bodySmall","caption"],"sourceRoot":"..\\..\\..\\src","sources":["theme/typography.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,MAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,OAAO,EAAE,eAAe;EACxBC,MAAM,EAAE,cAAc;EACtBC,QAAQ,EAAE;AACZ,CAAU;AAEH,MAAMC,UAAU,GAAAJ,OAAA,CAAAI,UAAA,GAAG;EACxBH,OAAO,EAAE,KAAK;EACdC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE;AACZ,CAA4D;;AAE5D;AACA;AACA;AACA;AACO,MAAME,UAAU,GAAAL,OAAA,CAAAK,UAAA,GAAG;EACxBC,YAAY,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC9CC,cAAc,EAAE;IAAEF,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAChDE,EAAE,EAAE;IAAEH,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EACpCG,EAAE,EAAE;IAAEJ,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EACpCI,EAAE,EAAE;IAAEL,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EACpCK,SAAS,EAAE;IAAEN,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC3CM,UAAU,EAAE;IAAEP,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC5CO,SAAS,EAAE;IAAER,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EAC3CQ,OAAO,EAAE;IAAET,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAG;AAC1C,CAA+E","ignoreList":[]}

package/lib/module/components/Avatar/Avatar.js

@@ -0,0 +1,92 @@
+"use strict";
+
+import { useState } from 'react';
+import { Image, View } from 'react-native';
+import { useTheme } from "../../theme/index.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SIZES = {
+  sm: {
+    diameter: 32,
+    text: 'bodySmall'
+  },
+  md: {
+    diameter: 40,
+    text: 'bodyMedium'
+  },
+  lg: {
+    diameter: 56,
+    text: 'h3'
+  }
+};
+function getInitials(name, explicit, count) {
+  if (explicit) return explicit.slice(0, count).toUpperCase();
+  if (!name) return '';
+  const words = name.trim().split(/\s+/).filter(Boolean);
+  const first = words[0];
+  if (!first) return '';
+  if (count === 1) return first.charAt(0).toUpperCase();
+  const second = words[1];
+  if (second) return (first.charAt(0) + second.charAt(0)).toUpperCase();
+  return first.slice(0, 2).toUpperCase();
+}
+
+/**
+ * Avatar — circular user image with an initials fallback. Shows the photo when
+ * `source` loads; otherwise shows 1–2 uppercase initials on a lighter background.
+ * Sizes: sm / md / lg.
+ */
+export function Avatar({
+  source,
+  name,
+  initials,
+  initialsCount = 2,
+  size = 'md',
+  diameter,
+  color,
+  backgroundColor,
+  style,
+  accessibilityLabel
+}) {
+  const theme = useTheme();
+  const cfg = SIZES[size];
+  const [errored, setErrored] = useState(false);
+  const showImage = source != null && !errored;
+  const d = diameter ?? cfg.diameter;
+  const bg = backgroundColor ?? theme.colors.background.muted;
+  const fg = color ?? theme.colors.text.secondary;
+  // With a custom diameter, scale the initials to fit; otherwise use the preset.
+  const initialsStyle = diameter ? {
+    fontSize: Math.round(d * 0.4),
+    lineHeight: Math.round(d * 0.5)
+  } : undefined;
+  return /*#__PURE__*/_jsx(View, {
+    accessibilityRole: "image",
+    accessibilityLabel: accessibilityLabel ?? name,
+    style: [{
+      width: d,
+      height: d,
+      borderRadius: d / 2,
+      overflow: 'hidden',
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: showImage ? theme.colors.background.default : bg
+    }, style],
+    children: showImage ? /*#__PURE__*/_jsx(Image, {
+      source: source,
+      resizeMode: "cover",
+      onError: () => setErrored(true),
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }) : /*#__PURE__*/_jsx(Text, {
+      variant: cfg.text,
+      weight: "semibold",
+      color: fg,
+      style: initialsStyle,
+      children: getInitials(name, initials, initialsCount)
+    })
+  });
+}
+//# sourceMappingURL=Avatar.js.map

package/lib/module/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Image","View","useTheme","Text","jsx","_jsx","SIZES","sm","diameter","text","md","lg","getInitials","name","explicit","count","slice","toUpperCase","words","trim","split","filter","Boolean","first","charAt","second","Avatar","source","initials","initialsCount","size","color","backgroundColor","style","accessibilityLabel","theme","cfg","errored","setErrored","showImage","d","bg","colors","background","muted","fg","secondary","initialsStyle","fontSize","Math","round","lineHeight","undefined","accessibilityRole","width","height","borderRadius","overflow","alignItems","justifyContent","default","children","resizeMode","onError","variant","weight"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Avatar/Avatar.stories.js

@@ -0,0 +1,83 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Avatar } from "./Avatar.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PHOTO = {
+  uri: 'https://i.pravatar.cc/150?img=5'
+};
+const meta = {
+  title: 'Components/Avatar',
+  component: Avatar,
+  args: {
+    name: 'Ada Lovelace',
+    size: 'md'
+  },
+  argTypes: {
+    size: {
+      control: 'inline-radio',
+      options: ['sm', 'md', 'lg']
+    },
+    initialsCount: {
+      control: 'inline-radio',
+      options: [1, 2]
+    }
+  }
+};
+export default meta;
+export const WithPhoto = {
+  args: {
+    source: PHOTO
+  }
+};
+export const InitialsTwo = {
+  args: {
+    initialsCount: 2
+  }
+};
+export const InitialsOne = {
+  args: {
+    initialsCount: 1
+  }
+};
+export const CustomColor = {
+  args: {
+    color: '#7D0013',
+    backgroundColor: '#FAE6E9'
+  }
+};
+export const CustomDiameter = {
+  args: {
+    diameter: 80,
+    size: 'sm'
+  }
+};
+export const Sizes = {
+  render: () => /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 16
+    },
+    children: [/*#__PURE__*/_jsx(Avatar, {
+      name: "Ada Lovelace",
+      size: "sm"
+    }), /*#__PURE__*/_jsx(Avatar, {
+      name: "Ada Lovelace",
+      size: "md"
+    }), /*#__PURE__*/_jsx(Avatar, {
+      name: "Ada Lovelace",
+      size: "lg"
+    }), /*#__PURE__*/_jsx(Avatar, {
+      source: PHOTO,
+      size: "sm"
+    }), /*#__PURE__*/_jsx(Avatar, {
+      source: PHOTO,
+      size: "md"
+    }), /*#__PURE__*/_jsx(Avatar, {
+      source: PHOTO,
+      size: "lg"
+    })]
+  })
+};
+//# sourceMappingURL=Avatar.stories.js.map

package/lib/module/components/Avatar/Avatar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Avatar","jsx","_jsx","jsxs","_jsxs","PHOTO","uri","meta","title","component","args","name","size","argTypes","control","options","initialsCount","WithPhoto","source","InitialsTwo","InitialsOne","CustomColor","color","backgroundColor","CustomDiameter","diameter","Sizes","render","style","flexDirection","alignItems","gap","children"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Avatar/Avatar.stories.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,MAAMC,KAAK,GAAG;EAAEC,GAAG,EAAE;AAAkC,CAAC;AAExD,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,mBAAmB;EAC1BC,SAAS,EAAET,MAAM;EACjBU,IAAI,EAAE;IAAEC,IAAI,EAAE,cAAc;IAAEC,IAAI,EAAE;EAAK,CAAC;EAC1CC,QAAQ,EAAE;IACRD,IAAI,EAAE;MAAEE,OAAO,EAAE,cAAc;MAAEC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI;IAAE,CAAC;IAC9DC,aAAa,EAAE;MAAEF,OAAO,EAAE,cAAc;MAAEC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC;IAAE;EAC5D;AACF,CAA+B;AAE/B,eAAeR,IAAI;AAGnB,OAAO,MAAMU,SAAgB,GAAG;EAAEP,IAAI,EAAE;IAAEQ,MAAM,EAAEb;EAAM;AAAE,CAAC;AAC3D,OAAO,MAAMc,WAAkB,GAAG;EAAET,IAAI,EAAE;IAAEM,aAAa,EAAE;EAAE;AAAE,CAAC;AAChE,OAAO,MAAMI,WAAkB,GAAG;EAAEV,IAAI,EAAE;IAAEM,aAAa,EAAE;EAAE;AAAE,CAAC;AAChE,OAAO,MAAMK,WAAkB,GAAG;EAChCX,IAAI,EAAE;IAAEY,KAAK,EAAE,SAAS;IAAEC,eAAe,EAAE;EAAU;AACvD,CAAC;AACD,OAAO,MAAMC,cAAqB,GAAG;EACnCd,IAAI,EAAE;IAAEe,QAAQ,EAAE,EAAE;IAAEb,IAAI,EAAE;EAAK;AACnC,CAAC;AAED,OAAO,MAAMc,KAAY,GAAG;EAC1BC,MAAM,EAAEA,CAAA,kBACNvB,KAAA,CAACL,IAAI;IAAC6B,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAG,CAAE;IAAAC,QAAA,gBACnE9B,IAAA,CAACF,MAAM;MAACW,IAAI,EAAC,cAAc;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC,eACxCV,IAAA,CAACF,MAAM;MAACW,IAAI,EAAC,cAAc;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC,eACxCV,IAAA,CAACF,MAAM;MAACW,IAAI,EAAC,cAAc;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC,eACxCV,IAAA,CAACF,MAAM;MAACkB,MAAM,EAAEb,KAAM;MAACO,IAAI,EAAC;IAAI,CAAE,CAAC,eACnCV,IAAA,CAACF,MAAM;MAACkB,MAAM,EAAEb,KAAM;MAACO,IAAI,EAAC;IAAI,CAAE,CAAC,eACnCV,IAAA,CAACF,MAAM;MAACkB,MAAM,EAAEb,KAAM;MAACO,IAAI,EAAC;IAAI,CAAE,CAAC;EAAA,CAC/B;AAEV,CAAC","ignoreList":[]}

package/lib/module/components/Avatar/Avatar.test.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { render, screen } from '@testing-library/react-native';
+import { Avatar } from "./Avatar.js";
+import { ThemeProvider } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function renderWithTheme(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+describe('Avatar', () => {
+  it('derives two uppercase initials from a full name', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(Avatar, {
+      name: "ada lovelace"
+    }));
+    expect(screen.getByText('AL')).toBeTruthy();
+  });
+  it('shows a single initial when initialsCount is 1', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(Avatar, {
+      name: "Ada Lovelace",
+      initialsCount: 1
+    }));
+    expect(screen.getByText('A')).toBeTruthy();
+  });
+  it('uses the first two letters for a single-word name', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(Avatar, {
+      name: "Ada",
+      initialsCount: 2
+    }));
+    expect(screen.getByText('AD')).toBeTruthy();
+  });
+  it('respects explicit initials', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(Avatar, {
+      initials: "xy"
+    }));
+    expect(screen.getByText('XY')).toBeTruthy();
+  });
+  it('renders the image (no initials) when a source is given', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(Avatar, {
+      name: "Ada Lovelace",
+      source: {
+        uri: 'x'
+      }
+    }));
+    expect(screen.queryByText('AL')).toBeNull();
+  });
+  it('uses a custom diameter over the size preset', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(Avatar, {
+      name: "Ada Lovelace",
+      size: "sm",
+      diameter: 72
+    }));
+    const flat = StyleSheet.flatten(screen.getByLabelText('Ada Lovelace').props.style);
+    expect(flat.width).toBe(72);
+    expect(flat.height).toBe(72);
+    expect(flat.borderRadius).toBe(36);
+  });
+});
+//# sourceMappingURL=Avatar.test.js.map

package/lib/module/components/Avatar/Avatar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","render","screen","Avatar","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","name","expect","getByText","toBeTruthy","initialsCount","initials","source","uri","queryByText","toBeNull","size","diameter","flat","flatten","getByLabelText","props","style","width","toBe","height","borderRadius"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Avatar/Avatar.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,EAAEC,MAAM,QAAQ,+BAA+B;AAC9D,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,aAAa,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAOP,MAAM,cAACK,IAAA,CAACF,aAAa;IAAAK,QAAA,EAAED;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAE,QAAQ,CAAC,QAAQ,EAAE,MAAM;EACvBC,EAAE,CAAC,iDAAiD,EAAE,MAAM;IAC1DJ,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,IAAI,EAAC;IAAc,CAAE,CAAC,CAAC;IAC/CC,MAAM,CAACX,MAAM,CAACY,SAAS,CAAC,IAAI,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFJ,EAAE,CAAC,gDAAgD,EAAE,MAAM;IACzDJ,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,IAAI,EAAC,cAAc;MAACI,aAAa,EAAE;IAAE,CAAE,CAAC,CAAC;IACjEH,MAAM,CAACX,MAAM,CAACY,SAAS,CAAC,GAAG,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC;EAEFJ,EAAE,CAAC,mDAAmD,EAAE,MAAM;IAC5DJ,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,IAAI,EAAC,KAAK;MAACI,aAAa,EAAE;IAAE,CAAE,CAAC,CAAC;IACxDH,MAAM,CAACX,MAAM,CAACY,SAAS,CAAC,IAAI,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFJ,EAAE,CAAC,4BAA4B,EAAE,MAAM;IACrCJ,eAAe,cAACD,IAAA,CAACH,MAAM;MAACc,QAAQ,EAAC;IAAI,CAAE,CAAC,CAAC;IACzCJ,MAAM,CAACX,MAAM,CAACY,SAAS,CAAC,IAAI,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFJ,EAAE,CAAC,wDAAwD,EAAE,MAAM;IACjEJ,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,IAAI,EAAC,cAAc;MAACM,MAAM,EAAE;QAAEC,GAAG,EAAE;MAAI;IAAE,CAAE,CAAC,CAAC;IACrEN,MAAM,CAACX,MAAM,CAACkB,WAAW,CAAC,IAAI,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EAC7C,CAAC,CAAC;EAEFV,EAAE,CAAC,6CAA6C,EAAE,MAAM;IACtDJ,eAAe,cAACD,IAAA,CAACH,MAAM;MAACS,IAAI,EAAC,cAAc;MAACU,IAAI,EAAC,IAAI;MAACC,QAAQ,EAAE;IAAG,CAAE,CAAC,CAAC;IACvE,MAAMC,IAAI,GAAGxB,UAAU,CAACyB,OAAO,CAACvB,MAAM,CAACwB,cAAc,CAAC,cAAc,CAAC,CAACC,KAAK,CAACC,KAAK,CAAC;IAClFf,MAAM,CAACW,IAAI,CAACK,KAAK,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC;IAC3BjB,MAAM,CAACW,IAAI,CAACO,MAAM,CAAC,CAACD,IAAI,CAAC,EAAE,CAAC;IAC5BjB,MAAM,CAACW,IAAI,CAACQ,YAAY,CAAC,CAACF,IAAI,CAAC,EAAE,CAAC;EACpC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Avatar/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Avatar } from "./Avatar.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Avatar"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Avatar/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAA2C,aAAU","ignoreList":[]}