@campxdev/react-native-blueprint 0.1.8 → 0.1.11

package/lib/typescript/module/src/components/ui/Textarea.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { TextInput as RNTextInput, type TextInputProps } from 'react-native';
+/**
+ * Props for Textarea component
+ *
+ * @extends TextInputProps - All React Native TextInput properties
+ * @property {string} [className] - Additional Tailwind classes for styling
+ * @property {string} [placeholderClassName] - Tailwind classes for placeholder text styling
+ *
+ * @example
+ * ```tsx
+ * <Textarea
+ *   placeholder="Enter your message"
+ *   value={message}
+ *   onChangeText={setMessage}
+ *   numberOfLines={4}
+ * />
+ * ```
+ */
+interface TextareaProps extends Omit<TextInputProps, 'multiline' | 'numberOfLines' | 'editable'> {
+    className?: string;
+    placeholderClassName?: string;
+    multiline?: boolean;
+    numberOfLines?: number;
+    editable?: boolean;
+}
+/**
+ * Multi-line text input component
+ *
+ * A textarea component for longer text input with configurable height and styling.
+ * Automatically configured for multi-line input with appropriate platform-specific defaults.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic textarea
+ * <Textarea
+ *   placeholder="Enter description"
+ *   value={description}
+ *   onChangeText={setDescription}
+ * />
+ *
+ * // Controlled textarea with validation
+ * <Textarea
+ *   value={bio}
+ *   onChangeText={setBio}
+ *   placeholder="Tell us about yourself"
+ *   numberOfLines={6}
+ *   maxLength={500}
+ * />
+ *
+ * // Disabled textarea
+ * <Textarea value={content} editable={false} />
+ * ```
+ *
+ * @accessibility
+ * - Supports standard TextInput accessibility props
+ * - Placeholder text with appropriate color contrast
+ * - Focus states on web for keyboard navigation
+ * - Disabled state with reduced opacity
+ */
+declare function Textarea({ className, multiline, numberOfLines, placeholderClassName, editable, ...props }: TextareaProps & React.RefAttributes<RNTextInput>): import("react/jsx-runtime").JSX.Element;
+export { Textarea };
+export type { TextareaProps };
+//# sourceMappingURL=Textarea.d.ts.map

package/lib/typescript/module/src/components/ui/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,SAAS,IAAI,WAAW,EACxB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAOtB;;;;;;;;;;;;;;;;GAgBG;AACH,UAAU,aACR,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,eAAe,GAAG,UAAU,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,SAAgB,EAChB,aAAsD,EACtD,oBAAoB,EACpB,QAAe,EACf,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,2CAmBlD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/lib/typescript/module/src/components/ui/Theme-Toggle.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import type { SlottableViewProps } from '@rn-primitives/types';
+/**
+ * Theme toggle button variants
+ */
+type ThemeToggleVariant = 'icon' | 'button' | 'segmented';
+/**
+ * Props for ThemeToggle component
+ *
+ * @property {'icon' | 'button' | 'segmented'} [variant='icon'] - Visual style variant
+ * @property {boolean} [showLabel=false] - Show text label next to icon (for button variant)
+ * @property {string} [className] - Additional Tailwind classes
+ *
+ * @example
+ * ```tsx
+ * // Icon only (default)
+ * <ThemeToggle />
+ *
+ * // Button with label
+ * <ThemeToggle variant="button" showLabel />
+ *
+ * // Segmented control
+ * <ThemeToggle variant="segmented" />
+ * ```
+ */
+type ThemeToggleProps = SlottableViewProps & {
+    variant?: ThemeToggleVariant;
+    showLabel?: boolean;
+    className?: string;
+};
+/**
+ * Theme toggle component for switching between light, dark, and system themes
+ *
+ * Provides three variants:
+ * - **icon**: Simple icon button that cycles through themes (light → dark → system)
+ * - **button**: Button with icon and optional label
+ * - **segmented**: Segmented control showing all three options
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Icon toggle (minimal)
+ * <ThemeToggle />
+ *
+ * // Button with label
+ * <ThemeToggle variant="button" showLabel />
+ *
+ * // Segmented control (shows all options)
+ * <ThemeToggle variant="segmented" />
+ *
+ * // Custom styling
+ * <ThemeToggle className="my-4" />
+ * ```
+ *
+ * @accessibility
+ * - Proper button role for screen readers
+ * - Announces current theme state
+ * - Keyboard navigable on web
+ */
+declare const ThemeToggle: React.ForwardRefExoticComponent<SlottableViewProps & {
+    variant?: ThemeToggleVariant;
+    showLabel?: boolean;
+    className?: string;
+} & React.RefAttributes<import("react-native/types_generated/src/private/types/HostInstance").LegacyHostInstanceMethods>>;
+export { ThemeToggle };
+export type { ThemeToggleProps, ThemeToggleVariant };
+//# sourceMappingURL=Theme-Toggle.d.ts.map

