@campxdev/react-native-blueprint 0.1.18 → 0.1.20

package/lib/typescript/src/components/Input/Text/Text.d.ts

@@ -0,0 +1,116 @@
+import * as React from 'react';
+/**
+ * Context for sharing text class styles with child Text components
+ * Used by components like Button, Card, Badge to automatically style nested Text
+ */
+declare const TextClassContext: React.Context<string | undefined>;
+/**
+ * Enhanced Text component with NativeWind styling support
+ *
+ * Extends React Native's Text with:
+ * - Automatic style inheritance from TextClassContext
+ * - NativeWind className support
+ * - Slot pattern support for composition
+ * - Web-specific selection styling
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic text
+ * <Text>Hello World</Text>
+ *
+ * // With custom styling
+ * <Text className="text-lg font-bold">Title</Text>
+ *
+ * // Inside a styled context (e.g., Button)
+ * <Button variant="default">
+ *   <Text>Button Text</Text> // Automatically inherits button text styling
+ * </Button>
+ *
+ * // Using asChild for composition
+ * <Text asChild>
+ *   <Link href="/home">Home</Link>
+ * </Text>
+ * ```
+ *
+ * @property {string} [className] - Additional Tailwind classes
+ * @property {boolean} [asChild] - When true, merges props into immediate child
+ */
+declare const Text: React.ForwardRefExoticComponent<Omit<Omit<Readonly<Omit<Readonly<{
+    onPointerEnter?: (event: import("react-native").PointerEvent) => void;
+    onPointerLeave?: (event: import("react-native").PointerEvent) => void;
+    onPointerMove?: (event: import("react-native").PointerEvent) => void;
+}>, "style" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "disabled" | "selectionColor" | "dataDetectorType" | "textBreakStrategy" | "minimumFontScale" | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "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"> & Omit<import("react-native/types_generated/Libraries/Text/TextProps").TextPropsIOS, "style" | keyof import("react-native/types_generated/Libraries/Text/TextProps").TextPropsAndroid | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "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"> & Omit<import("react-native/types_generated/Libraries/Text/TextProps").TextPropsAndroid, "style" | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "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"> & Omit<Readonly<{
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
+    allowFontScaling?: boolean | undefined;
+    android_hyphenationFrequency?: ("normal" | "none" | "full") | undefined;
+    children?: React.ReactNode | undefined;
+    ellipsizeMode?: ("clip" | "head" | "middle" | "tail") | undefined;
+    id?: string;
+    maxFontSizeMultiplier?: number | undefined;
+    nativeID?: string | undefined;
+    numberOfLines?: number | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => 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;
+    onPressOut?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminationRequest?: (() => boolean) | undefined;
+    onStartShouldSetResponder?: (() => boolean) | undefined;
+    onMoveShouldSetResponder?: (() => boolean) | undefined;
+    onTextLayout?: ((event: import("react-native").TextLayoutEvent) => unknown) | undefined;
+    pressRetentionOffset?: import("react-native/types_generated/Libraries/Text/TextProps").PressRetentionOffset | undefined;
+    role?: import("react-native").Role | undefined;
+    selectable?: boolean | undefined;
+    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").TextStyleProp | undefined;
+    testID?: string | undefined;
+}>, "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" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & 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;
+}>, never>>, "ref"> & {
+    ref?: React.Ref<import("react-native/types_generated/src/private/types/HostInstance").LegacyHostInstanceMethods>;
+}, "ref"> & {
+    asChild?: boolean;
+} & {
+    className?: string;
+    children?: React.ReactNode;
+} & React.RefAttributes<import("react-native/types_generated/src/private/types/HostInstance").LegacyHostInstanceMethods>>;
+export { Text, TextClassContext };
+//# sourceMappingURL=Text.d.ts.map

