@campxdev/react-native-blueprint 0.1.1 → 0.1.3

package/lib/typescript/src/components/ui/Dialog.d.ts

@@ -1,11 +1,126 @@
+import * as DialogPrimitive from '@rn-primitives/dialog';
 import * as React from 'react';
-import { ViewProps } from 'react-native';
-
-export interface DialogProps extends ViewProps {
-  className?: string;
-  children?: React.ReactNode;
-  [key: string]: any;
-}
-
-export const Dialog: React.ComponentType<DialogProps>;
-export default Dialog;
+import { type ViewProps } from 'react-native';
+/**
+ * Root dialog container
+ *
+ * A modal window that overlays the main content and requires user interaction.
+ * Unlike AlertDialog, this is for non-critical content that doesn't require immediate action.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTrigger asChild>
+ *     <Button><Text>Open Dialog</Text></Button>
+ *   </DialogTrigger>
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle><Text>Edit Profile</Text></DialogTitle>
+ *       <DialogDescription><Text>Make changes to your profile</Text></DialogDescription>
+ *     </DialogHeader>
+ *     <DialogFooter>
+ *       <Button><Text>Save</Text></Button>
+ *     </DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ * ```
+ */
+declare const Dialog: React.ForwardRefExoticComponent<ViewProps & {
+    asChild?: boolean;
+} & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (value: 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 button that opens the dialog
+ */
+declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & 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<(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>>;
+/**
+ * Portal component for rendering dialog outside DOM hierarchy
+ */
+declare const DialogPortal: typeof DialogPrimitive.Portal;
+/**
+ * Close button component for manually closing the dialog
+ */
+declare const DialogClose: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & 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<(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>>;
+/**
+ * Semi-transparent overlay behind the dialog
+ *
+ * Provides backdrop that dims background content. Uses platform-specific
+ * full window overlay on iOS for proper z-index layering.
+ */
+declare function DialogOverlay({ className, children, ...props }: Omit<DialogPrimitive.OverlayProps, 'asChild'> & React.RefAttributes<DialogPrimitive.OverlayRef> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main dialog content container
+ *
+ * Contains the actual dialog UI with automatic close button in top-right corner.
+ * Includes smooth fade and zoom animations.
+ *
+ * @param {string} [portalHost] - Optional portal host name for custom rendering location
+ * @param {string} [className] - Additional Tailwind classes
+ */
+declare function DialogContent({ className, portalHost, children, ...props }: DialogPrimitive.ContentProps & React.RefAttributes<DialogPrimitive.ContentRef> & {
+    portalHost?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Dialog header container
+ *
+ * Contains title and description with appropriate spacing and alignment.
+ * Centered on mobile, left-aligned on larger screens.
+ */
+declare function DialogHeader({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Dialog footer container
+ *
+ * Contains action buttons. Stacked vertically on mobile (reverse order),
+ * horizontal row on larger screens (right-aligned).
+ */
+declare function DialogFooter({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Dialog title component
+ *
+ * Large, semibold heading for the dialog. Automatically announced by screen readers.
+ */
+declare function DialogTitle({ className, ...props }: DialogPrimitive.TitleProps & React.RefAttributes<DialogPrimitive.TitleRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Dialog description component
+ *
+ * Muted text providing additional context or instructions for the dialog.
+ */
+declare function DialogDescription({ className, ...props }: DialogPrimitive.DescriptionProps & React.RefAttributes<DialogPrimitive.DescriptionRef>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=Dialog.d.ts.map

package/lib/typescript/src/components/ui/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQpE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,MAAM;;;;;;;OAnBF,CAAC;;OAKJ,CAAC;uBAc2B,CAAC;AAEpC;;GAEG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAxBT,CAAC;;OAKJ,CAAC;;;;;;;OALE,CAAC;;OAKJ,CAAC;uBAmBqC,CAAC;AAE9C;;GAEG;AACH,QAAA,MAAM,YAAY,+BAAyB,CAAC;AAE5C;;GAEG;AACH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAlCP,CAAC;;OAKJ,CAAC;;;;;;;OALE,CAAC;;OAKJ,CAAC;uBA6BiC,CAAC;AAK1C;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,GAC9C,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,GAAG;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,2CA4BF;AAED;;;;;;;;GAQG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,YAAY,GAC7B,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,GAAG;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,2CAoCF;AAED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAOvD;AAED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAUvD;AAED;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,QAAQ,CAAC,2CAU5E;AAED;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,gBAAgB,GACjC,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,cAAc,CAAC,2CAOpD;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQpE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,MAAM;;;;;;;OAnBF,CAAC;;OAKJ,CAAC;uBAc2B,CAAC;AAEpC;;GAEG;AACH,QAAA,MAAM,aAAa;OAxBT,CAAC;;OAKJ,CAAC;;;;;;;OALE,CAAC;;OAKJ,CAAC;uBAmBqC,CAAC;AAE9C;;GAEG;AACH,QAAA,MAAM,YAAY,+BAAyB,CAAC;AAE5C;;GAEG;AACH,QAAA,MAAM,WAAW;OAlCP,CAAC;;OAKJ,CAAC;;;;;;;OALE,CAAC;;OAKJ,CAAC;uBA6BiC,CAAC;AAK1C;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,GAC9C,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,GAAG;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,2CA4BF;AAED;;;;;;;;GAQG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,YAAY,GAC7B,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,UAAU,CAAC,GAAG;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,2CAoCF;AAED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAOvD;AAED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAUvD;AAED;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,QAAQ,CAAC,2CAU5E;AAED;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,gBAAgB,GACjC,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,cAAc,CAAC,2CAOpD;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}

package/lib/typescript/src/components/ui/Dropdown-Menu.d.ts

@@ -1,11 +1,284 @@
+import * as DropdownMenuPrimitive from '@rn-primitives/dropdown-menu';
 import * as React from 'react';
-import { ViewProps } from 'react-native';
-
-export interface Dropdown-MenuProps extends ViewProps {
-  className?: string;
-  children?: React.ReactNode;
-  [key: string]: any;
-}
-
-export const Dropdown-Menu: React.ComponentType<Dropdown-MenuProps>;
-export default Dropdown-Menu;
+import { type StyleProp, Text, type TextProps, type ViewStyle } from 'react-native';
+/**
+ * Root component for dropdown menu - provides context for all dropdown menu children
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger>
+ *     <Button variant="outline">
+ *       <Text>Open Menu</Text>
+ *     </Button>
+ *   </DropdownMenuTrigger>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuItem>
+ *       <Text>Profile</Text>
+ *     </DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ */
+declare const DropdownMenu: 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 dropdown menu when pressed
+ *
+ * @component
+ */
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & 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/dropdown-menu").TriggerRef>>;
+/**
+ * Groups related menu items together
+ *
+ * @component
+ */
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & 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>>;
+/**
+ * Portal component to render menu content outside the DOM hierarchy
+ *
+ * @component
+ */
+declare const DropdownMenuPortal: typeof DropdownMenuPrimitive.Portal;
+/**
+ * Root component for nested submenu
+ *
+ * @component
+ */
+declare const DropdownMenuSub: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (value: 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>>;
+/**
+ * Groups radio items together with single selection
+ *
+ * @component
+ */
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    value: string | undefined;
+    onValueChange: (value: string) => 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 for opening a nested submenu
+ *
+ * Displays a chevron icon that indicates expandable content. The icon direction
+ * changes based on platform and submenu state.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuSub>
+ *   <DropdownMenuSubTrigger>
+ *     <Text>More Options</Text>
+ *   </DropdownMenuSubTrigger>
+ *   <DropdownMenuSubContent>
+ *     <DropdownMenuItem>
+ *       <Text>Nested Item</Text>
+ *     </DropdownMenuItem>
+ *   </DropdownMenuSubContent>
+ * </DropdownMenuSub>
+ * ```
+ */
+declare function DropdownMenuSubTrigger({ className: _className, inset, children, iconClassName, ...props }: DropdownMenuPrimitive.SubTriggerProps & React.RefAttributes<DropdownMenuPrimitive.SubTriggerRef> & {
+    children?: React.ReactNode;
+    iconClassName?: string;
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Content container for nested submenu items
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuSubContent>
+ *   <DropdownMenuItem>
+ *     <Text>Submenu Item</Text>
+ *   </DropdownMenuItem>
+ * </DropdownMenuSubContent>
+ * ```
+ */
+declare function DropdownMenuSubContent({ className, ...props }: DropdownMenuPrimitive.SubContentProps & React.RefAttributes<DropdownMenuPrimitive.SubContentRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main content container for dropdown menu items
+ *
+ * Renders menu items in a popover with proper positioning, animations,
+ * and overlay handling. Uses a portal to render outside the parent hierarchy.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuContent>
+ *   <DropdownMenuItem>
+ *     <Text>Profile</Text>
+ *   </DropdownMenuItem>
+ *   <DropdownMenuSeparator />
+ *   <DropdownMenuItem>
+ *     <Text>Settings</Text>
+ *   </DropdownMenuItem>
+ * </DropdownMenuContent>
+ * ```
+ *
+ * @accessibility
+ * - Properly handles focus management
+ * - Supports keyboard navigation
+ * - Screen reader friendly menu structure
+ */
+declare function DropdownMenuContent({ className, overlayClassName, overlayStyle, portalHost, ...props }: DropdownMenuPrimitive.ContentProps & React.RefAttributes<DropdownMenuPrimitive.ContentRef> & {
+    overlayStyle?: StyleProp<ViewStyle>;
+    overlayClassName?: string;
+    portalHost?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Individual menu item component
+ *
+ * Supports both default and destructive variants for different actions.
+ * Includes proper hover, active, and focus states.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuItem onSelect={() => console.log('Selected')}>
+ *   <Text>Edit Profile</Text>
+ * </DropdownMenuItem>
+ *
+ * <DropdownMenuItem variant="destructive">
+ *   <Text>Delete Account</Text>
+ * </DropdownMenuItem>
+ * ```
+ *
+ * @accessibility
+ * - Disabled items cannot be interacted with
+ * - Proper focus indicators on web
+ */
+declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuPrimitive.ItemProps & React.RefAttributes<DropdownMenuPrimitive.ItemRef> & {
+    className?: string;
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Menu item with checkbox for multi-selection
+ *
+ * Shows a checkmark when selected. Useful for toggling multiple options.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuCheckboxItem
+ *   checked={showPanel}
+ *   onCheckedChange={setShowPanel}
+ * >
+ *   <Text>Show Side Panel</Text>
+ * </DropdownMenuCheckboxItem>
+ * ```
+ */
+declare function DropdownMenuCheckboxItem({ className, children, ...props }: DropdownMenuPrimitive.CheckboxItemProps & React.RefAttributes<DropdownMenuPrimitive.CheckboxItemRef> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Menu item with radio button for single selection within a group
+ *
+ * Shows a filled circle when selected. Use within DropdownMenuRadioGroup.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuRadioGroup value={sortBy} onValueChange={setSortBy}>
+ *   <DropdownMenuRadioItem value="name">
+ *     <Text>Sort by Name</Text>
+ *   </DropdownMenuRadioItem>
+ *   <DropdownMenuRadioItem value="date">
+ *     <Text>Sort by Date</Text>
+ *   </DropdownMenuRadioItem>
+ * </DropdownMenuRadioGroup>
+ * ```
+ */
+declare function DropdownMenuRadioItem({ className, children, ...props }: DropdownMenuPrimitive.RadioItemProps & React.RefAttributes<DropdownMenuPrimitive.RadioItemRef> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Label component for grouping and describing menu sections
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuLabel>
+ *   <Text>Account</Text>
+ * </DropdownMenuLabel>
+ * <DropdownMenuItem>
+ *   <Text>Profile</Text>
+ * </DropdownMenuItem>
+ * ```
+ */
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuPrimitive.LabelProps & React.RefAttributes<DropdownMenuPrimitive.LabelRef> & {
+    className?: string;
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Visual separator between menu items or sections
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuItem>
+ *   <Text>Edit</Text>
+ * </DropdownMenuItem>
+ * <DropdownMenuSeparator />
+ * <DropdownMenuItem variant="destructive">
+ *   <Text>Delete</Text>
+ * </DropdownMenuItem>
+ * ```
+ */
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuPrimitive.SeparatorProps & React.RefAttributes<DropdownMenuPrimitive.SeparatorRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Displays keyboard shortcut hint for menu items
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <DropdownMenuItem>
+ *   <Text>Save</Text>
+ *   <DropdownMenuShortcut>
+ *     <Text>⌘S</Text>
+ *   </DropdownMenuShortcut>
+ * </DropdownMenuItem>
+ * ```
+ */
+declare function DropdownMenuShortcut({ className, ...props }: TextProps & React.RefAttributes<Text>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
+//# sourceMappingURL=Dropdown-Menu.d.ts.map

package/lib/typescript/src/components/ui/Dropdown-Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown-Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Dropdown-Menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown-Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Dropdown-Menu.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/ui/Greeting-Card.d.ts

@@ -1,11 +1,153 @@
-import * as React from 'react';
-import { ViewProps } from 'react-native';
-
-export interface Greeting-CardProps extends ViewProps {
-  className?: string;
-  children?: React.ReactNode;
-  [key: string]: any;
+/**
+ * Weather data structure for the greeting card
+ */
+export interface Weather {
+    /** Temperature in Celsius */
+    temperature: number;
+    /** Human-readable weather description (e.g., "Clear Sky", "Rainy") */
+    weatherDescription: string;
+    /** Path to the weather icon image */
+    weatherImage: any;
+    /** Weather code from Open-Meteo API */
+    weatherCode: number;
+    /** Timestamp of last weather update */
+    lastUpdated: Date;
 }
-
-export const Greeting-Card: React.ComponentType<Greeting-CardProps>;
-export default Greeting-Card;
+/**
+ * Weather icon mappings for different weather conditions
+ */
+declare const WEATHER_ICONS: {
+    sunny: any;
+    partlyCloudy: any;
+    foggy: any;
+    drizzle: any;
+    rainy: any;
+    freezingRain: any;
+    showers: any;
+    thunderstorm: any;
+    thunderstormHail: any;
+};
+/**
+ * Converts a weather code from Open-Meteo API to a description and icon
+ *
+ * @param {number} code - Weather code from Open-Meteo API (0-99)
+ * @returns {Object} Object containing description and icon path
+ *
+ * @example
+ * ```tsx
+ * const weatherInfo = getWeatherDescription(0);
+ * // Returns: { description: 'Clear Sky (Sunny)', weatherImage: ... }
+ * ```
+ */
+export declare function getWeatherDescription(code: number): {
+    description: string;
+    weatherImage: any;
+};
+/**
+ * Returns a greeting based on the current time of day
+ *
+ * @returns {string} Time-appropriate greeting
+ *
+ * @example
+ * ```tsx
+ * const greeting = getTimeBasedGreeting();
+ * // Returns: "Good Morning" (if it's morning)
+ * ```
+ */
+export declare function getTimeBasedGreeting(): string;
+/**
+ * Formats a date to a readable string format
+ *
+ * @param {Date} date - Date to format
+ * @returns {string} Formatted date string (e.g., "Monday, 16 October")
+ */
+export declare function formatDate(date: Date): string;
+/**
+ * Fetches weather data from Open-Meteo API
+ *
+ * @param {number} latitude - Latitude coordinate
+ * @param {number} longitude - Longitude coordinate
+ * @returns {Promise<Weather | null>} Weather data or null if fetch fails
+ *
+ * @example
+ * ```tsx
+ * const weather = await fetchWeather(37.7749, -122.4194);
+ * ```
+ */
+export declare function fetchWeather(latitude: number, longitude: number): Promise<Weather | null>;
+/**
+ * Props for the GreetingCard component
+ */
+export interface GreetingCardProps {
+    /** User's full name to display in the greeting (required) */
+    userName: string;
+    /** Latitude coordinate for weather fetching (optional - weather shown only when both lat and lng provided) */
+    lat?: number;
+    /** Longitude coordinate for weather fetching (optional - weather shown only when both lat and lng provided) */
+    lng?: number;
+    /** Custom greeting message (overrides time-based greeting) */
+    customGreeting?: string;
+    /** Custom date to display (defaults to current date) */
+    date?: Date;
+    /** Action button text (e.g., "View Schedule") */
+    actionText?: string;
+    /** Callback when the card or action button is pressed */
+    onPress?: () => void;
+    /** Additional CSS classes for the card container */
+    className?: string;
+    /** Whether to show the action button section */
+    showAction?: boolean;
+    /** Cache duration in milliseconds (default: 15 minutes) */
+    cacheDuration?: number;
+}
+/**
+ * GreetingCard - A personalized greeting card with weather information
+ *
+ * Displays a personalized greeting with the user's name, current date, and optional
+ * weather information fetched from Open-Meteo API. Includes an optional action button
+ * (e.g., "View Schedule"). Weather data is automatically cached for 15 minutes.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic usage without weather
+ * <GreetingCard
+ *   userName="John Doe"
+ *   actionText="View Schedule"
+ *   onPress={() => navigation.navigate('Schedule')}
+ * />
+ *
+ * // With automatic weather fetching (provide both lat and lng)
+ * <GreetingCard
+ *   userName="Jane Smith"
+ *   lat={37.7749}
+ *   lng={-122.4194}
+ *   actionText="View Dashboard"
+ *   onPress={() => console.log('Card pressed')}
+ * />
+ *
+ * // Custom greeting without action
+ * <GreetingCard
+ *   userName="Alice"
+ *   customGreeting="Welcome back"
+ *   showAction={false}
+ * />
+ * ```
+ *
+ * @property {string} userName - User's full name to display in greeting (required)
+ * @property {number} [lat] - Latitude coordinate for weather fetching (optional)
+ * @property {number} [lng] - Longitude coordinate for weather fetching (optional)
+ * @property {string} [customGreeting] - Override the time-based greeting
+ * @property {Date} [date] - Custom date to display (defaults to current date)
+ * @property {string} [actionText="View Details"] - Text for the action button
+ * @property {Function} [onPress] - Handler called when card or action is pressed
+ * @property {string} [className] - Additional Tailwind classes for styling
+ * @property {boolean} [showAction=true] - Whether to show the action button section
+ * @property {number} [cacheDuration=900000] - Cache duration in ms (default: 15 min)
+ */
+export declare function GreetingCard({ userName, lat, lng, customGreeting, date, actionText, onPress, className, showAction, cacheDuration, }: GreetingCardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace GreetingCard {
+    var displayName: string;
+}
+export { WEATHER_ICONS };
+//# sourceMappingURL=Greeting-Card.d.ts.map