package/lib/typescript/module/src/components/ui/Theme-Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme-Toggle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Theme-Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,kBAAkB,EAAW,MAAM,sBAAsB,CAAC;AASxE;;GAEG;AACH,KAAK,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,gBAAgB,GAAG,kBAAkB,GAAG;IAC3C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,WAAW;cAlCL,kBAAkB;gBAChB,OAAO;gBACP,MAAM;yHA+JnB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/typescript/module/src/components/ui/Toast.d.ts

@@ -0,0 +1,56 @@
+import { Text } from './Text';
+import type { LucideIcon } from 'lucide-react-native';
+import * as React from 'react';
+import { View as RNView, type ViewProps } from 'react-native';
+/**
+ * Toast notification component
+ *
+ * Displays temporary messages or notifications with optional icons.
+ * Supports default and destructive variants for different message types.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Toast icon={CheckCircle}>
+ *   <ToastTitle>
+ *     <Text>Success</Text>
+ *   </ToastTitle>
+ *   <ToastDescription>
+ *     <Text>Your changes have been saved</Text>
+ *   </ToastDescription>
+ * </Toast>
+ *
+ * <Toast variant="destructive" icon={AlertCircle}>
+ *   <ToastTitle>
+ *     <Text>Error</Text>
+ *   </ToastTitle>
+ *   <ToastDescription>
+ *     <Text>Failed to save changes</Text>
+ *   </ToastDescription>
+ * </Toast>
+ * ```
+ *
+ * @accessibility
+ * - Announces messages to screen readers
+ * - Proper role for notifications
+ */
+declare function Toast({ className, variant, children, icon, iconClassName, ...props }: ViewProps & React.RefAttributes<RNView> & {
+    children?: React.ReactNode;
+    icon?: LucideIcon;
+    variant?: 'default' | 'destructive';
+    iconClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Toast title component
+ *
+ * @component
+ */
+declare function ToastTitle({ className, ...props }: React.ComponentProps<typeof Text> & React.RefAttributes<Text>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Toast description component
+ *
+ * @component
+ */
+declare function ToastDescription({ className, ...props }: React.ComponentProps<typeof Text> & React.RefAttributes<Text>): import("react/jsx-runtime").JSX.Element;
+export { Toast, ToastDescription, ToastTitle };
+//# sourceMappingURL=Toast.d.ts.map

package/lib/typescript/module/src/components/ui/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAoB,MAAM,QAAQ,CAAC;AAEhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,SAAS,GACV,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,2CA+BF;AAED;;;;GAIG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAO/D;AAED;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAY/D;AAED,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/module/src/components/ui/Toggle-Group.d.ts

@@ -0,0 +1,49 @@
+import { Icon } from './Icon';
+import { toggleVariants } from './Toggle';
+import * as ToggleGroupPrimitive from '@rn-primitives/toggle-group';
+import type { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+/**
+ * Toggle group component for grouping related toggle buttons
+ *
+ * Allows single or multiple selection among a set of toggle buttons.
+ * Supports both outline and default variants.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ToggleGroup type="single" value={alignment} onValueChange={setAlignment}>
+ *   <ToggleGroupItem value="left" isFirst>
+ *     <ToggleGroupIcon as={AlignLeft} />
+ *   </ToggleGroupItem>
+ *   <ToggleGroupItem value="center">
+ *     <ToggleGroupIcon as={AlignCenter} />
+ *   </ToggleGroupItem>
+ *   <ToggleGroupItem value="right" isLast>
+ *     <ToggleGroupIcon as={AlignRight} />
+ *   </ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ *
+ * @accessibility
+ * - Uses proper ARIA attributes for grouped toggles
+ * - Keyboard navigation support
+ */
+declare function ToggleGroup({ className, variant, size, children, ...props }: ToggleGroupPrimitive.RootProps & VariantProps<typeof toggleVariants> & React.RefAttributes<ToggleGroupPrimitive.RootRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Individual toggle item within a toggle group
+ *
+ * @component
+ */
+declare function ToggleGroupItem({ className, children, variant, size, isFirst, isLast, ...props }: ToggleGroupPrimitive.ItemProps & VariantProps<typeof toggleVariants> & React.RefAttributes<ToggleGroupPrimitive.ItemRef> & {
+    isFirst?: boolean;
+    isLast?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icon component for use within toggle group items
+ *
+ * @component
+ */
+declare function ToggleGroupIcon({ className, ...props }: React.ComponentProps<typeof Icon>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupIcon, ToggleGroupItem };
+//# sourceMappingURL=Toggle-Group.d.ts.map

package/lib/typescript/module/src/components/ui/Toggle-Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle-Group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Toggle-Group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,SAAS,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,OAAO,CAAC,2CAgBlD;AAiBD;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,SAAS,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,2CAyCF;AAED;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAKnC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}

package/lib/typescript/module/src/components/ui/Toggle.d.ts

@@ -0,0 +1,53 @@
+import { Icon } from './Icon';
+import * as TogglePrimitive from '@rn-primitives/toggle';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+/**
+ * Toggle button style variants using class-variance-authority
+ *
+ * @variant default - Standard toggle with transparent background
+ * @variant outline - Toggle with border and background
+ *
+ * @size default - Standard size (40px/36px)
+ * @size sm - Small size (36px/32px)
+ * @size lg - Large size (44px/40px)
+ */
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Toggle button component for on/off states
+ *
+ * A two-state button that can be toggled between pressed and unpressed states.
+ * Supports multiple variants and sizes.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Toggle pressed={isBold} onPressedChange={setIsBold}>
+ *   <ToggleIcon as={Bold} />
+ *   <Text>Bold</Text>
+ * </Toggle>
+ *
+ * <Toggle variant="outline" size="sm">
+ *   <ToggleIcon as={Italic} />
+ * </Toggle>
+ * ```
+ *
+ * @accessibility
+ * - Uses proper ARIA pressed state
+ * - Disabled state prevents interaction
+ * - Focus visible states on web
+ */
+declare function Toggle({ className, variant, size, ...props }: TogglePrimitive.RootProps & VariantProps<typeof toggleVariants> & React.RefAttributes<TogglePrimitive.RootRef>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Icon component for use within Toggle buttons
+ *
+ * Automatically inherits text styling from the toggle context.
+ *
+ * @component
+ */
+declare function ToggleIcon({ className, ...props }: React.ComponentProps<typeof Icon>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, ToggleIcon, toggleVariants };
+//# sourceMappingURL=Toggle.d.ts.map

package/lib/typescript/module/src/components/ui/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc;;;8EA6BnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,SAAS,GAC1B,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC,2CAsB7C;AAED;;;;;;GAMG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAKnC;AAED,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/lib/typescript/module/src/components/ui/Tooltip.d.ts

@@ -0,0 +1,51 @@
+import * as TooltipPrimitive from '@rn-primitives/tooltip';
+import * as React from 'react';
+/**
+ * Root tooltip component - provides context for trigger and content
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Tooltip>
+ *   <TooltipTrigger>
+ *     <Button variant="outline">
+ *       <Text>Hover me</Text>
+ *     </Button>
+ *   </TooltipTrigger>
+ *   <TooltipContent>
+ *     <Text>Helpful tooltip text</Text>
+ *   </TooltipContent>
+ * </Tooltip>
+ * ```
+ */
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipPrimitive.RootProps>;
+/**
+ * Trigger component that shows tooltip on hover/press
+ *
+ * @component
+ */
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TriggerProps>;
+/**
+ * Tooltip content component
+ *
+ * Displays helpful text in a small popup when hovering or pressing the trigger.
+ * Includes directional animations based on positioning.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <TooltipContent side="top" sideOffset={8}>
+ *   <Text>Add to favorites</Text>
+ * </TooltipContent>
+ * ```
+ *
+ * @accessibility
+ * - Content is announced by screen readers
+ * - Proper ARIA attributes for tooltips
+ * - Dismissible on escape key (web)
+ */
+declare function TooltipContent({ className, sideOffset, portalHost, side, ...props }: TooltipPrimitive.ContentProps & React.RefAttributes<TooltipPrimitive.ContentRef> & {
+    portalHost?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipContent, TooltipTrigger };
+//# sourceMappingURL=Tooltip.d.ts.map

package/lib/typescript/module/src/components/ui/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,OAAO,6DAAwB,CAAC;AAEtC;;;;GAIG;AACH,QAAA,MAAM,cAAc,gEAA2B,CAAC;AAQhD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,UAAU,EACV,IAAY,EACZ,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,YAAY,GAC9B,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAAU,CAAC,GAAG;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,2CA4CF;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/lib/typescript/module/src/components/ui/index.d.ts

@@ -0,0 +1,44 @@
+export * from './Accordion';
+export * from './Alert';
+export * from './Alert-Dialog';
+export * from './AppBar';
+export * from './Aspect-Ratio';
+export * from './Avatar';
+export * from './Badge';
+export * from './Bottom-Sheet';
+export * from './Button';
+export * from './Card';
+export * from './Checkbox';
+export * from './Collapsible';
+export * from './Context-Menu';
+export * from './Custom-Card';
+export * from './Dialog';
+export * from './Dropdown-Menu';
+export * from './Floating-Action';
+export * from './Greeting-Card';
+export * from './Hover-Card';
+export * from './Icon';
+export * from './Input';
+export * from './Label';
+export * from './Menubar';
+export * from './Native-Only-Animated-View';
+export * from './NavBar';
+export * from './Popover';
+export * from './Progress';
+export * from './Radio-Group';
+export * from './Select';
+export * from './Separator';
+export * from './SizedBox';
+export * from './Skeleton';
+export * from './Slider';
+export * from './Switch';
+export * from './Table';
+export * from './Tabs';
+export * from './Text';
+export * from './Textarea';
+export * from './Theme-Toggle';
+export * from './Toast';
+export * from './Toggle';
+export * from './Toggle-Group';
+export * from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/components/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/lib/typescript/module/src/index.d.ts

@@ -0,0 +1,9 @@
+export * from './components/ui';
+export { default as RootLayout } from './app/_layout';
+export { cn } from './lib/utils';
+export { THEME, NAV_THEME } from './lib/theme';
+export { ThemeProvider, useTheme } from './lib/ThemeProvider';
+export { getRadiusForHeight, getRadiusForDimensions, getCustomRadius, RADIUS, RADIUS_PRESET, CORNER_SMOOTHING, } from './lib/cornerRadius';
+export { fonts } from './lib/fonts';
+export type { FontName } from './lib/fonts';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,MAAM,EACN,aAAa,EACb,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/lib/typescript/module/src/lib/ThemeProvider.d.ts

@@ -0,0 +1,137 @@
+import * as React from 'react';
+/**
+ * Available theme modes for the application
+ * @typedef {'light' | 'dark' | 'system'} ThemeMode
+ * - `light`: Force light theme regardless of system preference
+ * - `dark`: Force dark theme regardless of system preference
+ * - `system`: Automatically follow device system theme preference (default)
+ */
+export type ThemeMode = 'light' | 'dark' | 'system';
+/**
+ * Context type for theme management
+ * @internal
+ */
+type ThemeContextType = {
+    /** Current theme mode setting */
+    mode: ThemeMode;
+    /** Whether dark mode is currently active (computed from mode and system preference) */
+    isDark: boolean;
+    /** Function to change the theme mode */
+    setMode: (mode: ThemeMode) => void;
+    /** Theme color tokens for the current mode */
+    colors: typeof import('./theme').THEME.light;
+};
+/**
+ * Props for ThemeProvider component
+ */
+type ThemeProviderProps = {
+    /** Application content to provide theme context to */
+    children: React.ReactNode;
+    /**
+     * Initial theme mode
+     * @default 'system'
+     */
+    defaultMode?: ThemeMode;
+    /**
+     * Storage key for persisting theme preference (not yet implemented)
+     * @deprecated Currently not used - will be implemented in future version
+     */
+    storageKey?: string;
+};
+/**
+ * Theme Provider component that manages application theme state
+ *
+ * Provides theme context to all child components, enabling dark mode support
+ * throughout the application. Automatically responds to system theme changes
+ * when mode is set to 'system'.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic usage with system theme
+ * function App() {
+ *   return (
+ *     <ThemeProvider>
+ *       <YourApp />
+ *     </ThemeProvider>
+ *   );
+ * }
+ *
+ * // Start with dark mode
+ * function App() {
+ *   return (
+ *     <ThemeProvider defaultMode="dark">
+ *       <YourApp />
+ *     </ThemeProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @param {ThemeProviderProps} props - Component props
+ * @returns {JSX.Element} Provider component wrapping children with theme context
+ *
+ * @see {@link useTheme} for accessing theme in child components
+ * @see {@link useThemeMode} for optional theme access without error
+ */
+export declare function ThemeProvider({ children, defaultMode, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access theme context and controls
+ *
+ * Provides access to the current theme state and methods to change the theme.
+ * Must be used within a ThemeProvider component tree.
+ *
+ * @returns {ThemeContextType} Theme context object
+ * @throws {Error} If used outside of ThemeProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { mode, isDark, setMode, colors } = useTheme();
+ *
+ *   return (
+ *     <View style={{ backgroundColor: colors.background }}>
+ *       <Text style={{ color: colors.foreground }}>
+ *         Current mode: {mode} (Dark: {isDark ? 'Yes' : 'No'})
+ *       </Text>
+ *       <Button onPress={() => setMode(isDark ? 'light' : 'dark')}>
+ *         <Text>Toggle Theme</Text>
+ *       </Button>
+ *     </View>
+ *   );
+ * }
+ * ```
+ *
+ * @see {@link ThemeProvider} for setup
+ * @see {@link useThemeMode} for optional access without error throwing
+ */
+export declare function useTheme(): ThemeContextType;
+/**
+ * Optional hook to get current dark mode state
+ *
+ * Similar to useTheme but only returns the isDark boolean and doesn't throw
+ * an error if used outside ThemeProvider. Useful for components that want
+ * to adapt to theme but don't require it.
+ *
+ * @returns {boolean | undefined} Whether dark mode is active, or undefined if no provider
+ *
+ * @example
+ * ```tsx
+ * function OptionalThemedComponent() {
+ *   const isDark = useThemeMode();
+ *
+ *   // Component works with or without ThemeProvider
+ *   const backgroundColor = isDark ? '#000' : '#fff';
+ *
+ *   return (
+ *     <View style={{ backgroundColor }}>
+ *       <Text>This component adapts if theme is available</Text>
+ *     </View>
+ *   );
+ * }
+ * ```
+ *
+ * @see {@link useTheme} for full theme access (requires provider)
+ */
+export declare function useThemeMode(): boolean | undefined;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/typescript/module/src/lib/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../../src/lib/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD;;;GAGG;AACH,KAAK,gBAAgB,GAAG;IACtB,iCAAiC;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,uFAAuF;IACvF,MAAM,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,8CAA8C;IAC9C,MAAM,EAAE,cAAc,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC;CAC9C,CAAC;AAMF;;GAEG;AACH,KAAK,kBAAkB,GAAG;IACxB,sDAAsD;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAsB,GACvB,EAAE,kBAAkB,2CA6CpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,QAAQ,qBAMvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,YAAY,IAAI,OAAO,GAAG,SAAS,CAGlD"}