package/lib/typescript/src/components/Input/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Input/Text/Text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,QAAA,MAAM,gBAAgB,mCAAqD,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAGM,MAAM;eACP,KAAK,CAAC,SAAS;yHAkB5B,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/typescript/src/components/Input/TextField/Textfield.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import type { SlottableViewProps } from '@rn-primitives/types';
+import { type VariantProps } from 'class-variance-authority';
+import { TextInput } from 'react-native';
+import type { LucideIcon } from 'lucide-react-native';
+declare const textFieldVariants: (props?: ({
+    state?: "success" | "default" | "disabled" | "error" | "focused" | "loading" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const fieldTextVariants: (props?: ({
+    state?: "success" | "default" | "disabled" | "error" | "focused" | "loading" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const nativeTextFieldVariants: (props?: ({
+    state?: "success" | "default" | "disabled" | "error" | "focused" | "loading" | null | undefined;
+    content?: "placeholder" | "filled" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const iconVariants: (props?: ({
+    state?: "success" | "default" | "disabled" | "error" | "focused" | "loading" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type RNTextFieldSafeProps = Omit<React.ComponentPropsWithoutRef<typeof TextInput>, 'className'>;
+type TextFieldProps = Omit<SlottableViewProps, 'className'> & VariantProps<typeof textFieldVariants> & VariantProps<typeof nativeTextFieldVariants> & {
+    asChild?: boolean;
+    leftIcon?: LucideIcon;
+    rightIcon?: LucideIcon | React.ReactNode;
+    type?: 'text' | 'search' | 'ai' | 'composer' | 'code';
+    showLabel?: boolean;
+    showHelpText?: boolean;
+    showLeftIcon?: boolean;
+    showRightIcon?: boolean;
+    label?: string;
+    helpText?: string;
+    successMessage?: string;
+    errorMessage?: string;
+    inputProps?: RNTextFieldSafeProps;
+};
+declare const TextField: React.ForwardRefExoticComponent<Omit<SlottableViewProps, "className"> & VariantProps<(props?: ({
+    state?: "success" | "default" | "disabled" | "error" | "focused" | "loading" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & VariantProps<(props?: ({
+    state?: "success" | "default" | "disabled" | "error" | "focused" | "loading" | null | undefined;
+    content?: "placeholder" | "filled" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+    leftIcon?: LucideIcon;
+    rightIcon?: LucideIcon | React.ReactNode;
+    type?: "text" | "search" | "ai" | "composer" | "code";
+    showLabel?: boolean;
+    showHelpText?: boolean;
+    showLeftIcon?: boolean;
+    showRightIcon?: boolean;
+    label?: string;
+    helpText?: string;
+    successMessage?: string;
+    errorMessage?: string;
+    inputProps?: RNTextFieldSafeProps;
+} & React.RefAttributes<import("react-native/types_generated/src/private/types/HostInstance").LegacyHostInstanceMethods>>;
+export { TextField, textFieldVariants, fieldTextVariants as textFieldTextVariants, nativeTextFieldVariants, iconVariants, };
+export type { TextFieldProps };
+//# sourceMappingURL=Textfield.d.ts.map

package/lib/typescript/src/components/Input/TextField/Textfield.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Input/TextField/Textfield.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,EAAW,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAQ,SAAS,EAAa,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAmEtD,QAAA,MAAM,iBAAiB;;8EAiBtB,CAAC;AAEF,QAAA,MAAM,iBAAiB;;8EAcrB,CAAC;AAEH,QAAA,MAAM,uBAAuB;;;8EAmB3B,CAAC;AAEH,QAAA,MAAM,YAAY;;8EAchB,CAAC;AAMH,KAAK,oBAAoB,GAAG,IAAI,CAC9B,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAChD,WAAW,CACZ,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,GACzD,YAAY,CAAC,OAAO,iBAAiB,CAAC,GACtC,YAAY,CAAC,OAAO,uBAAuB,CAAC,GAAG;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,SAAS,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IAGzC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,CAAC;IAGtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC,CAAC;AAMJ,QAAA,MAAM,SAAS;;;;;;cA1BD,OAAO;eAEN,UAAU;gBACT,UAAU,GAAG,KAAK,CAAC,SAAS;WAGjC,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM;gBAGzC,OAAO;mBACJ,OAAO;mBACP,OAAO;oBACN,OAAO;YAEf,MAAM;eACH,MAAM;qBACA,MAAM;mBACR,MAAM;iBAER,oBAAoB;yHAuTpC,CAAC;AAIF,OAAO,EACL,SAAS,EACT,iBAAiB,EACjB,iBAAiB,IAAI,qBAAqB,EAC1C,uBAAuB,EACvB,YAAY,GACb,CAAC;AACF,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/lib/typescript/src/components/Input/TextField/Textfield.figma.d.ts

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

package/lib/typescript/src/components/Input/TextField/Textfield.figma.d.ts.map

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

package/lib/typescript/src/components/Input/Toggle/Toggle.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from 'class-variance-authority';
+declare const toggleItemVariants: (props?: ({
+    tone?: "success" | "warning" | "destructive" | "default" | null | undefined;
+    state?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToggleItemProps = VariantProps<typeof toggleItemVariants> & {
+    text?: string;
+    showLeftIcon?: boolean;
+    showRightIcon?: boolean;
+    className?: string;
+};
+export declare function ToggleItem({ text, tone, state, showLeftIcon, showRightIcon, className, }: ToggleItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Toggle.d.ts.map

package/lib/typescript/src/components/Input/Toggle/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Input/Toggle/Toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAelE,QAAA,MAAM,kBAAkB;;;8EAgDvB,CAAC;AA+CF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,IAAe,EACf,IAAgB,EAChB,KAAa,EACb,YAAoB,EACpB,aAAqB,EACrB,SAAS,GACV,EAAE,eAAe,2CAiBjB"}

package/lib/typescript/src/components/Input/Toggle/Toggle.figma.d.ts

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

package/lib/typescript/src/components/Input/Toggle/Toggle.figma.d.ts.map

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

package/lib/typescript/src/components/Input/ToggleGroup/Toggle-Group.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export declare const ToggleGroupVariants: {
+    orientation: readonly ["horizontal", "vertical"];
+    type: readonly ["single", "multiple"];
+};
+type ToggleGroupOrientation = (typeof ToggleGroupVariants.orientation)[number];
+type ToggleGroupType = (typeof ToggleGroupVariants.type)[number];
+type LegacyOrientation = 'Horizontal' | 'Vertical';
+type LegacyType = 'Single' | 'Multiple';
+type InternalItemProps = {
+    __index?: number;
+    __count?: number;
+};
+export interface ToggleGroupProps {
+    type?: ToggleGroupType | LegacyType;
+    value: string | string[];
+    onValueChange: (value: string | string[]) => void;
+    orientation?: ToggleGroupOrientation | LegacyOrientation;
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    className?: never;
+}
+export declare function ToggleGroup({ type, value, onValueChange, orientation, children, style, testID, }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface ToggleGroupItemProps {
+    value: string;
+    testID?: string;
+    children: React.ReactNode;
+    className?: never;
+}
+export declare function ToggleGroupItem(props: ToggleGroupItemProps & InternalItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Toggle-Group.d.ts.map

package/lib/typescript/src/components/Input/ToggleGroup/Toggle-Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle-Group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Input/ToggleGroup/Toggle-Group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAc/E,eAAO,MAAM,mBAAmB;;;CAG/B,CAAC;AAEF,KAAK,sBAAsB,GAAG,CAAC,OAAO,mBAAmB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/E,KAAK,eAAe,GAAG,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;AAGjE,KAAK,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AACnD,KAAK,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAyFxC,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAyEF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,eAAe,GAAG,UAAU,CAAC;IACpC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,sBAAsB,GAAG,iBAAiB,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAe,EACf,KAAK,EACL,aAAa,EACb,WAA0B,EAC1B,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,gBAAgB,2CA0BlB;AAMD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,oBAAoB,GAAG,iBAAiB,2CAahD"}

package/lib/typescript/src/components/Input/ToggleGroup/Toggle-Group.figma.d.ts

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

package/lib/typescript/src/components/Input/ToggleGroup/Toggle-Group.figma.d.ts.map

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

package/lib/typescript/src/components/Input/switch/Switch.d.ts

@@ -0,0 +1,11 @@
+import * as SwitchPrimitive from '@rn-primitives/switch';
+import { type VariantProps } from 'class-variance-authority';
+declare const switchTrackVariants: (props?: ({
+    size?: "md" | "sm" | null | undefined;
+    state?: "off" | "on" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type SwitchProps = Omit<SwitchPrimitive.RootProps, 'className'> & VariantProps<typeof switchTrackVariants>;
+declare function Switch({ size, disabled, checked, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export { Switch };
+//# sourceMappingURL=Switch.d.ts.map

package/lib/typescript/src/components/Input/switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Input/switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,QAAA,MAAM,mBAAmB;;;;8EA2BxB,CAAC;AA4CF,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,WAAW,CAAC,GAC7D,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAK3C,iBAAS,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAcjE;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/typescript/src/components/Input/switch/Switch.figma.d.ts

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

package/lib/typescript/src/components/Input/switch/Switch.figma.d.ts.map

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

package/lib/typescript/src/components/Layout/AspectRatio/Aspect-Ratio.d.ts

@@ -0,0 +1,12 @@
+import { type ImageSourcePropType } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+declare const aspectRatioVariants: (props?: ({
+    variant?: "16:9" | "1:1" | "4:3" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AspectRatioProps extends VariantProps<typeof aspectRatioVariants> {
+    source: ImageSourcePropType;
+    className?: string;
+}
+export declare function AspectRatio({ source, variant, className }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Aspect-Ratio.d.ts.map

package/lib/typescript/src/components/Layout/AspectRatio/Aspect-Ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Aspect-Ratio.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/AspectRatio/Aspect-Ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAWlE,QAAA,MAAM,mBAAmB;;8EAWvB,CAAC;AAMH,MAAM,WAAW,gBACf,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAChD,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAU3E"}

package/lib/typescript/src/components/Layout/AspectRatio/Aspect-Ratio.figma.d.ts

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

package/lib/typescript/src/components/Layout/AspectRatio/Aspect-Ratio.figma.d.ts.map

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

package/lib/typescript/src/components/Layout/Bottomsheet/Bottom-Sheet.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { type ViewStyle } from 'react-native';
+interface BottomSheetDefaultProps {
+    descriptionText?: string;
+    titleText?: string;
+    showDescription?: boolean;
+    showFooter?: boolean;
+    showHeader?: boolean;
+    dismissable?: boolean;
+    primaryButtonText?: string;
+    secondaryButtonText?: string;
+    onPrimaryPress?: () => void;
+    onSecondaryPress?: () => void;
+    sheetContentType?: 'placeholder' | 'form' | 'text';
+    children?: React.ReactNode;
+    style?: ViewStyle;
+    testID?: string;
+}
+declare function BottomSheetDefault(props: BottomSheetDefaultProps): import("react/jsx-runtime").JSX.Element;
+declare namespace BottomSheetDefault {
+    var displayName: string;
+}
+type BottomSheetRef = {
+    open: () => void;
+    close: () => void;
+    expand: () => void;
+    collapse: () => void;
+    snapToIndex: (index: number) => void;
+};
+interface BottomSheetProps {
+    children: React.ReactNode;
+    snapPoints?: (string | number)[];
+    initialSnapIndex?: number;
+    enablePanDownToClose?: boolean;
+    enableDynamicSizing?: boolean;
+    backdropOpacity?: number;
+    enableBackdropDismiss?: boolean;
+    handleIndicatorStyle?: ViewStyle;
+    backgroundStyle?: ViewStyle;
+    className?: string;
+    containerClassName?: string;
+    onChange?: (index: number) => void;
+    onClose?: () => void;
+}
+declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<BottomSheetRef>>;
+interface BottomSheetHeaderProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const BottomSheetHeader: ({ children, className }: BottomSheetHeaderProps) => import("react/jsx-runtime").JSX.Element;
+interface BottomSheetContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const BottomSheetContent: ({ children, className, }: BottomSheetContentProps) => import("react/jsx-runtime").JSX.Element;
+interface BottomSheetFooterProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const BottomSheetFooter: ({ children, className }: BottomSheetFooterProps) => import("react/jsx-runtime").JSX.Element;
+export { BottomSheet, BottomSheetDefault, BottomSheetHeader, BottomSheetContent, BottomSheetFooter, };
+export type { BottomSheetRef, BottomSheetProps, BottomSheetDefaultProps };
+//# sourceMappingURL=Bottom-Sheet.d.ts.map

package/lib/typescript/src/components/Layout/Bottomsheet/Bottom-Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bottom-Sheet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/Bottomsheet/Bottom-Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAyGtB,UAAU,uBAAuB;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B,gBAAgB,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAKD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAwFzD;kBAxFQ,kBAAkB;;;AA+F3B,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAKD,QAAA,MAAM,WAAW,yFAyGhB,CAAC;AAwBF,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,4CAQzE,CAAC;AAEF,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,kBAAkB,GAAI,0BAGzB,uBAAuB,4CAMzB,CAAC;AAEF,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,4CAQzE,CAAC;AAEF,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,CAAC;AACF,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,CAAC"}

package/lib/typescript/src/components/Layout/Bottomsheet/BottomSheet.figma.d.ts

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

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

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

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":""}