project-turtle: Initialize ProjectTurtle theme components and index files

Author: pixel-perfectionist

packages/react-cap-theme/src/components/Theme.tsx

@@ -0,0 +1,13 @@
+export type {
+  AvatarNamedColor,
+  AvatarProps,
+  AvatarShape,
+  AvatarSize,
+  AvatarSlots,
+  AvatarState
+} from '@fluentui/react-avatar';
+
+export { Avatar } from './components/Avatar/Avatar';
+export { renderAvatar } from './components/Avatar/renderAvatar';
+export { useAvatar } from './components/Avatar/useAvatar';
+export { avatarClassNames, useSizeStyles, useAvatarStyles } from './components/Avatar/useAvatarStyles.styles';

packages/react-cap-theme/src/components/react-avatar/Avatar.ts

@@ -0,0 +1,19 @@
+export {
+  AvatarGroupProvider,
+  avatarGroupClassNames,
+  renderAvatarGroup_unstable as renderAvatarGroup,
+  useAvatarGroupContext_unstable as useAvatarGroupContext,
+  useAvatarGroupContextValues as useAvatarGroupContextValues,
+  useAvatarGroupStyles_unstable as useAvatarGroupStyles,
+  useAvatarGroup_unstable as useAvatarGroup
+} from '@fluentui/react-avatar';
+
+export type {
+  AvatarGroupContextValue,
+  AvatarGroupContextValues,
+  AvatarGroupProps,
+  AvatarGroupSlots,
+  AvatarGroupState
+} from '@fluentui/react-avatar';
+
+export { AvatarGroup } from './components/AvatarGroup/AvatarGroup';

packages/react-cap-theme/src/components/react-avatar/AvatarGroup.ts

@@ -0,0 +1,14 @@
+export {
+  avatarGroupItemClassNames,
+  renderAvatarGroupItem_unstable as renderAvatarGroupItem,
+  useAvatarGroupItemStyles_unstable as useAvatarGroupItemStyles,
+  useAvatarGroupItem_unstable as useAvatarGroupItem
+} from '@fluentui/react-avatar';
+
+export type {
+  AvatarGroupItemProps,
+  AvatarGroupItemSlots,
+  AvatarGroupItemState
+} from '@fluentui/react-avatar';
+
+export { AvatarGroupItem } from './components/AvatarGroupItem/AvatarGroupItem';

packages/react-cap-theme/src/components/react-avatar/AvatarGroupItem.ts

@@ -0,0 +1,15 @@
+export {
+  avatarGroupPopoverClassNames,
+  renderAvatarGroupPopover_unstable as renderAvatarGroupPopover,
+  useAvatarGroupPopoverContextValues_unstable as useAvatarGroupPopoverContextValues,
+  useAvatarGroupPopoverStyles_unstable as useAvatarGroupPopoverStyles,
+  useAvatarGroupPopover_unstable as useAvatarGroupPopover
+} from '@fluentui/react-avatar';
+
+export type {
+  AvatarGroupPopoverProps,
+  AvatarGroupPopoverSlots,
+  AvatarGroupPopoverState
+} from '@fluentui/react-avatar';
+
+export { AvatarGroupPopover } from './components/AvatarGroupPopover/AvatarGroupPopover';

packages/react-cap-theme/src/components/react-avatar/AvatarGroupPopover.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { renderAvatar } from './renderAvatar';
+import type { AvatarProps } from '@fluentui/react-avatar';
+import { useAvatarStyles } from './useAvatarStyles.styles';
+import { useAvatar } from './useAvatar';
+
+/**
+ * An Avatar is a graphical representation of a user, team, or entity.
+ * @alpha
+ */
+export const Avatar: ForwardRefComponent<AvatarProps> = React.forwardRef((props, ref) => {
+  const state = useAvatar(props, ref);
+  useAvatarStyles(state);
+  useCustomStyleHook_unstable('useAvatarStyles_unstable')(state);
+  return renderAvatar(state);
+});
+
+Avatar.displayName = 'Avatar';

packages/react-cap-theme/src/components/react-avatar/components/Avatar/Avatar.tsx

@@ -0,0 +1,8 @@
+import { type AvatarState, renderAvatar_unstable } from '@fluentui/react-avatar';
+import type * as React from 'react';
+
+/**
+ * Render the final JSX of Avatar
+ * @alpha
+ */
+export const renderAvatar: React.FC<AvatarState> = renderAvatar_unstable;

packages/react-cap-theme/src/components/react-avatar/components/Avatar/renderAvatar.tsx

@@ -0,0 +1,7 @@
+import { useAvatar_unstable } from '@fluentui/react-avatar';
+
+/**
+ * Use this hook to create the state required to render Avatar.
+ * @alpha
+ */
+export const useAvatar = useAvatar_unstable;