@campxdev/react-native-blueprint 0.1.18 → 0.1.19

package/lib/typescript/src/components/Layout/PageContent/PageContent.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { ViewStyle, StyleProp } from 'react-native';
+interface PageContentProps {
+    children: ReactNode;
+    scroll?: boolean;
+    header?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+    contentContainerStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * PageContent Component
+ *
+ * Main content area wrapper that provides SafeAreaView, KeyboardAvoidingView, and optional scrolling behavior.
+ * Automatically handles keyboard avoiding on iOS and provides consistent content wrapping.
+ */
+declare const PageContent: ({ children, scroll, header, style, contentContainerStyle, }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
+export { PageContent };
+export default PageContent;
+//# sourceMappingURL=PageContent.d.ts.map

package/lib/typescript/src/components/Layout/PageContent/PageContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/PageContent/PageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED;;;;;GAKG;AACH,QAAA,MAAM,WAAW,GAAI,6DAMlB,gBAAgB,4CAgClB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/Layout/PageContent/PageContent.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PageContent.figma.d.ts.map

package/lib/typescript/src/components/Layout/PageContent/PageContent.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContent.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/PageContent/PageContent.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/Layout/PageLayoutFocused/PageLayoutFocused.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from 'react';
+import { type AppBarProps } from '../../Navigation/Appbar/AppBar';
+export interface PageLayoutFocusedProps {
+    /** Main content to render inside the layout */
+    children: ReactNode;
+    /** AppBar configuration */
+    appBarProps?: Omit<AppBarProps, 'useSafeArea'>;
+}
+/**
+ * PageLayoutFocused Component
+ *
+ * Layout component for focused/detail screens with AppBar and scrollable content area.
+ * No bottom NavBar - used for detail pages, forms, or focused workflows.
+ *
+ * @param {React.ReactNode} children - Main content to render inside the layout
+ * @param {AppBarProps} appBarProps - Configuration for the top AppBar
+ *
+ * @returns {React.ReactElement} The page layout with AppBar and content area
+ *
+ * @example
+ * ```tsx
+ * <PageLayoutFocused
+ *   appBarProps={{
+ *     variant: 'default',
+ *     title: 'Page Title',
+ *     subtitle: 'This is the page Subtitle',
+ *     showLeading: true,
+ *     showTrailing: true,
+ *     headerType: 'tabs',
+ *   }}
+ * >
+ *   <YourPageContent />
+ * </PageLayoutFocused>
+ * ```
+ */
+export declare const PageLayoutFocused: {
+    ({ children, appBarProps, }: PageLayoutFocusedProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PageLayoutFocused.d.ts.map

package/lib/typescript/src/components/Layout/PageLayoutFocused/PageLayoutFocused.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutFocused.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/PageLayoutFocused/PageLayoutFocused.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAO1E,MAAM,WAAW,sBAAsB;IACrC,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IAEpB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;CAChD;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,iBAAiB;iCAG3B,sBAAsB;;CAYxB,CAAC"}

package/lib/typescript/src/components/Layout/PageLayoutFocused/PageLayoutFocused.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PageLayoutFocused.figma.d.ts.map

package/lib/typescript/src/components/Layout/PageLayoutFocused/PageLayoutFocused.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutFocused.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/PageLayoutFocused/PageLayoutFocused.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/Layout/PageLayoutShell/PageLayoutShell.d.ts

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import { type AppBarProps } from '../../Navigation/Appbar/AppBar';
+import { type NavBarProps } from '../../Navigation/Navbar/NavBar';
+export interface PageLayoutShellProps {
+    /** Main content to render inside the layout */
+    children: ReactNode;
+    /** AppBar configuration */
+    appBarProps?: Omit<AppBarProps, 'useSafeArea'>;
+    /** NavBar configuration */
+    navBarProps: NavBarProps;
+}
+/**
+ * PageLayoutShell Component
+ *
+ * Main layout component for mobile screens that provides AppBar, scrollable content area, and bottom NavBar.
+ * This is the primary shell for app screens with navigation.
+ *
+ * @param {React.ReactNode} children - Main content to render inside the layout
+ * @param {AppBarProps} appBarProps - Configuration for the top AppBar
+ * @param {NavBarProps} navBarProps - Configuration for the bottom NavBar (required)
+ *
+ * @returns {React.ReactElement} The complete page layout with AppBar, content area, and NavBar
+ *
+ * @example
+ * ```tsx
+ * <PageLayoutShell
+ *   appBarProps={{
+ *     variant: 'home',
+ *     headerType: 'tabs',
+ *     logoSource: require('./assets/logo.png'),
+ *   }}
+ *   navBarProps={{
+ *     items: [
+ *       { key: 'home', icon: <HomeIcon /> },
+ *       { key: 'search', icon: <SearchIcon /> },
+ *       { key: 'cart', icon: <CartIcon /> },
+ *       { key: 'notifications', icon: <BellIcon /> },
+ *       { key: 'profile', icon: <UserIcon /> },
+ *     ],
+ *     activeIndex: 2,
+ *     showCenterGlow: true,
+ *   }}
+ * >
+ *   <YourPageContent />
+ * </PageLayoutShell>
+ * ```
+ */
+export declare const PageLayoutShell: {
+    ({ children, appBarProps, navBarProps, }: PageLayoutShellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PageLayoutShell.d.ts.map

package/lib/typescript/src/components/Layout/PageLayoutShell/PageLayoutShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutShell.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/PageLayoutShell/PageLayoutShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE1E,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM1E,MAAM,WAAW,oBAAoB;IACnC,+CAA+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IAEpB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IAE/C,2BAA2B;IAC3B,WAAW,EAAE,WAAW,CAAC;CAC1B;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,eAAe;8CAIzB,oBAAoB;;CAiBtB,CAAC"}

package/lib/typescript/src/components/Layout/PageLayoutShell/PageLayoutShell.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PageLayoutShell.figma.d.ts.map

package/lib/typescript/src/components/Layout/PageLayoutShell/PageLayoutShell.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutShell.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/PageLayoutShell/PageLayoutShell.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/Layout/PopoverContainer/Popover-Container.d.ts

@@ -0,0 +1,288 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * Root component for popover - provides context for trigger and content
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Popover>
+ *   <PopoverTrigger>
+ *     <Button variant="outline">
+ *       <Text>Open Popover</Text>
+ *     </Button>
+ *   </PopoverTrigger>
+ *   <PopoverContent>
+ *     <Text>Popover content goes here</Text>
+ *   </PopoverContent>
+ * </Popover>
+ * ```
+ */
+declare const Popover: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    onOpenChange?: (open: boolean) => void;
+} & React.RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}) => React.ReactNode>>;
+/**
+ * Trigger component that opens the popover when pressed
+ *
+ * @component
+ */
+declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<Readonly<Omit<Omit<Readonly<Omit<Readonly<{
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
+    onAccessibilityTap?: (() => unknown) | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
+    onMagicTap?: (() => unknown) | undefined;
+    onAccessibilityEscape?: (() => unknown) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onMoveShouldSetResponderCapture" | "onResponderReject" | "onResponderStart" | "onResponderEnd" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
+    onResponderMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderReject?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderRelease?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminate?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
+    onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancel?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancelCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDown?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDownCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUp?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUpCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOver?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOverCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOut?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOutCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onGotPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
+    onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
+    onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
+    onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEndCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMoveCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchStartCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    nativeBackgroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
+    nativeForegroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined;
+    hasTVPreferredFocus?: boolean | undefined;
+    nextFocusDown?: number | undefined;
+    nextFocusForward?: number | undefined;
+    nextFocusLeft?: number | undefined;
+    nextFocusRight?: number | undefined;
+    nextFocusUp?: number | undefined;
+    focusable?: boolean | undefined;
+    tabIndex?: 0 | -1;
+    onClick?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    shouldRasterizeIOS?: boolean | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<Omit<Readonly<{
+    accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
+    "aria-labelledby"?: string | undefined;
+    accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
+    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
+    screenReaderFocusable?: boolean;
+}>, "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
+    accessibilityIgnoresInvertColors?: boolean | undefined;
+    accessibilityViewIsModal?: boolean | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined;
+    accessibilityLargeContentTitle?: string | undefined;
+    "aria-modal"?: boolean | undefined;
+    accessibilityElementsHidden?: boolean | undefined;
+    accessibilityLanguage?: string | undefined;
+    accessibilityRespondsToUserInteraction?: boolean | undefined;
+}>, "role" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
+    accessible?: boolean | undefined;
+    accessibilityLabel?: string | undefined;
+    accessibilityHint?: string | undefined;
+    "aria-label"?: string | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
+    role?: import("react-native").Role | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
+    "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
+    "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
+    "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
+    "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
+    accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
+    "aria-busy"?: boolean | undefined;
+    "aria-checked"?: (boolean | undefined) | "mixed";
+    "aria-disabled"?: boolean | undefined;
+    "aria-expanded"?: boolean | undefined;
+    "aria-selected"?: boolean | undefined;
+    "aria-hidden"?: boolean | undefined;
+}>, "pointerEvents" | "style" | "children" | "id" | "nativeID" | "testID" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    children?: React.ReactNode;
+    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp | undefined;
+    collapsable?: boolean | undefined;
+    collapsableChildren?: boolean | undefined;
+    id?: string;
+    testID?: string | undefined;
+    nativeID?: string | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
+    hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/EdgeInsetsPropType").EdgeInsetsOrSizeProp | undefined;
+    pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    experimental_accessibilityOrder?: Array<string> | undefined;
+}>, never>>, "onMouseEnter" | "onMouseLeave">, "style" | "disabled" | "children" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "testID" | "hitSlop" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "onHoverIn" | "onHoverOut" | "onPressMove" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & Omit<Readonly<{
+    cancelable?: boolean | undefined;
+    children?: React.ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode);
+    delayHoverIn?: number | undefined;
+    delayHoverOut?: number | undefined;
+    delayLongPress?: number | undefined;
+    disabled?: boolean | undefined;
+    hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/Rect").RectOrSize | undefined;
+    pressRetentionOffset?: import("react-native/types_generated/Libraries/StyleSheet/Rect").RectOrSize | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
+    onHoverIn?: ((event: import("react-native").MouseEvent) => unknown) | undefined;
+    onHoverOut?: ((event: import("react-native").MouseEvent) => unknown) | undefined;
+    onLongPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPressIn?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPressMove?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPressOut?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ViewStyleProp_Internal | ((state: import("react-native").PressableStateCallbackType) => import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp) | undefined;
+    testID?: string | undefined;
+    android_disableSound?: boolean | undefined;
+    android_ripple?: import("react-native").PressableAndroidRippleConfig | undefined;
+    testOnly_pressed?: boolean | undefined;
+    unstable_pressDelay?: number | undefined;
+}>, never>> & React.RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}) => React.ReactNode>, "ref"> & {
+    asChild?: boolean;
+} & {
+    onKeyDown?: (ev: React.KeyboardEvent) => void;
+    onKeyUp?: (ev: React.KeyboardEvent) => void;
+} & React.RefAttributes<import("@rn-primitives/popover").TriggerRef>>;
+/**
+ * Content container for popover
+ *
+ * Displays content in a floating panel anchored to the trigger.
+ * Includes smooth animations and proper positioning.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PopoverContent align="start" sideOffset={8}>
+ *   <View className="gap-2">
+ *     <Text className="font-semibold">Dimensions</Text>
+ *     <Text className="text-sm">Set the dimensions for the layer</Text>
+ *   </View>
+ * </PopoverContent>
+ * ```
+ *
+ * @accessibility
+ * - Content is announced by screen readers
+ * - Dismissible with escape key on web
+ * - Proper focus management
+ */
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & import("@rn-primitives/types").PositionedContentProps & {
+    onOpenAutoFocus?: (event: Event) => void;
+} & React.RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}) => React.ReactNode>, "ref"> & {
+    portalHost?: string;
+    className?: string;
+} & React.RefAttributes<(props: Omit<import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").ViewProps, keyof {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}> & {
+    ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
+}) => React.ReactNode>>;
+export declare const PopoverContainerVariants: {
+    readonly size: readonly ["lg", "md"];
+};
+type PopoverSize = (typeof PopoverContainerVariants.size)[number];
+declare const rootVariants: (props?: ({
+    size?: "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type PopoverContainerProps = VariantProps<typeof rootVariants> & {
+    /** Popover description text */
+    description?: string;
+    /** Popover title text */
+    title?: string;
+    /** Size variant: lg (stretches to fill parent - wrap in container with px-5 for 20px padding), md (300px centered) */
+    size?: PopoverSize;
+    /** Show description text */
+    showDescription?: boolean;
+    /** Show footer with action buttons */
+    showFooter?: boolean;
+    /** Show header section (title + description) */
+    showHeader?: boolean;
+    /** Show secondary button in footer */
+    showSecondaryButton?: boolean;
+    /** Content to render inside the popover */
+    children?: React.ReactNode;
+    /** Primary button text */
+    primaryButtonText?: string;
+    /** Secondary button text */
+    secondaryButtonText?: string;
+    /** Primary button press handler */
+    onPrimaryPress?: () => void;
+    /** Secondary button press handler */
+    onSecondaryPress?: () => void;
+    /** Custom style override */
+    style?: any;
+    /** Test ID for testing */
+    testID?: string;
+};
+/**
+ * Styled container for popover content with header, body, and footer sections.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <PopoverContainer
+ *   size="md"
+ *   title="Popover Title"
+ *   description="Popover Description"
+ *   showHeader
+ *   showFooter
+ * >
+ *   <Text>Custom content here</Text>
+ * </PopoverContainer>
+ * ```
+ */
+export declare function PopoverContainer({ description, title, size, showDescription, showFooter, showHeader, showSecondaryButton, children, primaryButtonText, secondaryButtonText, onPrimaryPress, onSecondaryPress, style, testID, }: PopoverContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PopoverContainer {
+    var displayName: string;
+}
+export { Popover, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=Popover-Container.d.ts.map

package/lib/typescript/src/components/Layout/PopoverContainer/Popover-Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover-Container.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/PopoverContainer/Popover-Container.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,OAAO;;;;;OAdL,CAAC;;OAIgB,CAAC;uBAUW,CAAC;AAEtC;;;;GAIG;AACH,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBZ,CAAC;;OAIgB,CAAC;;;;;;qEAiBqB,CAAC;AAQhD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,cAAc;;;;;OAnDZ,CAAC;;OAIgB,CAAC;;iBAkDT,MAAM;gBACP,MAAM;;OAvDd,CAAC;;OAIgB,CAAC;uBA6FzB,CAAC;AAOF,eAAO,MAAM,wBAAwB;;CAE3B,CAAC;AAEX,KAAK,WAAW,GAAG,CAAC,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,QAAA,MAAM,YAAY;;8EAiBjB,CAAC;AAoBF,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IACtE,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sHAAsH;IACtH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAMF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,WAAmC,EACnC,KAAuB,EACvB,IAAW,EACX,eAAsB,EACtB,UAAiB,EACjB,UAAiB,EACjB,mBAA0B,EAC1B,QAAQ,EACR,iBAA4B,EAC5B,mBAA8B,EAC9B,cAAc,EACd,gBAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,2CA8DvB;yBA7Ee,gBAAgB;;;AAiFhC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/lib/typescript/src/components/Layout/PopoverContainer/PopoverContainer.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PopoverContainer.figma.d.ts.map

package/lib/typescript/src/components/Layout/PopoverContainer/PopoverContainer.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContainer.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/PopoverContainer/PopoverContainer.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/Layout/Tabs/Tabs.d.ts

@@ -0,0 +1,32 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+declare const rootVariants: (props?: ({
+    size?: "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const tabSlotVariants: (props?: ({
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const tabItemVariants: (props?: ({
+    variant?: "Disabled" | "Active" | "Inactive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TabItemProps = VariantProps<typeof tabItemVariants> & {
+    showBadge?: boolean;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+};
+export declare function TabItem({ variant, showBadge, style, testID }: TabItemProps): import("react/jsx-runtime").JSX.Element;
+export type TabsProps = Omit<VariantProps<typeof rootVariants>, 'size'> & {
+    /** Used to override the default root style. */
+    style?: StyleProp<ViewStyle>;
+    /** Used to locate this view in end-to-end tests. */
+    testID?: string;
+    /** Prevent passing className */
+    className?: never;
+};
+export declare function Tabs(props: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tabs {
+    var displayName: string;
+}
+export { rootVariants, tabSlotVariants };
+export type { TabsProps };
+//# sourceMappingURL=Tabs.d.ts.map

package/lib/typescript/src/components/Layout/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAalE,QAAA,MAAM,YAAY;;8EAYjB,CAAC;AAEF,QAAA,MAAM,eAAe;;8EAUnB,CAAC;AAMH,QAAA,MAAM,eAAe;;8EAcpB,CAAC;AAeF,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,YAAY,2CAuB1E;AAMD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,MAAM,CAAC,GAAG;IACxE,+CAA+C;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,gCAAgC;IAChC,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAMF,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,2CAiCpC;yBAjCe,IAAI;;;AAqCpB,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/lib/typescript/src/components/Layout/Tabs/Tabs.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Tabs.figma.d.ts.map

package/lib/typescript/src/components/Layout/Tabs/Tabs.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/Tabs/Tabs.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/Navigation/Appbar/AppBar.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { type ImageSourcePropType } from 'react-native';
+export type AppBarVariant = 'default' | 'home';
+export type HeaderBlockType = 'tabs' | 'search';
+export interface AppBarProps {
+    variant?: AppBarVariant;
+    title?: string;
+    subtitle?: string;
+    showLeading?: boolean;
+    showTrailing?: boolean;
+    showSubtitle?: boolean;
+    showHeaderBlock?: boolean;
+    headerType?: HeaderBlockType;
+    onLeadingPress?: () => void;
+    onTrailingPress?: () => void;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    /** For home variant logo */
+    logoSource?: ImageSourcePropType;
+    /** Whether to wrap with SafeAreaView for status bar */
+    useSafeArea?: boolean;
+    /** E2E */
+    testID?: string;
+}
+export declare function AppBar(props: AppBarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AppBar {
+    var displayName: string;
+}
+//# sourceMappingURL=AppBar.d.ts.map

package/lib/typescript/src/components/Navigation/Appbar/AppBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Navigation/Appbar/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,mBAAmB,EACzB,MAAM,cAAc,CAAC;AAsBtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,4BAA4B;IAC5B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IAEjC,uDAAuD;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,UAAU;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4BD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CA4HxC;yBA5He,MAAM"}

package/lib/typescript/src/components/Navigation/Appbar/AppBar.figma.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AppBar.figma.d.ts.map

package/lib/typescript/src/components/Navigation/Appbar/AppBar.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Navigation/Appbar/AppBar.figma.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/components/Navigation/ContextMenu/Context-Menu.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { type ViewStyle } from 'react-native';
+export interface ContextMenuItem {
+    label: string;
+    icon?: React.ReactNode;
+    onPress?: () => void;
+    checked?: boolean;
+}
+export interface ContextMenuProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    showIcon?: boolean;
+    items?: ContextMenuItem[];
+    triggerIcon?: React.ReactNode;
+    style?: ViewStyle;
+    className?: string;
+}
+/**
+ * ContextMenu
+ *
+ * A simplified context menu component with trigger and dropdown items.
+ * Toggle showIcon to show/hide the trigger icon.
+ */
+declare function ContextMenuComponent({ open: controlledOpen, onOpenChange, showIcon, items, triggerIcon, style, className, }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ContextMenuComponent {
+    var displayName: string;
+}
+export declare const ContextMenu: typeof ContextMenuComponent;
+export {};
+//# sourceMappingURL=Context-Menu.d.ts.map

package/lib/typescript/src/components/Navigation/ContextMenu/Context-Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context-Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Navigation/ContextMenu/Context-Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAatB,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAe,EACf,KAAU,EACV,WAAW,EACX,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,2CAiFlB;kBAzFQ,oBAAoB;;;AA6F7B,eAAO,MAAM,WAAW,6BAAuB,CAAC"}

package/lib/typescript/src/components/Navigation/ContextMenu/ContextMenu.figma.d.ts

@@ -0,0 +1,3 @@
+import type { ContextMenuProps } from './Context-Menu';
+export type { ContextMenuProps };
+//# sourceMappingURL=ContextMenu.figma.d.ts.map

package/lib/typescript/src/components/Navigation/ContextMenu/ContextMenu.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.figma.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Navigation/ContextMenu/ContextMenu.figma.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,YAAY,EAAE,gBAAgB,EAAE,CAAC"}