@campxdev/react-native-blueprint 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +98 -69
- package/lib/module/app/_layout.js +7 -1
- package/lib/module/app/_layout.js.map +1 -1
- package/package.json +10 -6
- package/src/app/_layout.tsx +7 -1
- package/lib/typescript/src/app/_layout.d.ts +0 -8
- package/lib/typescript/src/app/_layout.d.ts.map +0 -1
- package/lib/typescript/src/components/theme-config.d.ts +0 -174
- package/lib/typescript/src/components/theme-config.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Accordion.d.ts +0 -103
- package/lib/typescript/src/components/ui/Accordion.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Alert-Dialog.d.ts +0 -168
- package/lib/typescript/src/components/ui/Alert-Dialog.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Alert.d.ts +0 -60
- package/lib/typescript/src/components/ui/Alert.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/AppBar.d.ts +0 -227
- package/lib/typescript/src/components/ui/AppBar.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Aspect-Ratio.d.ts +0 -30
- package/lib/typescript/src/components/ui/Aspect-Ratio.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Avatar.d.ts +0 -1351
- package/lib/typescript/src/components/ui/Avatar.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Badge.d.ts +0 -204
- package/lib/typescript/src/components/ui/Badge.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Bottom-Sheet.d.ts +0 -43
- package/lib/typescript/src/components/ui/Bottom-Sheet.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Button.d.ts +0 -176
- package/lib/typescript/src/components/ui/Button.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Card.d.ts +0 -854
- package/lib/typescript/src/components/ui/Card.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Checkbox.d.ts +0 -36
- package/lib/typescript/src/components/ui/Checkbox.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Collapsible.d.ts +0 -66
- package/lib/typescript/src/components/ui/Collapsible.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Context-Menu.d.ts +0 -150
- package/lib/typescript/src/components/ui/Context-Menu.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Custom-Card.d.ts +0 -864
- package/lib/typescript/src/components/ui/Custom-Card.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Dialog.d.ts +0 -126
- package/lib/typescript/src/components/ui/Dialog.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Dropdown-Menu.d.ts +0 -284
- package/lib/typescript/src/components/ui/Dropdown-Menu.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Floating-Action.d.ts +0 -44
- package/lib/typescript/src/components/ui/Floating-Action.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Greeting-Card.d.ts +0 -153
- package/lib/typescript/src/components/ui/Greeting-Card.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Hover-Card.d.ts +0 -68
- package/lib/typescript/src/components/ui/Hover-Card.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Icon.d.ts +0 -43
- package/lib/typescript/src/components/ui/Icon.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Input.d.ts +0 -52
- package/lib/typescript/src/components/ui/Input.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Label.d.ts +0 -105
- package/lib/typescript/src/components/ui/Label.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Menubar.d.ts +0 -175
- package/lib/typescript/src/components/ui/Menubar.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Native-Only-Animated-View.d.ts +0 -26
- package/lib/typescript/src/components/ui/Native-Only-Animated-View.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/NavBar.d.ts +0 -273
- package/lib/typescript/src/components/ui/NavBar.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Popover.d.ts +0 -71
- package/lib/typescript/src/components/ui/Popover.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Progress.d.ts +0 -27
- package/lib/typescript/src/components/ui/Progress.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Radio-Group.d.ts +0 -47
- package/lib/typescript/src/components/ui/Radio-Group.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Select.d.ts +0 -107
- package/lib/typescript/src/components/ui/Select.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Separator.d.ts +0 -166
- package/lib/typescript/src/components/ui/Separator.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/SizedBox.d.ts +0 -79
- package/lib/typescript/src/components/ui/SizedBox.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Skeleton.d.ts +0 -40
- package/lib/typescript/src/components/ui/Skeleton.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Slider.d.ts +0 -55
- package/lib/typescript/src/components/ui/Slider.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Switch.d.ts +0 -34
- package/lib/typescript/src/components/ui/Switch.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Table.d.ts +0 -70
- package/lib/typescript/src/components/ui/Table.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Tabs.d.ts +0 -51
- package/lib/typescript/src/components/ui/Tabs.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Text.d.ts +0 -116
- package/lib/typescript/src/components/ui/Text.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Textarea.d.ts +0 -61
- package/lib/typescript/src/components/ui/Textarea.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Theme-Toggle.d.ts +0 -194
- package/lib/typescript/src/components/ui/Theme-Toggle.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Toast.d.ts +0 -55
- package/lib/typescript/src/components/ui/Toast.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Toggle-Group.d.ts +0 -49
- package/lib/typescript/src/components/ui/Toggle-Group.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Toggle.d.ts +0 -53
- package/lib/typescript/src/components/ui/Toggle.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/Tooltip.d.ts +0 -71
- package/lib/typescript/src/components/ui/Tooltip.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/index.d.ts +0 -44
- package/lib/typescript/src/components/ui/index.d.ts.map +0 -1
- package/lib/typescript/src/index.d.ts +0 -9
- package/lib/typescript/src/index.d.ts.map +0 -1
- package/lib/typescript/src/lib/ThemeProvider.d.ts +0 -137
- package/lib/typescript/src/lib/ThemeProvider.d.ts.map +0 -1
- package/lib/typescript/src/lib/cornerRadius.d.ts +0 -112
- package/lib/typescript/src/lib/cornerRadius.d.ts.map +0 -1
- package/lib/typescript/src/lib/fonts.d.ts +0 -21
- package/lib/typescript/src/lib/fonts.d.ts.map +0 -1
- package/lib/typescript/src/lib/theme.d.ts +0 -87
- package/lib/typescript/src/lib/theme.d.ts.map +0 -1
- package/lib/typescript/src/lib/utils.d.ts +0 -111
- package/lib/typescript/src/lib/utils.d.ts.map +0 -1
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Visual divider for separating content sections
|
|
4
|
-
*
|
|
5
|
-
* A thin line that creates visual separation between content areas. Can be oriented
|
|
6
|
-
* horizontally or vertically and supports decorative or semantic roles.
|
|
7
|
-
*
|
|
8
|
-
* @component
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* // Horizontal separator (default)
|
|
12
|
-
* <View>
|
|
13
|
-
* <Text>Section 1</Text>
|
|
14
|
-
* <Separator className="my-4" />
|
|
15
|
-
* <Text>Section 2</Text>
|
|
16
|
-
* </View>
|
|
17
|
-
*
|
|
18
|
-
* // Vertical separator
|
|
19
|
-
* <View className="flex-row items-center gap-4">
|
|
20
|
-
* <Text>Left</Text>
|
|
21
|
-
* <Separator orientation="vertical" className="h-4" />
|
|
22
|
-
* <Text>Right</Text>
|
|
23
|
-
* </View>
|
|
24
|
-
*
|
|
25
|
-
* // Semantic separator for screen readers
|
|
26
|
-
* <Separator decorative={false} />
|
|
27
|
-
* ```
|
|
28
|
-
*
|
|
29
|
-
* @accessibility
|
|
30
|
-
* - Decorative separators (default) have role="none" for screen readers
|
|
31
|
-
* - Non-decorative separators have role="separator" for semantic meaning
|
|
32
|
-
*/
|
|
33
|
-
declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<Readonly<Omit<Readonly<{
|
|
34
|
-
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
|
|
35
|
-
onAccessibilityTap?: (() => unknown) | undefined;
|
|
36
|
-
onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
|
|
37
|
-
onMagicTap?: (() => unknown) | undefined;
|
|
38
|
-
onAccessibilityEscape?: (() => unknown) | undefined;
|
|
39
|
-
}>, "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderEnd" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
|
|
40
|
-
onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
41
|
-
onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
42
|
-
onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
|
|
43
|
-
onResponderMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
44
|
-
onResponderReject?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
45
|
-
onResponderRelease?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
46
|
-
onResponderStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
47
|
-
onResponderEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
48
|
-
onResponderTerminate?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
49
|
-
onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
50
|
-
onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
51
|
-
onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
52
|
-
}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
|
|
53
|
-
onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
|
|
54
|
-
onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
|
|
55
|
-
}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
|
|
56
|
-
onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
57
|
-
onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
58
|
-
onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
59
|
-
onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
60
|
-
onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
61
|
-
onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
62
|
-
onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
63
|
-
onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
64
|
-
onPointerCancel?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
65
|
-
onPointerCancelCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
66
|
-
onPointerDown?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
67
|
-
onPointerDownCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
68
|
-
onPointerUp?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
69
|
-
onPointerUpCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
70
|
-
onPointerOver?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
71
|
-
onPointerOverCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
72
|
-
onPointerOut?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
73
|
-
onPointerOutCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
74
|
-
onGotPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
75
|
-
onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
76
|
-
onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
77
|
-
onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
|
|
78
|
-
}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
|
|
79
|
-
onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
|
|
80
|
-
onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
|
|
81
|
-
onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
|
|
82
|
-
onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
|
|
83
|
-
}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
|
|
84
|
-
onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
85
|
-
onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
86
|
-
onTouchEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
87
|
-
onTouchEndCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
88
|
-
onTouchMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
89
|
-
onTouchMoveCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
90
|
-
onTouchStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
91
|
-
onTouchStartCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
92
|
-
}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
|
|
93
|
-
nativeBackgroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
|
|
94
|
-
nativeForegroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
|
|
95
|
-
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
96
|
-
hasTVPreferredFocus?: boolean | undefined;
|
|
97
|
-
nextFocusDown?: number | undefined;
|
|
98
|
-
nextFocusForward?: number | undefined;
|
|
99
|
-
nextFocusLeft?: number | undefined;
|
|
100
|
-
nextFocusRight?: number | undefined;
|
|
101
|
-
nextFocusUp?: number | undefined;
|
|
102
|
-
focusable?: boolean | undefined;
|
|
103
|
-
tabIndex?: 0 | -1;
|
|
104
|
-
onClick?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
|
|
105
|
-
}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
|
|
106
|
-
shouldRasterizeIOS?: boolean | undefined;
|
|
107
|
-
}>, "pointerEvents" | "hitSlop" | "children" | "id" | "accessibilityLabel" | "accessible" | "testID" | "style" | "nativeID" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<Omit<Readonly<{
|
|
108
|
-
accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
|
|
109
|
-
"aria-labelledby"?: string | undefined;
|
|
110
|
-
accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
|
|
111
|
-
"aria-live"?: ("polite" | "assertive" | "off") | undefined;
|
|
112
|
-
importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
|
|
113
|
-
screenReaderFocusable?: boolean;
|
|
114
|
-
}>, "accessibilityLabel" | "accessible" | "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "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<{
|
|
115
|
-
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
116
|
-
accessibilityViewIsModal?: boolean | undefined;
|
|
117
|
-
accessibilityShowsLargeContentViewer?: boolean | undefined;
|
|
118
|
-
accessibilityLargeContentTitle?: string | undefined;
|
|
119
|
-
"aria-modal"?: boolean | undefined;
|
|
120
|
-
accessibilityElementsHidden?: boolean | undefined;
|
|
121
|
-
accessibilityLanguage?: string | undefined;
|
|
122
|
-
accessibilityRespondsToUserInteraction?: boolean | undefined;
|
|
123
|
-
}>, "accessibilityLabel" | "accessible" | "role" | "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"> & {
|
|
124
|
-
accessible?: boolean | undefined;
|
|
125
|
-
accessibilityLabel?: string | undefined;
|
|
126
|
-
accessibilityHint?: string | undefined;
|
|
127
|
-
"aria-label"?: string | undefined;
|
|
128
|
-
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
129
|
-
role?: import("react-native").Role | undefined;
|
|
130
|
-
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
131
|
-
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
132
|
-
"aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
|
|
133
|
-
"aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
|
|
134
|
-
"aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
|
|
135
|
-
"aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
|
|
136
|
-
accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
|
|
137
|
-
"aria-busy"?: boolean | undefined;
|
|
138
|
-
"aria-checked"?: (boolean | undefined) | "mixed";
|
|
139
|
-
"aria-disabled"?: boolean | undefined;
|
|
140
|
-
"aria-expanded"?: boolean | undefined;
|
|
141
|
-
"aria-selected"?: boolean | undefined;
|
|
142
|
-
"aria-hidden"?: boolean | undefined;
|
|
143
|
-
}>, "pointerEvents" | "hitSlop" | "children" | "id" | "testID" | "style" | "nativeID" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
|
|
144
|
-
children?: React.ReactNode;
|
|
145
|
-
style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp | undefined;
|
|
146
|
-
collapsable?: boolean | undefined;
|
|
147
|
-
collapsableChildren?: boolean | undefined;
|
|
148
|
-
id?: string;
|
|
149
|
-
testID?: string | undefined;
|
|
150
|
-
nativeID?: string | undefined;
|
|
151
|
-
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
152
|
-
hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/EdgeInsetsPropType").EdgeInsetsOrSizeProp | undefined;
|
|
153
|
-
pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
|
|
154
|
-
removeClippedSubviews?: boolean | undefined;
|
|
155
|
-
experimental_accessibilityOrder?: Array<string> | undefined;
|
|
156
|
-
}>, never>>, "ref"> & {
|
|
157
|
-
ref?: React.Ref<React.ComponentRef<typeof import("react-native/types_generated/Libraries/Components/View/ViewNativeComponent").default>>;
|
|
158
|
-
}, "ref"> & {
|
|
159
|
-
asChild?: boolean;
|
|
160
|
-
} & {
|
|
161
|
-
className?: string;
|
|
162
|
-
orientation?: "horizontal" | "vertical";
|
|
163
|
-
decorative?: boolean;
|
|
164
|
-
} & React.RefAttributes<import("react-native/types_generated/src/private/types/HostInstance").LegacyHostInstanceMethods>>;
|
|
165
|
-
export { Separator };
|
|
166
|
-
//# sourceMappingURL=Separator.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAGC,MAAM;kBACJ,YAAY,GAAG,UAAU;iBAC1B,OAAO;yHAoBvB,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type ViewStyle } from 'react-native';
|
|
3
|
-
interface SizedBoxProps {
|
|
4
|
-
/**
|
|
5
|
-
* The width of the box
|
|
6
|
-
*/
|
|
7
|
-
width?: number;
|
|
8
|
-
/**
|
|
9
|
-
* The height of the box
|
|
10
|
-
*/
|
|
11
|
-
height?: number;
|
|
12
|
-
/**
|
|
13
|
-
* Optional child element to render inside the box
|
|
14
|
-
*/
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* Additional styles to apply
|
|
18
|
-
*/
|
|
19
|
-
style?: ViewStyle;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* A box with a specified size.
|
|
23
|
-
*
|
|
24
|
-
* If a child is provided, this widget forces its child to have a specific width and/or height.
|
|
25
|
-
* If either the width or height is not specified, this widget will size itself to match the child's size in that dimension.
|
|
26
|
-
*
|
|
27
|
-
* If no child is provided, this widget will size itself to the specified width and height,
|
|
28
|
-
* treating null values as zero.
|
|
29
|
-
*
|
|
30
|
-
* This is similar to Flutter's SizedBox widget and is useful for:
|
|
31
|
-
* - Adding fixed spacing between widgets
|
|
32
|
-
* - Constraining child widget dimensions
|
|
33
|
-
* - Creating empty space
|
|
34
|
-
*
|
|
35
|
-
* @example
|
|
36
|
-
* // Create spacing
|
|
37
|
-
* <SizedBox height={16} />
|
|
38
|
-
*
|
|
39
|
-
* @example
|
|
40
|
-
* // Constrain child size
|
|
41
|
-
* <SizedBox width={100} height={100}>
|
|
42
|
-
* <Image source={...} />
|
|
43
|
-
* </SizedBox>
|
|
44
|
-
*
|
|
45
|
-
* @example
|
|
46
|
-
* // Create horizontal spacing
|
|
47
|
-
* <View style={{ flexDirection: 'row' }}>
|
|
48
|
-
* <Button />
|
|
49
|
-
* <SizedBox width={12} />
|
|
50
|
-
* <Button />
|
|
51
|
-
* </View>
|
|
52
|
-
*/
|
|
53
|
-
export declare function SizedBox({ width, height, children, style }: SizedBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
54
|
-
export declare namespace SizedBox {
|
|
55
|
-
/**
|
|
56
|
-
* Creates a square SizedBox with equal width and height
|
|
57
|
-
*/
|
|
58
|
-
function Square({ size, children, style, }: {
|
|
59
|
-
size: number;
|
|
60
|
-
children?: React.ReactNode;
|
|
61
|
-
style?: ViewStyle;
|
|
62
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
63
|
-
/**
|
|
64
|
-
* Creates a SizedBox that expands to fill available space
|
|
65
|
-
*/
|
|
66
|
-
function Expand({ children, style, }: {
|
|
67
|
-
children?: React.ReactNode;
|
|
68
|
-
style?: ViewStyle;
|
|
69
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
70
|
-
/**
|
|
71
|
-
* Creates a SizedBox that shrinks to fit its content
|
|
72
|
-
*/
|
|
73
|
-
function Shrink({ children, style, }: {
|
|
74
|
-
children?: React.ReactNode;
|
|
75
|
-
style?: ViewStyle;
|
|
76
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
77
|
-
}
|
|
78
|
-
export {};
|
|
79
|
-
//# sourceMappingURL=SizedBox.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SizedBox.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/SizedBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,UAAU,aAAa;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,aAAa,2CAQzE;AAGD,yBAAiB,QAAQ,CAAC;IACxB;;OAEG;IACH,SAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,KAAK,GACN,EAAE;QACD,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;KACnB,2CAMA;IAED;;OAEG;IACH,SAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,GACN,EAAE;QACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;KACnB,2CAGA;IAED;;OAEG;IACH,SAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,KAAK,GACN,EAAE;QACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;KACnB,2CAGA;CACF"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { View } from 'react-native';
|
|
2
|
-
/**
|
|
3
|
-
* Skeleton loading placeholder component
|
|
4
|
-
*
|
|
5
|
-
* Displays an animated placeholder during content loading states. Provides visual feedback
|
|
6
|
-
* to users while data is being fetched, improving perceived performance.
|
|
7
|
-
*
|
|
8
|
-
* @component
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* // Text skeleton
|
|
12
|
-
* <Skeleton className="h-4 w-[250px]" />
|
|
13
|
-
*
|
|
14
|
-
* // Avatar skeleton
|
|
15
|
-
* <Skeleton className="h-12 w-12 rounded-full" />
|
|
16
|
-
*
|
|
17
|
-
* // Card skeleton
|
|
18
|
-
* <View className="flex gap-3">
|
|
19
|
-
* <Skeleton className="h-[125px] w-full rounded-xl" />
|
|
20
|
-
* <View className="gap-2">
|
|
21
|
-
* <Skeleton className="h-4 w-full" />
|
|
22
|
-
* <Skeleton className="h-4 w-[80%]" />
|
|
23
|
-
* </View>
|
|
24
|
-
* </View>
|
|
25
|
-
*
|
|
26
|
-
* // List skeleton
|
|
27
|
-
* {[1, 2, 3].map((i) => (
|
|
28
|
-
* <View key={i} className="flex-row items-center gap-4">
|
|
29
|
-
* <Skeleton className="h-12 w-12 rounded-full" />
|
|
30
|
-
* <View className="flex-1 gap-2">
|
|
31
|
-
* <Skeleton className="h-4 w-full" />
|
|
32
|
-
* <Skeleton className="h-4 w-3/4" />
|
|
33
|
-
* </View>
|
|
34
|
-
* </View>
|
|
35
|
-
* ))}
|
|
36
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
declare function Skeleton({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>): import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
export { Skeleton };
|
|
40
|
-
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAO/D;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ViewProps } from 'react-native';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Slider component
|
|
5
|
-
*
|
|
6
|
-
* @property {number} value - Current slider value
|
|
7
|
-
* @property {function} onValueChange - Callback when value changes
|
|
8
|
-
* @property {number} min - Minimum value (default: 0)
|
|
9
|
-
* @property {number} max - Maximum value (default: 100)
|
|
10
|
-
* @property {number} step - Step increment (default: 1)
|
|
11
|
-
* @property {boolean} disabled - Whether the slider is disabled
|
|
12
|
-
*/
|
|
13
|
-
export interface SliderProps extends Omit<ViewProps, 'children'> {
|
|
14
|
-
value: number;
|
|
15
|
-
onValueChange?: (value: number[]) => void;
|
|
16
|
-
min?: number;
|
|
17
|
-
max?: number;
|
|
18
|
-
step?: number;
|
|
19
|
-
disabled?: boolean;
|
|
20
|
-
className?: string;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Ref interface for Slider component
|
|
24
|
-
*
|
|
25
|
-
* @property {function} reset - Resets slider to minimum value
|
|
26
|
-
*/
|
|
27
|
-
export interface SliderRef {
|
|
28
|
-
reset: () => void;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* Interactive slider component for selecting numeric values
|
|
32
|
-
*
|
|
33
|
-
* Provides smooth gesture-based interaction with spring animations.
|
|
34
|
-
* Supports min/max ranges, step increments, and tap-to-select.
|
|
35
|
-
*
|
|
36
|
-
* @component
|
|
37
|
-
* @example
|
|
38
|
-
* ```tsx
|
|
39
|
-
* <Slider
|
|
40
|
-
* value={volume}
|
|
41
|
-
* onValueChange={(values) => setVolume(values[0])}
|
|
42
|
-
* min={0}
|
|
43
|
-
* max={100}
|
|
44
|
-
* step={5}
|
|
45
|
-
* />
|
|
46
|
-
* ```
|
|
47
|
-
*
|
|
48
|
-
* @accessibility
|
|
49
|
-
* - Disabled state prevents interaction
|
|
50
|
-
* - Focus visible states on web
|
|
51
|
-
* - Value changes are announced by screen readers
|
|
52
|
-
*/
|
|
53
|
-
declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRef>>;
|
|
54
|
-
export { Slider };
|
|
55
|
-
//# sourceMappingURL=Slider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,SAAS,EAAE,MAAM,cAAc,CAAC;AAUzD;;;;;;;;;GASG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,MAAM,+EA0JX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as SwitchPrimitives from '@rn-primitives/switch';
|
|
2
|
-
/**
|
|
3
|
-
* A toggle switch component for binary on/off states
|
|
4
|
-
*
|
|
5
|
-
* Provides a visual toggle control with smooth animations and platform-specific styling.
|
|
6
|
-
* Automatically handles checked/unchecked states and disabled interactions.
|
|
7
|
-
*
|
|
8
|
-
* @component
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* const [enabled, setEnabled] = useState(false);
|
|
12
|
-
*
|
|
13
|
-
* <Switch
|
|
14
|
-
* checked={enabled}
|
|
15
|
-
* onCheckedChange={setEnabled}
|
|
16
|
-
* />
|
|
17
|
-
*
|
|
18
|
-
* // Disabled switch
|
|
19
|
-
* <Switch checked={true} disabled />
|
|
20
|
-
* ```
|
|
21
|
-
*
|
|
22
|
-
* @param {boolean} checked - Current state of the switch
|
|
23
|
-
* @param {(checked: boolean) => void} onCheckedChange - Callback when switch is toggled
|
|
24
|
-
* @param {boolean} [disabled] - Whether the switch is disabled
|
|
25
|
-
* @param {string} [className] - Additional Tailwind classes
|
|
26
|
-
*
|
|
27
|
-
* @accessibility
|
|
28
|
-
* - Proper focus states on web for keyboard navigation
|
|
29
|
-
* - Disabled state prevents interaction
|
|
30
|
-
* - Visual feedback for checked/unchecked states
|
|
31
|
-
*/
|
|
32
|
-
declare function Switch({ className, ...props }: SwitchPrimitives.RootProps & React.RefAttributes<SwitchPrimitives.RootRef>): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export { Switch };
|
|
34
|
-
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,uBAAuB,CAAC;AAG1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,CAAC,2CA2B5E;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { Text } from './Text';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
/**
|
|
5
|
-
* Root table container component
|
|
6
|
-
*
|
|
7
|
-
* @component
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <Table>
|
|
11
|
-
* <TableHeader>
|
|
12
|
-
* <TableRow>
|
|
13
|
-
* <TableHead><Text>Name</Text></TableHead>
|
|
14
|
-
* <TableHead><Text>Email</Text></TableHead>
|
|
15
|
-
* </TableRow>
|
|
16
|
-
* </TableHeader>
|
|
17
|
-
* <TableBody>
|
|
18
|
-
* <TableRow>
|
|
19
|
-
* <TableCell><Text>John Doe</Text></TableCell>
|
|
20
|
-
* <TableCell><Text>john@example.com</Text></TableCell>
|
|
21
|
-
* </TableRow>
|
|
22
|
-
* </TableBody>
|
|
23
|
-
* </Table>
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
|
-
declare function Table({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>): import("react/jsx-runtime").JSX.Element;
|
|
27
|
-
/**
|
|
28
|
-
* Table header container
|
|
29
|
-
*
|
|
30
|
-
* @component
|
|
31
|
-
*/
|
|
32
|
-
declare function TableHeader({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
/**
|
|
34
|
-
* Table body container for data rows
|
|
35
|
-
*
|
|
36
|
-
* @component
|
|
37
|
-
*/
|
|
38
|
-
declare function TableBody({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>): import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
/**
|
|
40
|
-
* Table footer container
|
|
41
|
-
*
|
|
42
|
-
* @component
|
|
43
|
-
*/
|
|
44
|
-
declare function TableFooter({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>): import("react/jsx-runtime").JSX.Element;
|
|
45
|
-
/**
|
|
46
|
-
* Table row component
|
|
47
|
-
*
|
|
48
|
-
* @component
|
|
49
|
-
*/
|
|
50
|
-
declare function TableRow({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>): import("react/jsx-runtime").JSX.Element;
|
|
51
|
-
/**
|
|
52
|
-
* Table header cell component
|
|
53
|
-
*
|
|
54
|
-
* @component
|
|
55
|
-
*/
|
|
56
|
-
declare function TableHead({ className, ...props }: React.ComponentProps<typeof Text> & React.RefAttributes<Text>): import("react/jsx-runtime").JSX.Element;
|
|
57
|
-
/**
|
|
58
|
-
* Table data cell component
|
|
59
|
-
*
|
|
60
|
-
* @component
|
|
61
|
-
*/
|
|
62
|
-
declare function TableCell({ className, ...props }: React.ComponentProps<typeof Text> & React.RefAttributes<Text>): import("react/jsx-runtime").JSX.Element;
|
|
63
|
-
/**
|
|
64
|
-
* Table caption for describing the table
|
|
65
|
-
*
|
|
66
|
-
* @component
|
|
67
|
-
*/
|
|
68
|
-
declare function TableCaption({ className, ...props }: React.ComponentProps<typeof Text> & React.RefAttributes<Text>): import("react/jsx-runtime").JSX.Element;
|
|
69
|
-
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };
|
|
70
|
-
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAE/D;AAED;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EACnB,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,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAE/D;AAED;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAU/D;AAED;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EAChB,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,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAU/D;AAED;;;;GAIG;AACH,iBAAS,SAAS,CAAC,EACjB,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,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAU/D;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAC"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import * as TabsPrimitive from '@rn-primitives/tabs';
|
|
2
|
-
/**
|
|
3
|
-
* Root tabs component for organizing content into panels
|
|
4
|
-
*
|
|
5
|
-
* @component
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* <Tabs value={activeTab} onValueChange={setActiveTab}>
|
|
9
|
-
* <TabsList>
|
|
10
|
-
* <TabsTrigger value="account">
|
|
11
|
-
* <Text>Account</Text>
|
|
12
|
-
* </TabsTrigger>
|
|
13
|
-
* <TabsTrigger value="password">
|
|
14
|
-
* <Text>Password</Text>
|
|
15
|
-
* </TabsTrigger>
|
|
16
|
-
* </TabsList>
|
|
17
|
-
* <TabsContent value="account">
|
|
18
|
-
* <Text>Account settings content</Text>
|
|
19
|
-
* </TabsContent>
|
|
20
|
-
* <TabsContent value="password">
|
|
21
|
-
* <Text>Password settings content</Text>
|
|
22
|
-
* </TabsContent>
|
|
23
|
-
* </Tabs>
|
|
24
|
-
* ```
|
|
25
|
-
*
|
|
26
|
-
* @accessibility
|
|
27
|
-
* - Keyboard navigation support (arrow keys)
|
|
28
|
-
* - Proper ARIA attributes for tab structure
|
|
29
|
-
* - Screen reader friendly
|
|
30
|
-
*/
|
|
31
|
-
declare function Tabs({ className, ...props }: TabsPrimitive.RootProps & React.RefAttributes<TabsPrimitive.RootRef>): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
/**
|
|
33
|
-
* Container for tab triggers
|
|
34
|
-
*
|
|
35
|
-
* @component
|
|
36
|
-
*/
|
|
37
|
-
declare function TabsList({ className, ...props }: TabsPrimitive.ListProps & React.RefAttributes<TabsPrimitive.ListRef>): import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
/**
|
|
39
|
-
* Individual tab trigger button
|
|
40
|
-
*
|
|
41
|
-
* @component
|
|
42
|
-
*/
|
|
43
|
-
declare function TabsTrigger({ className, ...props }: TabsPrimitive.TriggerProps & React.RefAttributes<TabsPrimitive.TriggerRef>): import("react/jsx-runtime").JSX.Element;
|
|
44
|
-
/**
|
|
45
|
-
* Tab content panel
|
|
46
|
-
*
|
|
47
|
-
* @component
|
|
48
|
-
*/
|
|
49
|
-
declare function TabsContent({ className, ...props }: TabsPrimitive.ContentProps & React.RefAttributes<TabsPrimitive.ContentRef>): import("react/jsx-runtime").JSX.Element;
|
|
50
|
-
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
51
|
-
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAC;AAGrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,2CAOtE;AAED;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,2CAWtE;AAED;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC,2CAwB5E;AAED;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC,2CAO5E;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
|