@medway-ui/native 1.1.2 → 1.2.0

package/src/index.ts

@@ -67,6 +67,125 @@ export type { EmptyStateProps } from "@/components/EmptyState";
 export { PageHeader } from "@/components/PageHeader";
 export type { PageHeaderProps } from "@/components/PageHeader";
 
+// Carousel
+export {
+  Carousel,
+  CarouselMediaSlide,
+  CarouselMetricSlide,
+} from "@/components/Carousel";
+export type {
+  CarouselMediaSlideProps,
+  CarouselMetricSlideProps,
+  CarouselProps,
+} from "@/components/Carousel";
+
+// DropdownMenu
+export {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/DropdownMenu";
+export type {
+  DropdownMenuContentProps,
+  DropdownMenuItemProps,
+  DropdownMenuProps,
+  DropdownMenuTriggerProps,
+} from "@/components/DropdownMenu";
+
+// Feed
+export { Feed, FeedComposer, FeedTitle } from "@/components/Feed";
+export type {
+  FeedComposerProps,
+  FeedProps,
+  FeedTitleProps,
+} from "@/components/Feed";
+
+// FeedNotice
+export { FeedNotice } from "@/components/FeedNotice";
+export type { FeedNoticeProps } from "@/components/FeedNotice";
+
+// InvitePopover
+export {
+  InvitePopover,
+  InvitePopoverCard,
+  InvitePopoverClose,
+  InvitePopoverContent,
+  InvitePopoverDivider,
+  InvitePopoverEmailRow,
+  InvitePopoverSendButton,
+  InvitePopoverShareButton,
+  InvitePopoverTitle,
+  InvitePopoverTrigger,
+} from "@/components/InvitePopover";
+export type {
+  InvitePopoverActionProps,
+  InvitePopoverContentProps,
+  InvitePopoverEmailRowProps,
+  InvitePopoverProps,
+  InvitePopoverTriggerProps,
+} from "@/components/InvitePopover";
+
+// LeaderboardCard
+export {
+  LeaderboardCard,
+  LeaderboardCardHeader,
+  LeaderboardCardList,
+} from "@/components/LeaderboardCard";
+export type {
+  LeaderboardCardHeaderProps,
+  LeaderboardCardProps,
+} from "@/components/LeaderboardCard";
+
+// MemberRow
+export { MemberRow, memberRowVariants, rankIndicatorVariants } from "@/components/MemberRow";
+export type { MemberRowProps } from "@/components/MemberRow";
+
+// PostForm
+export {
+  PostForm,
+  PostFormCheckboxOption,
+  PostFormDateTimeField,
+  PostFormDescription,
+  PostFormHeader,
+  PostFormMediaPicker,
+} from "@/components/PostForm";
+export type {
+  PostFormCheckboxOptionProps,
+  PostFormDateTimeFieldProps,
+  PostFormDescriptionProps,
+  PostFormHeaderProps,
+  PostFormMediaPickerProps,
+  PostFormProps,
+} from "@/components/PostForm";
+
+// PrizeCollection
+export {
+  PrizeCollection,
+  PrizeCollectionStats,
+  PrizeCollectionStatsItem,
+  PrizeItem,
+  PrizeRow,
+  PrizeShelf,
+} from "@/components/PrizeCollection";
+export type {
+  PrizeCollectionProps,
+  PrizeCollectionStatsItemProps,
+  PrizeCollectionStatsProps,
+  PrizeItemProps,
+  PrizeShelfProps,
+} from "@/components/PrizeCollection";
+
+// Text (Montserrat weight → fontFamily for RN)
+export { Text, resolveMontserratFamily } from "@/components/Text";
+export type { TextProps } from "@/components/Text";
+
+// SectionHeader
+export { SectionHeader } from "@/components/SectionHeader";
+export type { SectionHeaderProps } from "@/components/SectionHeader";
+
 // Button
 export { Button, buttonVariants, buttonTextVariants } from "@/components/Button";
 export type { ButtonProps } from "@/components/Button";
@@ -107,9 +226,19 @@ export type { LabelProps } from "@/components/Label";
 export { Loading } from "@/components/Loading";
 export type { LoadingProps } from "@/components/Loading";
 
+// Skeleton
+export { Skeleton } from "@/components/Skeleton";
+export type { SkeletonProps } from "@/components/Skeleton";
+
 // RadioGroup
-export { RadioGroup, RadioGroupItem, radioGroupVariants } from "@/components/RadioGroup";
-export type { RadioGroupItemProps } from "@/components/RadioGroup";
+export {
+  RadioGroup,
+  RadioGroupItem,
+  RadioGroupList,
+  RadioGroupListItem,
+  radioGroupVariants,
+} from "@/components/RadioGroup";
+export type { RadioGroupItemProps, RadioGroupListProps } from "@/components/RadioGroup";
 
 // Select
 export {
@@ -134,10 +263,6 @@ export type { SelectProps, SelectItemProps, SelectSize } from "@/components/Sele
 export { Separator } from "@/components/Separator";
 export type { SeparatorProps } from "@/components/Separator";
 
-// Skeleton
-export { Skeleton } from "@/components/Skeleton";
-export type { SkeletonProps } from "@/components/Skeleton";
-
 // Switch
 export { Switch, switchVariants } from "@/components/Switch";
 export type { SwitchProps } from "@/components/Switch";
@@ -221,6 +346,22 @@ export type {
 export { Tag, tagVariants, tagTextVariants } from "@/components/Tag";
 export type { TagProps } from "@/components/Tag";
 
+// Tabs
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  tabsTriggerVariants,
+} from "@/components/Tabs";
+export type {
+  TabsContentProps,
+  TabsListProps,
+  TabsProps,
+  TabsTriggerProps,
+  TabsVariant,
+} from "@/components/Tabs";
+
 // Toast
 export {
   Toast,

package/src/lib/overlay-host.tsx

@@ -0,0 +1,102 @@
+import React, {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useRef,
+  useState,
+  type ReactNode,
+} from 'react';
+import { StyleSheet, View } from 'react-native';
+
+type HostOrigin = { x: number; y: number };
+
+type OverlayHostContextValue = {
+  mount: (id: string, node: ReactNode) => void;
+  unmount: (id: string) => void;
+  /** Mede a origem do host na janela (para converter pageX/pageY → coords do host). */
+  measureHostOrigin: (callback: (origin: HostOrigin) => void) => void;
+};
+
+const OverlayHostContext = createContext<OverlayHostContextValue | null>(null);
+
+/**
+ * Host de overlay no topo da árvore Medway UI.
+ * Usado pelo DropdownMenu porque o Portal zustand do rn-primitives
+ * não renderiza de forma confiável dentro da stack (RNSScreen) deste app.
+ */
+function OverlayHostProvider({ children }: { children: ReactNode }) {
+  const hostRef = useRef<React.ElementRef<typeof View>>(null);
+  const [nodes, setNodes] = useState<Record<string, ReactNode>>({});
+
+  const mount = useCallback((id: string, node: ReactNode) => {
+    setNodes((prev) => {
+      if (prev[id] === node) {
+        return prev;
+      }
+      return { ...prev, [id]: node };
+    });
+  }, []);
+
+  const unmount = useCallback((id: string) => {
+    setNodes((prev) => {
+      if (!(id in prev)) {
+        return prev;
+      }
+      const next = { ...prev };
+      delete next[id];
+      return next;
+    });
+  }, []);
+
+  const measureHostOrigin = useCallback((callback: (origin: HostOrigin) => void) => {
+    const node = hostRef.current;
+    if (!node) {
+      callback({ x: 0, y: 0 });
+      return;
+    }
+    node.measureInWindow((x, y) => {
+      callback({ x, y });
+    });
+  }, []);
+
+  const value = useMemo(
+    () => ({ mount, unmount, measureHostOrigin }),
+    [mount, unmount, measureHostOrigin]
+  );
+
+  return (
+    <OverlayHostContext.Provider value={value}>
+      <View style={styles.root}>
+        {children}
+        <View ref={hostRef} style={styles.host} pointerEvents="box-none" collapsable={false}>
+          {Object.entries(nodes).map(([id, node]) => (
+            <React.Fragment key={id}>{node}</React.Fragment>
+          ))}
+        </View>
+      </View>
+    </OverlayHostContext.Provider>
+  );
+}
+
+function useOverlayHost() {
+  const ctx = useContext(OverlayHostContext);
+  if (!ctx) {
+    throw new Error('useOverlayHost must be used within OverlayHostProvider (MedwayUiProvider)');
+  }
+  return ctx;
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+  },
+  host: {
+    ...StyleSheet.absoluteFill,
+    zIndex: 99999,
+    elevation: 99999,
+  },
+});
+
+export { OverlayHostProvider, useOverlayHost };
+export type { HostOrigin };

package/src/lib/typography.ts

@@ -0,0 +1,21 @@
+import type { TextStyle } from 'react-native';
+
+/** Montserrat files registered by the host app (ex.: App.js useFonts). */
+export const fontFamilyRegular = 'MontserratRegular' as const;
+export const fontFamilyMedium = 'MontserratMedium' as const;
+export const fontFamilySemibold = 'MontserratSemiBold' as const;
+
+/** Figma body-sm/medium */
+export const bodySmMediumStyle: TextStyle = {
+  fontFamily: fontFamilyMedium,
+};
+
+/** Figma body-xs/medium */
+export const bodyXsMediumStyle: TextStyle = {
+  fontFamily: fontFamilyMedium,
+};
+
+/** Figma body-sm/semibold */
+export const bodySmSemiboldStyle: TextStyle = {
+  fontFamily: fontFamilySemibold,
+};

package/src/nativewind-env.d.ts

@@ -1 +1,3 @@
 /// <reference types="nativewind/types" />
+
+declare module "*.css";