orn-ui 0.2.9 → 0.3.0
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/AGENTS.md +67 -52
- package/README.md +5 -9
- package/lib/commonjs/atoms/Avatar.js +77 -5
- package/lib/commonjs/atoms/Avatar.js.map +1 -1
- package/lib/commonjs/atoms/Badge.js +17 -8
- package/lib/commonjs/atoms/Badge.js.map +1 -1
- package/lib/commonjs/atoms/Button.js +108 -39
- package/lib/commonjs/atoms/Button.js.map +1 -1
- package/lib/commonjs/atoms/Card.js +24 -2
- package/lib/commonjs/atoms/Card.js.map +1 -1
- package/lib/commonjs/atoms/Checkbox.js +41 -10
- package/lib/commonjs/atoms/Checkbox.js.map +1 -1
- package/lib/commonjs/atoms/Divider.js +30 -5
- package/lib/commonjs/atoms/Divider.js.map +1 -1
- package/lib/commonjs/atoms/EmptyState.js +58 -20
- package/lib/commonjs/atoms/EmptyState.js.map +1 -1
- package/lib/commonjs/atoms/Fab.js +32 -12
- package/lib/commonjs/atoms/Fab.js.map +1 -1
- package/lib/commonjs/atoms/Gradient.js +102 -36
- package/lib/commonjs/atoms/Gradient.js.map +1 -1
- package/lib/commonjs/atoms/IconButton.js +25 -4
- package/lib/commonjs/atoms/IconButton.js.map +1 -1
- package/lib/commonjs/atoms/Image.js +61 -25
- package/lib/commonjs/atoms/Image.js.map +1 -1
- package/lib/commonjs/atoms/Input.js +105 -17
- package/lib/commonjs/atoms/Input.js.map +1 -1
- package/lib/commonjs/atoms/KeyValueRow.js +37 -9
- package/lib/commonjs/atoms/KeyValueRow.js.map +1 -1
- package/lib/commonjs/atoms/PressableScale.js +25 -5
- package/lib/commonjs/atoms/PressableScale.js.map +1 -1
- package/lib/commonjs/atoms/ShinyText.js +29 -29
- package/lib/commonjs/atoms/Skeleton.js +28 -13
- package/lib/commonjs/atoms/Skeleton.js.map +1 -1
- package/lib/commonjs/atoms/Spinner.js +81 -22
- package/lib/commonjs/atoms/Spinner.js.map +1 -1
- package/lib/commonjs/atoms/Text.js +56 -5
- package/lib/commonjs/atoms/Text.js.map +1 -1
- package/lib/commonjs/atoms/Transition.js +46 -43
- package/lib/commonjs/atoms/Transition.js.map +1 -1
- package/lib/commonjs/atoms/index.js +6 -0
- package/lib/commonjs/atoms/index.js.map +1 -1
- package/lib/commonjs/atoms/inputValidation.js +56 -0
- package/lib/commonjs/atoms/inputValidation.js.map +1 -0
- package/lib/commonjs/icons/Icon.js +4 -4
- package/lib/commonjs/icons/defaultIcons.js +576 -24
- package/lib/commonjs/icons/defaultIcons.js.map +1 -1
- package/lib/commonjs/icons/index.js +6 -0
- package/lib/commonjs/icons/index.js.map +1 -1
- package/lib/commonjs/molecules/AvatarHeader.js +47 -14
- package/lib/commonjs/molecules/AvatarHeader.js.map +1 -1
- package/lib/commonjs/molecules/FormActions.js +25 -9
- package/lib/commonjs/molecules/FormActions.js.map +1 -1
- package/lib/commonjs/molecules/InfoRow.js +30 -14
- package/lib/commonjs/molecules/InfoRow.js.map +1 -1
- package/lib/commonjs/molecules/OptionCard.js +37 -22
- package/lib/commonjs/molecules/OptionCard.js.map +1 -1
- package/lib/commonjs/molecules/SegmentedControl.js +103 -14
- package/lib/commonjs/molecules/SegmentedControl.js.map +1 -1
- package/lib/commonjs/molecules/Stepper.js +61 -16
- package/lib/commonjs/molecules/Stepper.js.map +1 -1
- package/lib/commonjs/molecules/Steps.js +105 -41
- package/lib/commonjs/molecules/Steps.js.map +1 -1
- package/lib/commonjs/molecules/SymmetricGrid.js +26 -18
- package/lib/commonjs/molecules/SymmetricGrid.js.map +1 -1
- package/lib/commonjs/organisms/Alert.js +49 -35
- package/lib/commonjs/organisms/Alert.js.map +1 -1
- package/lib/commonjs/organisms/AlertProvider.js +10 -10
- package/lib/commonjs/organisms/BottomSheet.js +137 -85
- package/lib/commonjs/organisms/BottomSheet.js.map +1 -1
- package/lib/commonjs/organisms/Chart.js +197 -156
- package/lib/commonjs/organisms/Chart.js.map +1 -1
- package/lib/commonjs/organisms/DateField.js +36 -20
- package/lib/commonjs/organisms/DateField.js.map +1 -1
- package/lib/commonjs/organisms/DatePicker.js +56 -33
- package/lib/commonjs/organisms/DatePicker.js.map +1 -1
- package/lib/commonjs/organisms/List.js +62 -34
- package/lib/commonjs/organisms/List.js.map +1 -1
- package/lib/commonjs/organisms/Modal.js +120 -82
- package/lib/commonjs/organisms/Modal.js.map +1 -1
- package/lib/commonjs/organisms/NavigationBar.js +63 -24
- package/lib/commonjs/organisms/NavigationBar.js.map +1 -1
- package/lib/commonjs/organisms/OptionWheel.js +64 -64
- package/lib/commonjs/organisms/OptionWheel.js.map +1 -1
- package/lib/commonjs/organisms/ReorderableList.js +48 -27
- package/lib/commonjs/organisms/ReorderableList.js.map +1 -1
- package/lib/commonjs/organisms/Screen.js +68 -35
- package/lib/commonjs/organisms/Screen.js.map +1 -1
- package/lib/commonjs/organisms/SearchList.js +56 -26
- package/lib/commonjs/organisms/SearchList.js.map +1 -1
- package/lib/commonjs/organisms/Select.js +45 -24
- package/lib/commonjs/organisms/Select.js.map +1 -1
- package/lib/commonjs/organisms/Slides.js +36 -23
- package/lib/commonjs/organisms/Slides.js.map +1 -1
- package/lib/commonjs/organisms/ThemeToggle.js +10 -9
- package/lib/commonjs/organisms/ThemeToggle.js.map +1 -1
- package/lib/commonjs/organisms/Timeline.js +73 -56
- package/lib/commonjs/organisms/Timeline.js.map +1 -1
- package/lib/commonjs/organisms/Toast.js +46 -15
- package/lib/commonjs/organisms/Toast.js.map +1 -1
- package/lib/commonjs/organisms/ToastProvider.js +14 -10
- package/lib/commonjs/organisms/ToastProvider.js.map +1 -1
- package/lib/commonjs/organisms/Wizard.js +40 -15
- package/lib/commonjs/organisms/Wizard.js.map +1 -1
- package/lib/commonjs/organisms/chart/frame.js +25 -25
- package/lib/commonjs/organisms/chart/frame.js.map +1 -1
- package/lib/commonjs/organisms/chart/marks.js +42 -42
- package/lib/commonjs/organisms/chart/math.js +84 -85
- package/lib/commonjs/organisms/chart/math.js.map +1 -1
- package/lib/commonjs/organisms/chart/palette.js +28 -28
- package/lib/commonjs/organisms/imperativeBridge.js +5 -5
- package/lib/commonjs/organisms/imperativeBridge.js.map +1 -1
- package/lib/commonjs/organisms/useSlides.js +53 -21
- package/lib/commonjs/organisms/useSlides.js.map +1 -1
- package/lib/commonjs/safe-area/SafeAreaUIProvider.js +9 -66
- package/lib/commonjs/safe-area/SafeAreaUIProvider.js.map +1 -1
- package/lib/commonjs/safe-area/index.js.map +1 -1
- package/lib/commonjs/theme/KeyboardAvoidance.js +206 -0
- package/lib/commonjs/theme/KeyboardAvoidance.js.map +1 -0
- package/lib/commonjs/theme/NativeOverlay.js +263 -0
- package/lib/commonjs/theme/NativeOverlay.js.map +1 -0
- package/lib/commonjs/theme/UIProvider.js +86 -33
- package/lib/commonjs/theme/UIProvider.js.map +1 -1
- package/lib/commonjs/theme/colors.js +17 -17
- package/lib/commonjs/theme/colors.js.map +1 -1
- package/lib/commonjs/theme/createStyles.js +19 -16
- package/lib/commonjs/theme/createStyles.js.map +1 -1
- package/lib/commonjs/theme/createTheme.js +6 -6
- package/lib/commonjs/theme/index.js +6 -0
- package/lib/commonjs/theme/index.js.map +1 -1
- package/lib/commonjs/theme/insets.js +1 -1
- package/lib/commonjs/theme/labels.js +29 -1
- package/lib/commonjs/theme/labels.js.map +1 -1
- package/lib/commonjs/theme/palettes.js +25 -23
- package/lib/commonjs/theme/palettes.js.map +1 -1
- package/lib/commonjs/theme/tokens.js +28 -14
- package/lib/commonjs/theme/tokens.js.map +1 -1
- package/lib/commonjs/theme/useKeyboardField.js +36 -0
- package/lib/commonjs/theme/useKeyboardField.js.map +1 -0
- package/lib/commonjs/theme/useReduceMotion.js +31 -0
- package/lib/commonjs/theme/useReduceMotion.js.map +1 -0
- package/lib/module/atoms/Avatar.js +79 -8
- package/lib/module/atoms/Avatar.js.map +1 -1
- package/lib/module/atoms/Badge.js +17 -8
- package/lib/module/atoms/Badge.js.map +1 -1
- package/lib/module/atoms/Button.js +110 -41
- package/lib/module/atoms/Button.js.map +1 -1
- package/lib/module/atoms/Card.js +24 -2
- package/lib/module/atoms/Card.js.map +1 -1
- package/lib/module/atoms/Checkbox.js +42 -11
- package/lib/module/atoms/Checkbox.js.map +1 -1
- package/lib/module/atoms/Divider.js +31 -6
- package/lib/module/atoms/Divider.js.map +1 -1
- package/lib/module/atoms/EmptyState.js +58 -20
- package/lib/module/atoms/EmptyState.js.map +1 -1
- package/lib/module/atoms/Fab.js +33 -13
- package/lib/module/atoms/Fab.js.map +1 -1
- package/lib/module/atoms/Gradient.js +103 -37
- package/lib/module/atoms/Gradient.js.map +1 -1
- package/lib/module/atoms/IconButton.js +25 -4
- package/lib/module/atoms/IconButton.js.map +1 -1
- package/lib/module/atoms/Image.js +61 -25
- package/lib/module/atoms/Image.js.map +1 -1
- package/lib/module/atoms/Input.js +108 -20
- package/lib/module/atoms/Input.js.map +1 -1
- package/lib/module/atoms/KeyValueRow.js +37 -9
- package/lib/module/atoms/KeyValueRow.js.map +1 -1
- package/lib/module/atoms/PressableScale.js +25 -5
- package/lib/module/atoms/PressableScale.js.map +1 -1
- package/lib/module/atoms/ShinyText.js +29 -29
- package/lib/module/atoms/Skeleton.js +30 -13
- package/lib/module/atoms/Skeleton.js.map +1 -1
- package/lib/module/atoms/Spinner.js +82 -23
- package/lib/module/atoms/Spinner.js.map +1 -1
- package/lib/module/atoms/Text.js +56 -5
- package/lib/module/atoms/Text.js.map +1 -1
- package/lib/module/atoms/Transition.js +41 -42
- package/lib/module/atoms/Transition.js.map +1 -1
- package/lib/module/atoms/index.js +1 -1
- package/lib/module/atoms/index.js.map +1 -1
- package/lib/module/atoms/inputValidation.js +52 -0
- package/lib/module/atoms/inputValidation.js.map +1 -0
- package/lib/module/icons/Icon.js +4 -4
- package/lib/module/icons/defaultIcons.js +574 -24
- package/lib/module/icons/defaultIcons.js.map +1 -1
- package/lib/module/icons/index.js +1 -1
- package/lib/module/icons/index.js.map +1 -1
- package/lib/module/molecules/AvatarHeader.js +47 -14
- package/lib/module/molecules/AvatarHeader.js.map +1 -1
- package/lib/module/molecules/FormActions.js +25 -9
- package/lib/module/molecules/FormActions.js.map +1 -1
- package/lib/module/molecules/InfoRow.js +30 -14
- package/lib/module/molecules/InfoRow.js.map +1 -1
- package/lib/module/molecules/OptionCard.js +37 -22
- package/lib/module/molecules/OptionCard.js.map +1 -1
- package/lib/module/molecules/SegmentedControl.js +107 -18
- package/lib/module/molecules/SegmentedControl.js.map +1 -1
- package/lib/module/molecules/Stepper.js +63 -18
- package/lib/module/molecules/Stepper.js.map +1 -1
- package/lib/module/molecules/Steps.js +107 -43
- package/lib/module/molecules/Steps.js.map +1 -1
- package/lib/module/molecules/SymmetricGrid.js +26 -18
- package/lib/module/molecules/SymmetricGrid.js.map +1 -1
- package/lib/module/organisms/Alert.js +51 -37
- package/lib/module/organisms/Alert.js.map +1 -1
- package/lib/module/organisms/AlertProvider.js +10 -10
- package/lib/module/organisms/BottomSheet.js +142 -88
- package/lib/module/organisms/BottomSheet.js.map +1 -1
- package/lib/module/organisms/Chart.js +199 -158
- package/lib/module/organisms/Chart.js.map +1 -1
- package/lib/module/organisms/DateField.js +36 -20
- package/lib/module/organisms/DateField.js.map +1 -1
- package/lib/module/organisms/DatePicker.js +56 -33
- package/lib/module/organisms/DatePicker.js.map +1 -1
- package/lib/module/organisms/List.js +62 -34
- package/lib/module/organisms/List.js.map +1 -1
- package/lib/module/organisms/Modal.js +122 -84
- package/lib/module/organisms/Modal.js.map +1 -1
- package/lib/module/organisms/NavigationBar.js +64 -25
- package/lib/module/organisms/NavigationBar.js.map +1 -1
- package/lib/module/organisms/OptionWheel.js +64 -64
- package/lib/module/organisms/OptionWheel.js.map +1 -1
- package/lib/module/organisms/ReorderableList.js +48 -27
- package/lib/module/organisms/ReorderableList.js.map +1 -1
- package/lib/module/organisms/Screen.js +70 -37
- package/lib/module/organisms/Screen.js.map +1 -1
- package/lib/module/organisms/SearchList.js +56 -26
- package/lib/module/organisms/SearchList.js.map +1 -1
- package/lib/module/organisms/Select.js +46 -25
- package/lib/module/organisms/Select.js.map +1 -1
- package/lib/module/organisms/Slides.js +37 -24
- package/lib/module/organisms/Slides.js.map +1 -1
- package/lib/module/organisms/ThemeToggle.js +11 -10
- package/lib/module/organisms/ThemeToggle.js.map +1 -1
- package/lib/module/organisms/Timeline.js +73 -56
- package/lib/module/organisms/Timeline.js.map +1 -1
- package/lib/module/organisms/Toast.js +47 -16
- package/lib/module/organisms/Toast.js.map +1 -1
- package/lib/module/organisms/ToastProvider.js +15 -11
- package/lib/module/organisms/ToastProvider.js.map +1 -1
- package/lib/module/organisms/Wizard.js +41 -16
- package/lib/module/organisms/Wizard.js.map +1 -1
- package/lib/module/organisms/chart/frame.js +25 -25
- package/lib/module/organisms/chart/frame.js.map +1 -1
- package/lib/module/organisms/chart/marks.js +42 -42
- package/lib/module/organisms/chart/math.js +84 -85
- package/lib/module/organisms/chart/math.js.map +1 -1
- package/lib/module/organisms/chart/palette.js +28 -28
- package/lib/module/organisms/imperativeBridge.js +5 -5
- package/lib/module/organisms/imperativeBridge.js.map +1 -1
- package/lib/module/organisms/useSlides.js +53 -21
- package/lib/module/organisms/useSlides.js.map +1 -1
- package/lib/module/safe-area/SafeAreaUIProvider.js +10 -65
- package/lib/module/safe-area/SafeAreaUIProvider.js.map +1 -1
- package/lib/module/safe-area/index.js +1 -0
- package/lib/module/safe-area/index.js.map +1 -1
- package/lib/module/theme/KeyboardAvoidance.js +198 -0
- package/lib/module/theme/KeyboardAvoidance.js.map +1 -0
- package/lib/module/theme/NativeOverlay.js +257 -0
- package/lib/module/theme/NativeOverlay.js.map +1 -0
- package/lib/module/theme/UIProvider.js +88 -35
- package/lib/module/theme/UIProvider.js.map +1 -1
- package/lib/module/theme/colors.js +17 -17
- package/lib/module/theme/colors.js.map +1 -1
- package/lib/module/theme/createStyles.js +20 -16
- package/lib/module/theme/createStyles.js.map +1 -1
- package/lib/module/theme/createTheme.js +6 -6
- package/lib/module/theme/index.js +1 -1
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/theme/insets.js +1 -1
- package/lib/module/theme/labels.js +29 -1
- package/lib/module/theme/labels.js.map +1 -1
- package/lib/module/theme/palettes.js +25 -23
- package/lib/module/theme/palettes.js.map +1 -1
- package/lib/module/theme/tokens.js +27 -13
- package/lib/module/theme/tokens.js.map +1 -1
- package/lib/module/theme/useKeyboardField.js +33 -0
- package/lib/module/theme/useKeyboardField.js.map +1 -0
- package/lib/module/theme/useReduceMotion.js +28 -0
- package/lib/module/theme/useReduceMotion.js.map +1 -0
- package/lib/typescript/atoms/Avatar.d.ts +35 -5
- package/lib/typescript/atoms/Avatar.d.ts.map +1 -1
- package/lib/typescript/atoms/Badge.d.ts +14 -3
- package/lib/typescript/atoms/Badge.d.ts.map +1 -1
- package/lib/typescript/atoms/Button.d.ts +34 -3
- package/lib/typescript/atoms/Button.d.ts.map +1 -1
- package/lib/typescript/atoms/Card.d.ts +13 -2
- package/lib/typescript/atoms/Card.d.ts.map +1 -1
- package/lib/typescript/atoms/Checkbox.d.ts +26 -1
- package/lib/typescript/atoms/Checkbox.d.ts.map +1 -1
- package/lib/typescript/atoms/Divider.d.ts +18 -1
- package/lib/typescript/atoms/Divider.d.ts.map +1 -1
- package/lib/typescript/atoms/EmptyState.d.ts +30 -3
- package/lib/typescript/atoms/EmptyState.d.ts.map +1 -1
- package/lib/typescript/atoms/Fab.d.ts +24 -4
- package/lib/typescript/atoms/Fab.d.ts.map +1 -1
- package/lib/typescript/atoms/Gradient.d.ts +21 -15
- package/lib/typescript/atoms/Gradient.d.ts.map +1 -1
- package/lib/typescript/atoms/IconButton.d.ts +18 -4
- package/lib/typescript/atoms/IconButton.d.ts.map +1 -1
- package/lib/typescript/atoms/Image.d.ts +39 -17
- package/lib/typescript/atoms/Image.d.ts.map +1 -1
- package/lib/typescript/atoms/Input.d.ts +57 -7
- package/lib/typescript/atoms/Input.d.ts.map +1 -1
- package/lib/typescript/atoms/KeyValueRow.d.ts +16 -4
- package/lib/typescript/atoms/KeyValueRow.d.ts.map +1 -1
- package/lib/typescript/atoms/PressableScale.d.ts +12 -5
- package/lib/typescript/atoms/PressableScale.d.ts.map +1 -1
- package/lib/typescript/atoms/ShinyText.d.ts +17 -17
- package/lib/typescript/atoms/ShinyText.d.ts.map +1 -1
- package/lib/typescript/atoms/Skeleton.d.ts +12 -7
- package/lib/typescript/atoms/Skeleton.d.ts.map +1 -1
- package/lib/typescript/atoms/Spinner.d.ts +29 -1
- package/lib/typescript/atoms/Spinner.d.ts.map +1 -1
- package/lib/typescript/atoms/Text.d.ts +46 -0
- package/lib/typescript/atoms/Text.d.ts.map +1 -1
- package/lib/typescript/atoms/Transition.d.ts +19 -15
- package/lib/typescript/atoms/Transition.d.ts.map +1 -1
- package/lib/typescript/atoms/index.d.ts +3 -3
- package/lib/typescript/atoms/index.d.ts.map +1 -1
- package/lib/typescript/atoms/inputValidation.d.ts +29 -0
- package/lib/typescript/atoms/inputValidation.d.ts.map +1 -0
- package/lib/typescript/icons/Icon.d.ts +4 -4
- package/lib/typescript/icons/defaultIcons.d.ts +19 -2
- package/lib/typescript/icons/defaultIcons.d.ts.map +1 -1
- package/lib/typescript/icons/index.d.ts +2 -2
- package/lib/typescript/icons/index.d.ts.map +1 -1
- package/lib/typescript/icons/types.d.ts +13 -3
- package/lib/typescript/icons/types.d.ts.map +1 -1
- package/lib/typescript/molecules/AvatarHeader.d.ts +23 -4
- package/lib/typescript/molecules/AvatarHeader.d.ts.map +1 -1
- package/lib/typescript/molecules/FormActions.d.ts +21 -4
- package/lib/typescript/molecules/FormActions.d.ts.map +1 -1
- package/lib/typescript/molecules/InfoRow.d.ts +17 -3
- package/lib/typescript/molecules/InfoRow.d.ts.map +1 -1
- package/lib/typescript/molecules/OptionCard.d.ts +20 -5
- package/lib/typescript/molecules/OptionCard.d.ts.map +1 -1
- package/lib/typescript/molecules/SegmentedControl.d.ts +18 -2
- package/lib/typescript/molecules/SegmentedControl.d.ts.map +1 -1
- package/lib/typescript/molecules/Stepper.d.ts +23 -7
- package/lib/typescript/molecules/Stepper.d.ts.map +1 -1
- package/lib/typescript/molecules/Steps.d.ts +18 -4
- package/lib/typescript/molecules/Steps.d.ts.map +1 -1
- package/lib/typescript/molecules/SymmetricGrid.d.ts +15 -5
- package/lib/typescript/molecules/SymmetricGrid.d.ts.map +1 -1
- package/lib/typescript/organisms/Alert.d.ts +28 -2
- package/lib/typescript/organisms/Alert.d.ts.map +1 -1
- package/lib/typescript/organisms/AlertProvider.d.ts +10 -10
- package/lib/typescript/organisms/AlertProvider.d.ts.map +1 -1
- package/lib/typescript/organisms/BottomSheet.d.ts +20 -5
- package/lib/typescript/organisms/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/organisms/Chart.d.ts +86 -75
- package/lib/typescript/organisms/Chart.d.ts.map +1 -1
- package/lib/typescript/organisms/DateField.d.ts +17 -3
- package/lib/typescript/organisms/DateField.d.ts.map +1 -1
- package/lib/typescript/organisms/DatePicker.d.ts +7 -11
- package/lib/typescript/organisms/DatePicker.d.ts.map +1 -1
- package/lib/typescript/organisms/List.d.ts +30 -3
- package/lib/typescript/organisms/List.d.ts.map +1 -1
- package/lib/typescript/organisms/Modal.d.ts +30 -3
- package/lib/typescript/organisms/Modal.d.ts.map +1 -1
- package/lib/typescript/organisms/NavigationBar.d.ts +26 -7
- package/lib/typescript/organisms/NavigationBar.d.ts.map +1 -1
- package/lib/typescript/organisms/OptionWheel.d.ts +20 -16
- package/lib/typescript/organisms/OptionWheel.d.ts.map +1 -1
- package/lib/typescript/organisms/ReorderableList.d.ts +20 -11
- package/lib/typescript/organisms/ReorderableList.d.ts.map +1 -1
- package/lib/typescript/organisms/Screen.d.ts +27 -8
- package/lib/typescript/organisms/Screen.d.ts.map +1 -1
- package/lib/typescript/organisms/SearchList.d.ts +46 -3
- package/lib/typescript/organisms/SearchList.d.ts.map +1 -1
- package/lib/typescript/organisms/Select.d.ts +26 -6
- package/lib/typescript/organisms/Select.d.ts.map +1 -1
- package/lib/typescript/organisms/Slides.d.ts +44 -26
- package/lib/typescript/organisms/Slides.d.ts.map +1 -1
- package/lib/typescript/organisms/ThemeToggle.d.ts +6 -2
- package/lib/typescript/organisms/ThemeToggle.d.ts.map +1 -1
- package/lib/typescript/organisms/Timeline.d.ts +26 -9
- package/lib/typescript/organisms/Timeline.d.ts.map +1 -1
- package/lib/typescript/organisms/Toast.d.ts +19 -4
- package/lib/typescript/organisms/Toast.d.ts.map +1 -1
- package/lib/typescript/organisms/ToastProvider.d.ts +8 -8
- package/lib/typescript/organisms/ToastProvider.d.ts.map +1 -1
- package/lib/typescript/organisms/Wizard.d.ts +24 -6
- package/lib/typescript/organisms/Wizard.d.ts.map +1 -1
- package/lib/typescript/organisms/chart/frame.d.ts +21 -21
- package/lib/typescript/organisms/chart/frame.d.ts.map +1 -1
- package/lib/typescript/organisms/chart/marks.d.ts +28 -28
- package/lib/typescript/organisms/chart/marks.d.ts.map +1 -1
- package/lib/typescript/organisms/chart/math.d.ts +69 -70
- package/lib/typescript/organisms/chart/math.d.ts.map +1 -1
- package/lib/typescript/organisms/chart/palette.d.ts +2 -2
- package/lib/typescript/organisms/chart/palette.d.ts.map +1 -1
- package/lib/typescript/organisms/imperativeBridge.d.ts +4 -4
- package/lib/typescript/organisms/useSlides.d.ts +8 -16
- package/lib/typescript/organisms/useSlides.d.ts.map +1 -1
- package/lib/typescript/safe-area/SafeAreaUIProvider.d.ts +9 -7
- package/lib/typescript/safe-area/SafeAreaUIProvider.d.ts.map +1 -1
- package/lib/typescript/safe-area/index.d.ts.map +1 -1
- package/lib/typescript/theme/KeyboardAvoidance.d.ts +62 -0
- package/lib/typescript/theme/KeyboardAvoidance.d.ts.map +1 -0
- package/lib/typescript/theme/NativeOverlay.d.ts +43 -0
- package/lib/typescript/theme/NativeOverlay.d.ts.map +1 -0
- package/lib/typescript/theme/UIProvider.d.ts +38 -20
- package/lib/typescript/theme/UIProvider.d.ts.map +1 -1
- package/lib/typescript/theme/colors.d.ts +13 -13
- package/lib/typescript/theme/colors.d.ts.map +1 -1
- package/lib/typescript/theme/createStyles.d.ts +20 -14
- package/lib/typescript/theme/createStyles.d.ts.map +1 -1
- package/lib/typescript/theme/createTheme.d.ts +5 -5
- package/lib/typescript/theme/index.d.ts +1 -1
- package/lib/typescript/theme/index.d.ts.map +1 -1
- package/lib/typescript/theme/insets.d.ts +1 -1
- package/lib/typescript/theme/insets.d.ts.map +1 -1
- package/lib/typescript/theme/labels.d.ts +57 -2
- package/lib/typescript/theme/labels.d.ts.map +1 -1
- package/lib/typescript/theme/palettes.d.ts +25 -19
- package/lib/typescript/theme/palettes.d.ts.map +1 -1
- package/lib/typescript/theme/tokens.d.ts +15 -8
- package/lib/typescript/theme/tokens.d.ts.map +1 -1
- package/lib/typescript/theme/types.d.ts +7 -7
- package/lib/typescript/theme/types.d.ts.map +1 -1
- package/lib/typescript/theme/useKeyboardField.d.ts +17 -0
- package/lib/typescript/theme/useKeyboardField.d.ts.map +1 -0
- package/lib/typescript/theme/useReduceMotion.d.ts +7 -0
- package/lib/typescript/theme/useReduceMotion.d.ts.map +1 -0
- package/llms.txt +4 -4
- package/package.json +15 -14
- package/registry/alert-provider.json +4 -3
- package/registry/alert.json +3 -2
- package/registry/avatar-header.json +1 -1
- package/registry/avatar.json +3 -2
- package/registry/badge.json +1 -1
- package/registry/bottom-sheet.json +1 -1
- package/registry/button.json +3 -2
- package/registry/card.json +1 -1
- package/registry/chart.json +5 -5
- package/registry/checkbox.json +3 -2
- package/registry/core.json +31 -15
- package/registry/date-field.json +1 -1
- package/registry/date-picker.json +3 -2
- package/registry/divider.json +1 -1
- package/registry/empty-state.json +4 -2
- package/registry/fab.json +3 -2
- package/registry/form-actions.json +3 -2
- package/registry/gradient.json +1 -1
- package/registry/icon-button.json +3 -2
- package/registry/image.json +1 -1
- package/registry/index.json +79 -61
- package/registry/info-row.json +1 -1
- package/registry/input.json +5 -1
- package/registry/key-value-row.json +1 -1
- package/registry/list.json +3 -1
- package/registry/manifest.json +3 -1
- package/registry/modal.json +1 -1
- package/registry/navigation-bar.json +1 -1
- package/registry/option-card.json +3 -2
- package/registry/option-wheel.json +1 -1
- package/registry/pressable-scale.json +3 -2
- package/registry/reorderable-list.json +1 -1
- package/registry/screen.json +1 -1
- package/registry/search-list.json +7 -1
- package/registry/segmented-control.json +1 -1
- package/registry/select.json +1 -1
- package/registry/shiny-text.json +1 -1
- package/registry/skeleton.json +3 -2
- package/registry/slides.json +2 -2
- package/registry/spinner.json +1 -1
- package/registry/stepper.json +1 -1
- package/registry/steps.json +1 -1
- package/registry/symmetric-grid.json +1 -1
- package/registry/theme-toggle.json +1 -1
- package/registry/timeline.json +1 -1
- package/registry/title.json +1 -1
- package/registry/toast-provider.json +2 -2
- package/registry/toast.json +1 -1
- package/registry/transition.json +1 -1
- package/registry/wizard.json +1 -1
- package/src/atoms/Avatar.tsx +117 -26
- package/src/atoms/Badge.tsx +20 -9
- package/src/atoms/Button.tsx +102 -30
- package/src/atoms/Card.tsx +23 -3
- package/src/atoms/Checkbox.tsx +49 -12
- package/src/atoms/Divider.tsx +34 -4
- package/src/atoms/EmptyState.tsx +63 -16
- package/src/atoms/Fab.tsx +56 -9
- package/src/atoms/Gradient.tsx +92 -41
- package/src/atoms/IconButton.tsx +27 -4
- package/src/atoms/Image.tsx +74 -28
- package/src/atoms/Input.tsx +129 -19
- package/src/atoms/KeyValueRow.tsx +72 -28
- package/src/atoms/PressableScale.tsx +31 -7
- package/src/atoms/ShinyText.tsx +31 -31
- package/src/atoms/Skeleton.tsx +37 -17
- package/src/atoms/Spinner.tsx +87 -24
- package/src/atoms/Text.tsx +66 -6
- package/src/atoms/Transition.tsx +40 -44
- package/src/atoms/index.ts +3 -3
- package/src/atoms/inputValidation.ts +59 -0
- package/src/icons/Icon.tsx +4 -4
- package/src/icons/defaultIcons.tsx +445 -22
- package/src/icons/index.ts +2 -2
- package/src/icons/types.ts +26 -4
- package/src/molecules/AvatarHeader.tsx +88 -34
- package/src/molecules/FormActions.tsx +36 -6
- package/src/molecules/InfoRow.tsx +39 -12
- package/src/molecules/OptionCard.tsx +55 -20
- package/src/molecules/SegmentedControl.tsx +135 -15
- package/src/molecules/Stepper.tsx +73 -19
- package/src/molecules/Steps.tsx +121 -39
- package/src/molecules/SymmetricGrid.tsx +28 -12
- package/src/organisms/Alert.tsx +97 -26
- package/src/organisms/AlertProvider.tsx +13 -13
- package/src/organisms/BottomSheet.tsx +115 -43
- package/src/organisms/Chart.tsx +223 -165
- package/src/organisms/DateField.tsx +40 -15
- package/src/organisms/DatePicker.tsx +53 -32
- package/src/organisms/List.tsx +64 -15
- package/src/organisms/Modal.tsx +122 -63
- package/src/organisms/NavigationBar.tsx +73 -23
- package/src/organisms/OptionWheel.tsx +70 -66
- package/src/organisms/ReorderableList.tsx +49 -27
- package/src/organisms/Screen.tsx +79 -42
- package/src/organisms/SearchList.tsx +84 -20
- package/src/organisms/Select.tsx +63 -29
- package/src/organisms/Slides.tsx +63 -44
- package/src/organisms/ThemeToggle.tsx +15 -6
- package/src/organisms/Timeline.tsx +79 -62
- package/src/organisms/Toast.tsx +50 -15
- package/src/organisms/ToastProvider.tsx +17 -13
- package/src/organisms/Wizard.tsx +58 -21
- package/src/organisms/chart/frame.tsx +35 -35
- package/src/organisms/chart/marks.tsx +53 -53
- package/src/organisms/chart/math.ts +93 -94
- package/src/organisms/chart/palette.ts +28 -28
- package/src/organisms/imperativeBridge.ts +5 -5
- package/src/organisms/useSlides.ts +66 -31
- package/src/safe-area/SafeAreaUIProvider.tsx +9 -70
- package/src/safe-area/index.ts +1 -0
- package/src/theme/KeyboardAvoidance.tsx +216 -0
- package/src/theme/NativeOverlay.tsx +269 -0
- package/src/theme/UIProvider.tsx +109 -46
- package/src/theme/colors.ts +21 -21
- package/src/theme/createStyles.ts +23 -19
- package/src/theme/createTheme.ts +6 -6
- package/src/theme/index.ts +1 -1
- package/src/theme/insets.ts +1 -1
- package/src/theme/labels.ts +85 -2
- package/src/theme/palettes.ts +33 -25
- package/src/theme/tokens.ts +27 -13
- package/src/theme/types.ts +7 -7
- package/src/theme/useKeyboardField.ts +33 -0
- package/src/theme/useReduceMotion.ts +27 -0
|
@@ -9,39 +9,39 @@ import { useReduceMotion } from '../atoms/Transition';
|
|
|
9
9
|
import { Icon } from '../icons/Icon';
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
13
|
-
* - 'free':
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
* - 'sequential':
|
|
17
|
-
*
|
|
18
|
-
* - 'revisit':
|
|
19
|
-
*
|
|
20
|
-
*
|
|
12
|
+
* What a tap can do.
|
|
13
|
+
* - 'free': any milestone responds and the line follows `items` wherever it
|
|
14
|
+
* goes, forward or back. It is the one to use when the path isn't
|
|
15
|
+
* progress, or when something else drives it.
|
|
16
|
+
* - 'sequential': only the one after the reached milestone responds, and the
|
|
17
|
+
* line never goes back. Strict progression.
|
|
18
|
+
* - 'revisit': the next one and all those already reached respond, and the
|
|
19
|
+
* line doesn't go back either. It is the "I can look at what came before
|
|
20
|
+
* without losing my progress" case.
|
|
21
21
|
*/
|
|
22
22
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
23
|
const DEFAULT_CURVE = 28;
|
|
24
24
|
const DEFAULT_SPACING = 84;
|
|
25
25
|
const NODE = 14;
|
|
26
26
|
const LINE = 2;
|
|
27
|
-
/**
|
|
27
|
+
/** Straight segments per span: with fewer, the curve looks polygonal. */
|
|
28
28
|
const SEGMENTS = 14;
|
|
29
29
|
const DOT = 3;
|
|
30
|
-
/**
|
|
30
|
+
/** One dot every how many segments: the whole path is dotted underneath. */
|
|
31
31
|
const DOT_EVERY = 2;
|
|
32
32
|
const DEFAULT_DURATION = 420;
|
|
33
33
|
/**
|
|
34
|
-
*
|
|
35
|
-
*
|
|
34
|
+
* How long a segment takes to light up, measured in milestones. Small so the
|
|
35
|
+
* front of the line reads as an edge and not as a long gradient.
|
|
36
36
|
*/
|
|
37
37
|
const FADE = 0.06;
|
|
38
38
|
/**
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
39
|
+
* Halo layers, from the outside in. There are many and very faint on
|
|
40
|
+
* purpose: with three layers you see the rings, which is exactly the opposite
|
|
41
|
+
* of a blur. The more steps and the smaller the opacity jump, the closer it
|
|
42
|
+
* gets to a gradient.
|
|
43
43
|
*/
|
|
44
|
-
/**
|
|
44
|
+
/** How far the halo sticks out of the pill: that is the room it needs. */
|
|
45
45
|
const GLOW_BLEED = 20;
|
|
46
46
|
const GLOW_LAYERS = [{
|
|
47
47
|
inset: -GLOW_BLEED,
|
|
@@ -93,7 +93,7 @@ const useStyles = createStyles(theme => ({
|
|
|
93
93
|
backgroundColor: 'transparent',
|
|
94
94
|
borderColor: theme.colors.border
|
|
95
95
|
},
|
|
96
|
-
//
|
|
96
|
+
// Takes the whole circle minus the border, so the fill doesn't cover it.
|
|
97
97
|
nodeFill: {
|
|
98
98
|
position: 'absolute',
|
|
99
99
|
top: 0,
|
|
@@ -111,10 +111,10 @@ const useStyles = createStyles(theme => ({
|
|
|
111
111
|
borderRadius: theme.tokens.radius.full,
|
|
112
112
|
borderWidth: 1,
|
|
113
113
|
borderColor: theme.colors.border,
|
|
114
|
-
backgroundColor: theme.colors.
|
|
114
|
+
backgroundColor: theme.colors.surfaceRaised
|
|
115
115
|
},
|
|
116
|
-
//
|
|
117
|
-
//
|
|
116
|
+
// Focus is marked with the border, not the fill: the fill is already
|
|
117
|
+
// saying something else (whether the milestone has been reached or not).
|
|
118
118
|
pillSelected: {
|
|
119
119
|
borderColor: theme.colors.primary,
|
|
120
120
|
borderWidth: 2
|
|
@@ -134,11 +134,11 @@ const useStyles = createStyles(theme => ({
|
|
|
134
134
|
borderRadius: theme.tokens.radius.full,
|
|
135
135
|
backgroundColor: theme.colors.text
|
|
136
136
|
},
|
|
137
|
-
//
|
|
138
|
-
//
|
|
139
|
-
//
|
|
140
|
-
//
|
|
141
|
-
//
|
|
137
|
+
// The line and the nodes live in the same layer and are positioned with the
|
|
138
|
+
// same coordinates. It is the only thing that guarantees the circle lands on
|
|
139
|
+
// the curve: in the row's flow the node gets shifted by flex —and by the
|
|
140
|
+
// paddings each side needs so its pill isn't clipped—, so it ended up to one
|
|
141
|
+
// side of the line instead of on top of it.
|
|
142
142
|
lineLayer: {
|
|
143
143
|
position: 'absolute',
|
|
144
144
|
top: 0,
|
|
@@ -147,8 +147,8 @@ const useStyles = createStyles(theme => ({
|
|
|
147
147
|
bottom: 0,
|
|
148
148
|
alignItems: 'center'
|
|
149
149
|
},
|
|
150
|
-
//
|
|
151
|
-
//
|
|
150
|
+
// Gap the width of the node in the row: the pill is set apart from the
|
|
151
|
+
// center the same as before, but the circle is no longer drawn here.
|
|
152
152
|
nodeSlot: {
|
|
153
153
|
width: NODE
|
|
154
154
|
},
|
|
@@ -165,14 +165,31 @@ const useStyles = createStyles(theme => ({
|
|
|
165
165
|
}));
|
|
166
166
|
|
|
167
167
|
/**
|
|
168
|
-
*
|
|
169
|
-
*
|
|
170
|
-
*
|
|
168
|
+
* Horizontal offset of node `index` from the axis. One full wave along the
|
|
169
|
+
* list: the first and the last fall on the axis, and the ones in the middle
|
|
170
|
+
* swing to one side and the other. It is what turns a column into a path.
|
|
171
171
|
*/
|
|
172
172
|
function offsetAt(index, count, curve) {
|
|
173
173
|
if (count < 2) return 0;
|
|
174
174
|
return curve * Math.sin(2 * Math.PI * index / (count - 1));
|
|
175
175
|
}
|
|
176
|
+
|
|
177
|
+
/**
|
|
178
|
+
* Timeline
|
|
179
|
+
* Milestones on a path: a line that bows from one to the next and fills up to
|
|
180
|
+
* the last one reached, with each label in a pill on alternating sides.
|
|
181
|
+
*
|
|
182
|
+
* Design:
|
|
183
|
+
* - Continuity (Gestalt): one curved line joins the milestones, so they read
|
|
184
|
+
* as a single path; the reached part of it is filled.
|
|
185
|
+
* - Similarity + figure/ground: reached and pending milestones differ only by
|
|
186
|
+
* fill, so status reads at a glance.
|
|
187
|
+
* - Common fate: when a milestone is reached the line travels there, gap by
|
|
188
|
+
* gap (in place with Reduce Motion).
|
|
189
|
+
* - Fitts's law: with `onItemPress` the whole pill is the target.
|
|
190
|
+
* - Screen readers: each milestone is checked or not; with `onItemPress` it
|
|
191
|
+
* is a button, disabled when `advance` doesn't let it respond.
|
|
192
|
+
*/
|
|
176
193
|
export const Timeline = /*#__PURE__*/memo(({
|
|
177
194
|
items,
|
|
178
195
|
curve = DEFAULT_CURVE,
|
|
@@ -193,9 +210,9 @@ export const Timeline = /*#__PURE__*/memo(({
|
|
|
193
210
|
const count = items.length;
|
|
194
211
|
|
|
195
212
|
/**
|
|
196
|
-
*
|
|
197
|
-
*
|
|
198
|
-
*
|
|
213
|
+
* How far the path has gotten, in milestone units. It is counted from the
|
|
214
|
+
* start and cut at the first pending one: a milestone completed after one
|
|
215
|
+
* that isn't doesn't move the line forward, because a path is a path.
|
|
199
216
|
*/
|
|
200
217
|
const reached = useMemo(() => {
|
|
201
218
|
let last = -1;
|
|
@@ -207,9 +224,9 @@ export const Timeline = /*#__PURE__*/memo(({
|
|
|
207
224
|
}, [items]);
|
|
208
225
|
|
|
209
226
|
/**
|
|
210
|
-
*
|
|
211
|
-
*
|
|
212
|
-
*
|
|
227
|
+
* High-water mark: except in 'free', the line stays at the furthest point
|
|
228
|
+
* it reached. Progress belongs to the user, not the render — the parent
|
|
229
|
+
* sending a shorter list can't undo the distance already covered.
|
|
213
230
|
*/
|
|
214
231
|
const furthest = useRef(reached);
|
|
215
232
|
if (advance === 'free') furthest.current = reached;else furthest.current = Math.max(furthest.current, reached);
|
|
@@ -218,8 +235,8 @@ export const Timeline = /*#__PURE__*/memo(({
|
|
|
218
235
|
useEffect(() => {
|
|
219
236
|
const animation = Animated.timing(progress, {
|
|
220
237
|
toValue: lineTo,
|
|
221
|
-
//
|
|
222
|
-
//
|
|
238
|
+
// One milestone per `duration`: advancing three at once takes three
|
|
239
|
+
// times longer, so you see the path and not a jump.
|
|
223
240
|
duration: reduceMotion ? 0 : duration,
|
|
224
241
|
easing: Easing.inOut(Easing.cubic),
|
|
225
242
|
useNativeDriver: true
|
|
@@ -229,10 +246,10 @@ export const Timeline = /*#__PURE__*/memo(({
|
|
|
229
246
|
}, [lineTo, duration, reduceMotion, progress]);
|
|
230
247
|
|
|
231
248
|
/**
|
|
232
|
-
*
|
|
233
|
-
*
|
|
234
|
-
*
|
|
235
|
-
*
|
|
249
|
+
* Each span split into short straight segments, each with its own length
|
|
250
|
+
* and angle. It is the same idea as `Gradient`: the platform has no curves
|
|
251
|
+
* without a native dependency, so the curve is composed from straight
|
|
252
|
+
* pieces small enough for the eye not to see the break.
|
|
236
253
|
*/
|
|
237
254
|
const pieces = useMemo(() => {
|
|
238
255
|
const out = [];
|
|
@@ -252,11 +269,11 @@ export const Timeline = /*#__PURE__*/memo(({
|
|
|
252
269
|
x: (x1 + x2) / 2,
|
|
253
270
|
y: (y1 + y2) / 2,
|
|
254
271
|
length,
|
|
255
|
-
//
|
|
256
|
-
//
|
|
272
|
+
// The segment is drawn vertically and rotated to the slope: the
|
|
273
|
+
// angle is measured from the Y axis, not the X.
|
|
257
274
|
angle: `${Math.atan2(dx, dy) * (180 / Math.PI) * -1}deg`,
|
|
258
|
-
//
|
|
259
|
-
// `progress`,
|
|
275
|
+
// Segment position measured in milestones: it is the same scale as
|
|
276
|
+
// `progress`, so comparing one with the other is direct.
|
|
260
277
|
at: to,
|
|
261
278
|
dotted: step % DOT_EVERY === 0
|
|
262
279
|
});
|
|
@@ -326,10 +343,10 @@ export const Timeline = /*#__PURE__*/memo(({
|
|
|
326
343
|
const pending = item.status === 'pending';
|
|
327
344
|
const onRight = index % 2 === 0 === (startSide === 'right');
|
|
328
345
|
const offset = offsetAt(index, count, curve);
|
|
329
|
-
//
|
|
330
|
-
//
|
|
331
|
-
//
|
|
332
|
-
//
|
|
346
|
+
// The whole row shifts with the curve, pill included, so the side it
|
|
347
|
+
// moved toward loses that space against the edge. We give it back as
|
|
348
|
+
// padding, plus what the halo sticks out: without this the outermost
|
|
349
|
+
// pill gets clipped flush.
|
|
333
350
|
const bleed = glow ? GLOW_BLEED : 0;
|
|
334
351
|
const roomLeft = Math.max(0, -offset) + bleed;
|
|
335
352
|
const roomRight = Math.max(0, offset) + bleed;
|
|
@@ -361,10 +378,10 @@ export const Timeline = /*#__PURE__*/memo(({
|
|
|
361
378
|
})]
|
|
362
379
|
});
|
|
363
380
|
|
|
364
|
-
// 'sequential'
|
|
365
|
-
//
|
|
366
|
-
//
|
|
367
|
-
//
|
|
381
|
+
// 'sequential' only allows tapping the next one; 'revisit' also the
|
|
382
|
+
// ones already covered. The one that doesn't respond is marked as
|
|
383
|
+
// disabled instead of staying silent: a button that does nothing
|
|
384
|
+
// and doesn't say so is worse than a disabled button.
|
|
368
385
|
const reachable = advance === 'sequential' ? index === lineTo + 1 : advance === 'revisit' ? index <= lineTo + 1 : true;
|
|
369
386
|
const pressable = onItemPress ? /*#__PURE__*/_jsx(PressableScale, {
|
|
370
387
|
onPress: () => onItemPress(index),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useEffect","useMemo","useRef","Animated","Easing","Text","View","createStyles","useAllowFontScaling","useColors","PressableScale","useReduceMotion","Icon","jsx","_jsx","jsxs","_jsxs","DEFAULT_CURVE","DEFAULT_SPACING","NODE","LINE","SEGMENTS","DOT","DOT_EVERY","DEFAULT_DURATION","FADE","GLOW_BLEED","GLOW_LAYERS","inset","opacity","useStyles","theme","root","alignSelf","row","flexDirection","alignItems","side","flex","justifyContent","sideLeft","paddingRight","tokens","spacing","md","sideRight","paddingLeft","node","position","width","height","borderRadius","borderWidth","nodePending","backgroundColor","borderColor","colors","border","nodeFill","top","left","right","bottom","pill","gap","sm","paddingVertical","paddingHorizontal","lg","radius","full","surface","pillSelected","primary","label","fontSize","color","text","labelPending","textLight","emoji","glow","lineLayer","nodeSlot","segment","dot","offsetAt","index","count","curve","Math","sin","PI","Timeline","items","startSide","onItemPress","advance","selectedIndex","duration","style","testID","styles","allowFontScaling","reduceMotion","length","reached","last","i","status","furthest","current","max","lineTo","progress","Value","animation","timing","toValue","easing","inOut","cubic","useNativeDriver","start","stop","pieces","out","step","from","to","x1","x2","y1","y2","dx","dy","sqrt","push","key","x","y","angle","atan2","at","dotted","children","pointerEvents","map","piece","transform","translateX","interpolate","inputRange","outputRange","extrapolate","rotate","item","scale","pending","onRight","offset","bleed","roomLeft","roomRight","layer","iconName","name","size","reachable","pressable","onPress","disabled","accessibilityRole","accessibilityLabel","accessibilityState","checked","selected","undefined","displayName"],"sourceRoot":"../../../src","sources":["organisms/Timeline.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","memo","useEffect","useMemo","useRef","Animated","Easing","Text","View","createStyles","useAllowFontScaling","useColors","PressableScale","useReduceMotion","Icon","jsx","_jsx","jsxs","_jsxs","DEFAULT_CURVE","DEFAULT_SPACING","NODE","LINE","SEGMENTS","DOT","DOT_EVERY","DEFAULT_DURATION","FADE","GLOW_BLEED","GLOW_LAYERS","inset","opacity","useStyles","theme","root","alignSelf","row","flexDirection","alignItems","side","flex","justifyContent","sideLeft","paddingRight","tokens","spacing","md","sideRight","paddingLeft","node","position","width","height","borderRadius","borderWidth","nodePending","backgroundColor","borderColor","colors","border","nodeFill","top","left","right","bottom","pill","gap","sm","paddingVertical","paddingHorizontal","lg","radius","full","surfaceRaised","pillSelected","primary","label","fontSize","color","text","labelPending","textLight","emoji","glow","lineLayer","nodeSlot","segment","dot","offsetAt","index","count","curve","Math","sin","PI","Timeline","items","startSide","onItemPress","advance","selectedIndex","duration","style","testID","styles","allowFontScaling","reduceMotion","length","reached","last","i","status","furthest","current","max","lineTo","progress","Value","animation","timing","toValue","easing","inOut","cubic","useNativeDriver","start","stop","pieces","out","step","from","to","x1","x2","y1","y2","dx","dy","sqrt","push","key","x","y","angle","atan2","at","dotted","children","pointerEvents","map","piece","transform","translateX","interpolate","inputRange","outputRange","extrapolate","rotate","item","scale","pending","onRight","offset","bleed","roomLeft","roomRight","layer","iconName","name","size","reachable","pressable","onPress","disabled","accessibilityRole","accessibilityLabel","accessibilityState","checked","selected","undefined","displayName"],"sourceRoot":"../../../src","sources":["organisms/Timeline.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import React, { memo } from 'react';
|
|
4
4
|
import { Pressable, Text, View } from 'react-native';
|
|
5
5
|
import { createStyles } from '../theme/createStyles';
|
|
6
|
-
import { useAllowFontScaling, useColors } from '../theme/UIProvider';
|
|
6
|
+
import { useAllowFontScaling, useColors, useLabels } from '../theme/UIProvider';
|
|
7
7
|
import { Transition } from '../atoms/Transition';
|
|
8
8
|
import { Icon } from '../icons/Icon';
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -13,12 +13,21 @@ const ICON_BY_VARIANT = {
|
|
|
13
13
|
warning: 'warning',
|
|
14
14
|
info: 'info'
|
|
15
15
|
};
|
|
16
|
+
|
|
17
|
+
/** Width of the colored bar on the left edge. */
|
|
18
|
+
const ACCENT_WIDTH = 4;
|
|
19
|
+
const ICON_SIZE = 22;
|
|
20
|
+
const CLOSE_ICON_SIZE = 18;
|
|
21
|
+
/** Pads the close glyph out to a 44pt target without growing the toast. */
|
|
22
|
+
const CLOSE_HIT_SLOP = (44 - CLOSE_ICON_SIZE) / 2;
|
|
23
|
+
/** How far it drops in from above. */
|
|
24
|
+
const ENTER_DISTANCE = 16;
|
|
16
25
|
const useStyles = createStyles(theme => ({
|
|
17
26
|
container: {
|
|
18
27
|
flexDirection: 'row',
|
|
19
28
|
alignItems: 'center',
|
|
20
29
|
gap: theme.tokens.spacing.md,
|
|
21
|
-
backgroundColor: theme.colors.
|
|
30
|
+
backgroundColor: theme.colors.surfaceRaised,
|
|
22
31
|
borderRadius: theme.tokens.radius.lg,
|
|
23
32
|
borderWidth: 1,
|
|
24
33
|
borderColor: theme.colors.border,
|
|
@@ -31,13 +40,13 @@ const useStyles = createStyles(theme => ({
|
|
|
31
40
|
left: 0,
|
|
32
41
|
top: 0,
|
|
33
42
|
bottom: 0,
|
|
34
|
-
width:
|
|
43
|
+
width: ACCENT_WIDTH,
|
|
35
44
|
borderTopLeftRadius: theme.tokens.radius.lg,
|
|
36
45
|
borderBottomLeftRadius: theme.tokens.radius.lg
|
|
37
46
|
},
|
|
38
47
|
text: {
|
|
39
48
|
flex: 1,
|
|
40
|
-
gap:
|
|
49
|
+
gap: theme.tokens.spacing.xxs
|
|
41
50
|
},
|
|
42
51
|
title: {
|
|
43
52
|
fontSize: theme.tokens.fontSize.md,
|
|
@@ -53,9 +62,20 @@ const useStyles = createStyles(theme => ({
|
|
|
53
62
|
|
|
54
63
|
/**
|
|
55
64
|
* Toast
|
|
56
|
-
*
|
|
57
|
-
* `useToast()`
|
|
58
|
-
*
|
|
65
|
+
* Ephemeral notification. Normally not used directly: `ToastProvider` +
|
|
66
|
+
* `useToast()` mount and dismiss it for you. It is exposed anyway in case
|
|
67
|
+
* you want to place it yourself inside a specific screen.
|
|
68
|
+
*
|
|
69
|
+
* Design:
|
|
70
|
+
* - Doherty threshold: immediate feedback for an action, without blocking
|
|
71
|
+
* the screen; it leaves on its own.
|
|
72
|
+
* - Similarity: the variant sets both the bar and the icon color, so success,
|
|
73
|
+
* error, warning and info read at a glance (and not by color alone: each
|
|
74
|
+
* has its own glyph).
|
|
75
|
+
* - Figure/ground: a raised surface with a shadow, above the content.
|
|
76
|
+
* - Fitts's law: the close button is a 44pt target.
|
|
77
|
+
* - Screen readers: `ToastProvider` announces each toast as it appears; a
|
|
78
|
+
* pressable toast reads title and message, and offers "Close" as an action.
|
|
59
79
|
*/
|
|
60
80
|
export const Toast = /*#__PURE__*/memo(({
|
|
61
81
|
title,
|
|
@@ -70,9 +90,10 @@ export const Toast = /*#__PURE__*/memo(({
|
|
|
70
90
|
const colors = useColors();
|
|
71
91
|
const styles = useStyles();
|
|
72
92
|
const allowFontScaling = useAllowFontScaling();
|
|
93
|
+
const labels = useLabels();
|
|
73
94
|
|
|
74
|
-
//
|
|
75
|
-
//
|
|
95
|
+
// The side bar is a fill (full accent); the icon is content over the
|
|
96
|
+
// toast's surface and needs the `*Text` role.
|
|
76
97
|
const barColor = {
|
|
77
98
|
success: colors.success,
|
|
78
99
|
error: colors.error,
|
|
@@ -95,7 +116,7 @@ export const Toast = /*#__PURE__*/memo(({
|
|
|
95
116
|
}]
|
|
96
117
|
}), /*#__PURE__*/_jsx(Icon, {
|
|
97
118
|
name: ICON_BY_VARIANT[variant],
|
|
98
|
-
size:
|
|
119
|
+
size: ICON_SIZE,
|
|
99
120
|
color: iconColor[variant]
|
|
100
121
|
}), /*#__PURE__*/_jsxs(View, {
|
|
101
122
|
style: styles.text,
|
|
@@ -111,11 +132,11 @@ export const Toast = /*#__PURE__*/memo(({
|
|
|
111
132
|
}), !hideCloseButton && !!onDismiss && /*#__PURE__*/_jsx(Pressable, {
|
|
112
133
|
onPress: onDismiss,
|
|
113
134
|
accessibilityRole: "button",
|
|
114
|
-
accessibilityLabel:
|
|
115
|
-
hitSlop:
|
|
135
|
+
accessibilityLabel: labels.close,
|
|
136
|
+
hitSlop: CLOSE_HIT_SLOP,
|
|
116
137
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
117
138
|
name: "close",
|
|
118
|
-
size:
|
|
139
|
+
size: CLOSE_ICON_SIZE,
|
|
119
140
|
color: colors.textLight
|
|
120
141
|
})
|
|
121
142
|
})]
|
|
@@ -124,19 +145,29 @@ export const Toast = /*#__PURE__*/memo(({
|
|
|
124
145
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
125
146
|
onPress: onPress,
|
|
126
147
|
accessibilityRole: "button",
|
|
127
|
-
accessibilityLabel: title,
|
|
148
|
+
accessibilityLabel: message ? `${title}, ${message}` : title
|
|
149
|
+
// The close X inside a pressable toast isn't reachable on its own:
|
|
150
|
+
// the reader gets it as an action of the toast.
|
|
151
|
+
,
|
|
152
|
+
accessibilityActions: !hideCloseButton && onDismiss ? [{
|
|
153
|
+
name: 'dismiss',
|
|
154
|
+
label: labels.close
|
|
155
|
+
}] : undefined,
|
|
156
|
+
onAccessibilityAction: event => {
|
|
157
|
+
if (event.nativeEvent.actionName === 'dismiss') onDismiss?.();
|
|
158
|
+
},
|
|
128
159
|
children: body
|
|
129
160
|
});
|
|
130
161
|
});
|
|
131
162
|
Toast.displayName = 'Toast';
|
|
132
163
|
|
|
133
|
-
/**
|
|
164
|
+
/** Wraps a Toast with its enter/exit animation. Internal use by the provider. */
|
|
134
165
|
export const AnimatedToast = /*#__PURE__*/memo(({
|
|
135
166
|
children,
|
|
136
167
|
onHeight
|
|
137
168
|
}) => /*#__PURE__*/_jsx(Transition, {
|
|
138
169
|
preset: ['fade', 'slide-down'],
|
|
139
|
-
distance:
|
|
170
|
+
distance: ENTER_DISTANCE,
|
|
140
171
|
spring: true,
|
|
141
172
|
children: /*#__PURE__*/_jsx(View, {
|
|
142
173
|
onLayout: e => onHeight?.(e.nativeEvent.layout.height),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","Pressable","Text","View","createStyles","useAllowFontScaling","useColors","Transition","Icon","jsx","_jsx","jsxs","_jsxs","ICON_BY_VARIANT","success","error","warning","info","useStyles","theme","container","flexDirection","alignItems","gap","tokens","spacing","md","backgroundColor","colors","
|
|
1
|
+
{"version":3,"names":["React","memo","Pressable","Text","View","createStyles","useAllowFontScaling","useColors","useLabels","Transition","Icon","jsx","_jsx","jsxs","_jsxs","ICON_BY_VARIANT","success","error","warning","info","ACCENT_WIDTH","ICON_SIZE","CLOSE_ICON_SIZE","CLOSE_HIT_SLOP","ENTER_DISTANCE","useStyles","theme","container","flexDirection","alignItems","gap","tokens","spacing","md","backgroundColor","colors","surfaceRaised","borderRadius","radius","lg","borderWidth","borderColor","border","paddingVertical","paddingHorizontal","shadow","accent","position","left","top","bottom","width","borderTopLeftRadius","borderBottomLeftRadius","text","flex","xxs","title","fontSize","fontWeight","semibold","color","message","sm","textLight","lineHeight","Toast","variant","onPress","onDismiss","hideCloseButton","style","testID","styles","allowFontScaling","labels","barColor","secondary","iconColor","successText","errorText","warningText","secondaryText","body","accessibilityRole","children","name","size","accessibilityLabel","close","hitSlop","accessibilityActions","label","undefined","onAccessibilityAction","event","nativeEvent","actionName","displayName","AnimatedToast","onHeight","preset","distance","spring","onLayout","e","layout","height"],"sourceRoot":"../../../src","sources":["organisms/Toast.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
-
import { View } from 'react-native';
|
|
4
|
+
import { AccessibilityInfo, View } from 'react-native';
|
|
5
5
|
import { AnimatedToast, Toast } from './Toast';
|
|
6
6
|
import { useInsets } from '../theme/UIProvider';
|
|
7
7
|
import { createStyles } from '../theme/createStyles';
|
|
@@ -11,9 +11,9 @@ const ToastContext = /*#__PURE__*/createContext(undefined);
|
|
|
11
11
|
const bridge = createImperativeBridge('ToastProvider');
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
* <ToastProvider
|
|
14
|
+
* Shows a toast from outside the React tree —a service, an interceptor—
|
|
15
|
+
* without going through the hook. Returns the id, or '' if there is no
|
|
16
|
+
* mounted <ToastProvider>.
|
|
17
17
|
*/
|
|
18
18
|
export function showToast(options) {
|
|
19
19
|
return bridge.get()?.show(options) ?? '';
|
|
@@ -35,9 +35,9 @@ const useStyles = createStyles(theme => ({
|
|
|
35
35
|
}));
|
|
36
36
|
/**
|
|
37
37
|
* ToastProvider
|
|
38
|
-
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
38
|
+
* Mounts the toast layer above the rest of the app. Place it once near the
|
|
39
|
+
* root, inside UIProvider. The auto-dismiss timers are cleared on unmount and
|
|
40
|
+
* when each toast closes, so no callbacks are left hanging.
|
|
41
41
|
*/
|
|
42
42
|
export function ToastProvider({
|
|
43
43
|
children,
|
|
@@ -75,8 +75,8 @@ export function ToastProvider({
|
|
|
75
75
|
...options,
|
|
76
76
|
id
|
|
77
77
|
}];
|
|
78
|
-
//
|
|
79
|
-
//
|
|
78
|
+
// The oldest are dropped, not the newcomers: a new toast is always
|
|
79
|
+
// visible.
|
|
80
80
|
const overflow = next.length - maxVisible;
|
|
81
81
|
if (overflow > 0) {
|
|
82
82
|
next.slice(0, overflow).forEach(t => clearTimer(t.id));
|
|
@@ -84,14 +84,18 @@ export function ToastProvider({
|
|
|
84
84
|
}
|
|
85
85
|
return next;
|
|
86
86
|
});
|
|
87
|
+
|
|
88
|
+
// It appears without focus: screen readers only hear it if it is
|
|
89
|
+
// announced (iOS ignores accessibilityRole="alert" on its own).
|
|
90
|
+
AccessibilityInfo.announceForAccessibility(options.message ? `${options.title}. ${options.message}` : options.title);
|
|
87
91
|
if (duration > 0) {
|
|
88
92
|
timers.current.set(id, setTimeout(() => hide(id), duration));
|
|
89
93
|
}
|
|
90
94
|
return id;
|
|
91
95
|
}, [defaultDuration, maxVisible, hide, clearTimer]);
|
|
92
96
|
|
|
93
|
-
//
|
|
94
|
-
// setState
|
|
97
|
+
// When the provider unmounts no setTimeout must be left pointing at a
|
|
98
|
+
// setState of an already unmounted tree.
|
|
95
99
|
useEffect(() => {
|
|
96
100
|
const pending = timers.current;
|
|
97
101
|
return () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useRef","useState","View","AnimatedToast","Toast","useInsets","createStyles","createImperativeBridge","jsx","_jsx","jsxs","_jsxs","ToastContext","undefined","bridge","showToast","options","get","show","hideToast","id","hide","hideAllToasts","hideAll","useStyles","theme","host","position","left","right","paddingHorizontal","tokens","spacing","lg","gap","sm","ToastProvider","children","maxVisible","defaultDuration","toasts","setToasts","timers","Map","counter","insets","styles","clearTimer","t","current","clearTimeout","delete","prev","filter","forEach","clear","duration","next","overflow","length","slice","set","setTimeout","pending","value","hostPosition","top","bottom","flexDirection","Provider","style","pointerEvents","testID","map","
|
|
1
|
+
{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useRef","useState","AccessibilityInfo","View","AnimatedToast","Toast","useInsets","createStyles","createImperativeBridge","jsx","_jsx","jsxs","_jsxs","ToastContext","undefined","bridge","showToast","options","get","show","hideToast","id","hide","hideAllToasts","hideAll","useStyles","theme","host","position","left","right","paddingHorizontal","tokens","spacing","lg","gap","sm","ToastProvider","children","maxVisible","defaultDuration","toasts","setToasts","timers","Map","counter","insets","styles","clearTimer","t","current","clearTimeout","delete","prev","filter","forEach","clear","duration","next","overflow","length","slice","announceForAccessibility","message","title","set","setTimeout","pending","value","hostPosition","top","bottom","flexDirection","Provider","style","pointerEvents","testID","map","variant","hideCloseButton","onDismiss","onPress","useToast","ctx","Error"],"sourceRoot":"../../../src","sources":["organisms/ToastProvider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC3G,SAASC,iBAAiB,EAAEC,IAAI,QAAQ,cAAc;AACtD,SAASC,aAAa,EAAEC,KAAK,QAA2B,SAAS;AACjE,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,sBAAsB,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuB5D,MAAMC,YAAY,gBAAGlB,aAAa,CAAgCmB,SAAS,CAAC;AAC5E,MAAMC,MAAM,GAAGP,sBAAsB,CAAoB,eAAe,CAAC;;AAEzE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,SAASA,CAACC,OAAqB,EAAU;EACvD,OAAOF,MAAM,CAACG,GAAG,CAAC,CAAC,EAAEC,IAAI,CAACF,OAAO,CAAC,IAAI,EAAE;AAC1C;AAEA,OAAO,SAASG,SAASA,CAACC,EAAU,EAAQ;EAC1CN,MAAM,CAACG,GAAG,CAAC,CAAC,EAAEI,IAAI,CAACD,EAAE,CAAC;AACxB;AAEA,OAAO,SAASE,aAAaA,CAAA,EAAS;EACpCR,MAAM,CAACG,GAAG,CAAC,CAAC,EAAEM,OAAO,CAAC,CAAC;AACzB;AAEA,MAAMC,SAAS,GAAGlB,YAAY,CAAEmB,KAAK,KAAM;EACzCC,IAAI,EAAE;IAAEC,QAAQ,EAAE,UAAU;IAAEC,IAAI,EAAE,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,iBAAiB,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,EAAE;IAAEC,GAAG,EAAET,KAAK,CAACM,MAAM,CAACC,OAAO,CAACG;EAAG;AAC5H,CAAC,CAAC,CAAC;AAYH;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAC;EAC5BC,QAAQ;EACRV,QAAQ,GAAG,KAAK;EAChBW,UAAU,GAAG,CAAC;EACdC,eAAe,GAAG;AACA,CAAC,EAAE;EACrB,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGzC,QAAQ,CAAe,EAAE,CAAC;EACtD,MAAM0C,MAAM,GAAG3C,MAAM,CAAC,IAAI4C,GAAG,CAAwC,CAAC,CAAC;EACvE,MAAMC,OAAO,GAAG7C,MAAM,CAAC,CAAC,CAAC;EACzB,MAAM8C,MAAM,GAAGxC,SAAS,CAAC,CAAC;EAC1B,MAAMyC,MAAM,GAAGtB,SAAS,CAAC,CAAC;EAE1B,MAAMuB,UAAU,GAAGpD,WAAW,CAAEyB,EAAU,IAAK;IAC7C,MAAM4B,CAAC,GAAGN,MAAM,CAACO,OAAO,CAAChC,GAAG,CAACG,EAAE,CAAC;IAChC,IAAI4B,CAAC,EAAE;MACLE,YAAY,CAACF,CAAC,CAAC;MACfN,MAAM,CAACO,OAAO,CAACE,MAAM,CAAC/B,EAAE,CAAC;IAC3B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,IAAI,GAAG1B,WAAW,CACrByB,EAAU,IAAK;IACd2B,UAAU,CAAC3B,EAAE,CAAC;IACdqB,SAAS,CAAEW,IAAI,IAAKA,IAAI,CAACC,MAAM,CAAEL,CAAC,IAAKA,CAAC,CAAC5B,EAAE,KAAKA,EAAE,CAAC,CAAC;EACtD,CAAC,EACD,CAAC2B,UAAU,CACb,CAAC;EAED,MAAMxB,OAAO,GAAG5B,WAAW,CAAC,MAAM;IAChC+C,MAAM,CAACO,OAAO,CAACK,OAAO,CAAEN,CAAC,IAAKE,YAAY,CAACF,CAAC,CAAC,CAAC;IAC9CN,MAAM,CAACO,OAAO,CAACM,KAAK,CAAC,CAAC;IACtBd,SAAS,CAAC,EAAE,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMvB,IAAI,GAAGvB,WAAW,CACrBqB,OAAqB,IAAK;IACzB4B,OAAO,CAACK,OAAO,IAAI,CAAC;IACpB,MAAM7B,EAAE,GAAG,SAASwB,OAAO,CAACK,OAAO,EAAE;IACrC,MAAMO,QAAQ,GAAGxC,OAAO,CAACwC,QAAQ,IAAIjB,eAAe;IAEpDE,SAAS,CAAEW,IAAI,IAAK;MAClB,MAAMK,IAAI,GAAG,CAAC,GAAGL,IAAI,EAAE;QAAE,GAAGpC,OAAO;QAAEI;MAAG,CAAC,CAAC;MAC1C;MACA;MACA,MAAMsC,QAAQ,GAAGD,IAAI,CAACE,MAAM,GAAGrB,UAAU;MACzC,IAAIoB,QAAQ,GAAG,CAAC,EAAE;QAChBD,IAAI,CAACG,KAAK,CAAC,CAAC,EAAEF,QAAQ,CAAC,CAACJ,OAAO,CAAEN,CAAC,IAAKD,UAAU,CAACC,CAAC,CAAC5B,EAAE,CAAC,CAAC;QACxD,OAAOqC,IAAI,CAACG,KAAK,CAACF,QAAQ,CAAC;MAC7B;MACA,OAAOD,IAAI;IACb,CAAC,CAAC;;IAEF;IACA;IACAxD,iBAAiB,CAAC4D,wBAAwB,CAAC7C,OAAO,CAAC8C,OAAO,GAAG,GAAG9C,OAAO,CAAC+C,KAAK,KAAK/C,OAAO,CAAC8C,OAAO,EAAE,GAAG9C,OAAO,CAAC+C,KAAK,CAAC;IAEpH,IAAIP,QAAQ,GAAG,CAAC,EAAE;MAChBd,MAAM,CAACO,OAAO,CAACe,GAAG,CAChB5C,EAAE,EACF6C,UAAU,CAAC,MAAM5C,IAAI,CAACD,EAAE,CAAC,EAAEoC,QAAQ,CACrC,CAAC;IACH;IACA,OAAOpC,EAAE;EACX,CAAC,EACD,CAACmB,eAAe,EAAED,UAAU,EAAEjB,IAAI,EAAE0B,UAAU,CAChD,CAAC;;EAED;EACA;EACAlD,SAAS,CAAC,MAAM;IACd,MAAMqE,OAAO,GAAGxB,MAAM,CAACO,OAAO;IAC9B,OAAO,MAAM;MACXiB,OAAO,CAACZ,OAAO,CAAEN,CAAC,IAAKE,YAAY,CAACF,CAAC,CAAC,CAAC;MACvCkB,OAAO,CAACX,KAAK,CAAC,CAAC;IACjB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMY,KAAK,GAAGrE,OAAO,CAAoB,OAAO;IAAEoB,IAAI;IAAEG,IAAI;IAAEE;EAAQ,CAAC,CAAC,EAAE,CAACL,IAAI,EAAEG,IAAI,EAAEE,OAAO,CAAC,CAAC;EAEhG1B,SAAS,CAAC,MAAM;IACdiB,MAAM,CAACkD,GAAG,CAACG,KAAK,CAAC;IACjB,OAAO,MAAMrD,MAAM,CAACkD,GAAG,CAAC,IAAI,CAAC;EAC/B,CAAC,EAAE,CAACG,KAAK,CAAC,CAAC;EAEX,MAAMC,YAAY,GAChBzC,QAAQ,KAAK,KAAK,GACd;IAAE0C,GAAG,EAAExB,MAAM,CAACwB,GAAG,GAAG;EAAE,CAAC,GACvB;IAAEC,MAAM,EAAEzB,MAAM,CAACyB,MAAM,GAAG,CAAC;IAAEC,aAAa,EAAE;EAA0B,CAAC;EAE7E,oBACE5D,KAAA,CAACC,YAAY,CAAC4D,QAAQ;IAACL,KAAK,EAAEA,KAAM;IAAA9B,QAAA,GACjCA,QAAQ,EACRG,MAAM,CAACmB,MAAM,GAAG,CAAC,iBAChBlD,IAAA,CAACP,IAAI;MAACuE,KAAK,EAAE,CAAC3B,MAAM,CAACpB,IAAI,EAAE0C,YAAY,CAAE;MAACM,aAAa,EAAC,UAAU;MAACC,MAAM,EAAC,YAAY;MAAAtC,QAAA,EACnFG,MAAM,CAACoC,GAAG,CAAE5B,CAAC,iBACZvC,IAAA,CAACN,aAAa;QAAAkC,QAAA,eACZ5B,IAAA,CAACL,KAAK;UACJ2D,KAAK,EAAEf,CAAC,CAACe,KAAM;UACfD,OAAO,EAAEd,CAAC,CAACc,OAAQ;UACnBe,OAAO,EAAE7B,CAAC,CAAC6B,OAAQ;UACnBC,eAAe,EAAE9B,CAAC,CAAC8B,eAAgB;UACnCC,SAAS,EAAEA,CAAA,KAAM1D,IAAI,CAAC2B,CAAC,CAAC5B,EAAE,CAAE;UAC5B4D,OAAO,EACLhC,CAAC,CAACgC,OAAO,GACL,MAAM;YACJhC,CAAC,CAACgC,OAAO,GAAG,CAAC;YACb3D,IAAI,CAAC2B,CAAC,CAAC5B,EAAE,CAAC;UACZ,CAAC,GACDP;QACL,CACF;MAAC,GAfgBmC,CAAC,CAAC5B,EAgBP,CAChB;IAAC,CACE,CACP;EAAA,CACoB,CAAC;AAE5B;AAEA,OAAO,SAAS6D,QAAQA,CAAA,EAAsB;EAC5C,MAAMC,GAAG,GAAGtF,UAAU,CAACgB,YAAY,CAAC;EACpC,IAAI,CAACsE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC;EAC5E;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}
|