@tamagui/demos 1.110.5 → 1.111.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/dist/cjs/AccordionDemo.native.js +2 -2
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.native.js +1 -42
- package/dist/cjs/AddThemeDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsDemo.native.js +6 -81
- package/dist/cjs/AnimationsDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.native.js +1 -42
- package/dist/cjs/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.native.js +3 -45
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/cjs/BuildAButtonDemo.native.js +57 -88
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.native.js +4 -38
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.native.js +4 -38
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.native.js +6 -60
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.native.js +6 -81
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/ColorsDemo.native.js +4 -4
- package/dist/cjs/ColorsDemo.native.js.map +2 -2
- package/dist/cjs/FormsDemo.native.js +1 -42
- package/dist/cjs/FormsDemo.native.js.map +2 -2
- package/dist/cjs/Grid.native.js +2 -2
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/InputsDemo.native.js +1 -1
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.native.js +3 -45
- package/dist/cjs/LucideIconsDemo.native.js.map +2 -2
- package/dist/cjs/NewInputsDemo.native.js +1 -1
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.native.js +6 -60
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.native.js +2 -43
- package/dist/cjs/ProgressDemo.native.js.map +2 -2
- package/dist/cjs/RadioGroupDemo.native.js +1 -1
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +33 -62
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.native.js +1 -42
- package/dist/cjs/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.native.js +5 -80
- package/dist/cjs/SelectDemo.native.js.map +2 -2
- package/dist/cjs/SheetDemo.native.js +10 -86
- package/dist/cjs/SheetDemo.native.js.map +2 -2
- package/dist/cjs/SliderDemo.native.js +6 -59
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.native.js +1 -1
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.native.js +6 -81
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.native.js +36 -123
- package/dist/cjs/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/cjs/TabsDemo.native.js +12 -88
- package/dist/cjs/TabsDemo.native.js.map +2 -2
- package/dist/cjs/ThemeBuilderDemo.native.js +49 -56
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.native.js +4 -46
- package/dist/cjs/ToastDemo.native.js.map +2 -2
- package/dist/cjs/ToastDuplicateDemo.native.js +5 -57
- package/dist/cjs/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/cjs/ToggleGroupDemo.native.js +1 -1
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.native.js +17 -76
- package/dist/cjs/TokensDemo.native.js.map +2 -2
- package/dist/cjs/TooltipDemo.native.js +5 -57
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.native.js +2 -44
- package/dist/cjs/UpdateThemeDemo.native.js.map +2 -2
- package/dist/cjs/useOnIntersecting.native.js +8 -79
- package/dist/cjs/useOnIntersecting.native.js.map +2 -2
- package/dist/esm/AccordionDemo.native.js +2 -2
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AccordionDemo.native.mjs +79 -0
- package/dist/esm/AccordionDemo.native.mjs.map +1 -0
- package/dist/esm/AddThemeDemo.native.js +1 -42
- package/dist/esm/AddThemeDemo.native.js.map +2 -2
- package/dist/esm/AddThemeDemo.native.mjs +36 -0
- package/dist/esm/AddThemeDemo.native.mjs.map +1 -0
- package/dist/esm/AlertDialogDemo.native.mjs +73 -0
- package/dist/esm/AlertDialogDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsDemo.native.js +6 -81
- package/dist/esm/AnimationsDemo.native.js.map +2 -2
- package/dist/esm/AnimationsDemo.native.mjs +78 -0
- package/dist/esm/AnimationsDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsEnterDemo.native.js +1 -42
- package/dist/esm/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/esm/AnimationsEnterDemo.native.mjs +47 -0
- package/dist/esm/AnimationsEnterDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsHoverDemo.native.mjs +24 -0
- package/dist/esm/AnimationsHoverDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsPresenceDemo.native.js +2 -43
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.native.mjs +97 -0
- package/dist/esm/AnimationsPresenceDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsTimingDemo.native.mjs +23 -0
- package/dist/esm/AnimationsTimingDemo.native.mjs.map +1 -0
- package/dist/esm/AvatarDemo.native.mjs +31 -0
- package/dist/esm/AvatarDemo.native.mjs.map +1 -0
- package/dist/esm/BuildAButtonDemo.native.js +56 -86
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.mjs +102 -0
- package/dist/esm/BuildAButtonDemo.native.mjs.map +1 -0
- package/dist/esm/ButtonDemo.native.js +4 -38
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.native.mjs +60 -0
- package/dist/esm/ButtonDemo.native.mjs.map +1 -0
- package/dist/esm/CardDemo.native.js +4 -38
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.native.mjs +65 -0
- package/dist/esm/CardDemo.native.mjs.map +1 -0
- package/dist/esm/CheckboxDemo.native.js +6 -60
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.native.mjs +47 -0
- package/dist/esm/CheckboxDemo.native.mjs.map +1 -0
- package/dist/esm/CheckboxHeadlessDemo.native.js +6 -81
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/esm/CheckboxHeadlessDemo.native.mjs +53 -0
- package/dist/esm/CheckboxHeadlessDemo.native.mjs.map +1 -0
- package/dist/esm/CheckboxUnstyledDemo.native.mjs +54 -0
- package/dist/esm/CheckboxUnstyledDemo.native.mjs.map +1 -0
- package/dist/esm/ColorsDemo.native.js +4 -4
- package/dist/esm/ColorsDemo.native.js.map +2 -2
- package/dist/esm/ColorsDemo.native.mjs +114 -0
- package/dist/esm/ColorsDemo.native.mjs.map +1 -0
- package/dist/esm/DialogDemo.native.mjs +132 -0
- package/dist/esm/DialogDemo.native.mjs.map +1 -0
- package/dist/esm/FormsDemo.native.js +1 -42
- package/dist/esm/FormsDemo.native.js.map +2 -2
- package/dist/esm/FormsDemo.native.mjs +42 -0
- package/dist/esm/FormsDemo.native.mjs.map +1 -0
- package/dist/esm/Grid.native.js +2 -2
- package/dist/esm/Grid.native.js.map +1 -1
- package/dist/esm/Grid.native.mjs +41 -0
- package/dist/esm/Grid.native.mjs.map +1 -0
- package/dist/esm/GroupDemo.native.mjs +64 -0
- package/dist/esm/GroupDemo.native.mjs.map +1 -0
- package/dist/esm/HeadingsDemo.native.mjs +23 -0
- package/dist/esm/HeadingsDemo.native.mjs.map +1 -0
- package/dist/esm/ImageDemo.native.mjs +13 -0
- package/dist/esm/ImageDemo.native.mjs.map +1 -0
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/InputsDemo.native.mjs +37 -0
- package/dist/esm/InputsDemo.native.mjs.map +1 -0
- package/dist/esm/LabelDemo.native.mjs +37 -0
- package/dist/esm/LabelDemo.native.mjs.map +1 -0
- package/dist/esm/LinearGradientDemo.native.mjs +27 -0
- package/dist/esm/LinearGradientDemo.native.mjs.map +1 -0
- package/dist/esm/ListItemDemo.native.mjs +77 -0
- package/dist/esm/ListItemDemo.native.mjs.map +1 -0
- package/dist/esm/LucideIconsDemo.native.js +2 -43
- package/dist/esm/LucideIconsDemo.native.js.map +2 -2
- package/dist/esm/LucideIconsDemo.native.mjs +68 -0
- package/dist/esm/LucideIconsDemo.native.mjs.map +1 -0
- package/dist/esm/NewInputsDemo.native.js +1 -1
- package/dist/esm/NewInputsDemo.native.js.map +1 -1
- package/dist/esm/NewInputsDemo.native.mjs +37 -0
- package/dist/esm/NewInputsDemo.native.mjs.map +1 -0
- package/dist/esm/PopoverDemo.native.js +6 -60
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.native.mjs +109 -0
- package/dist/esm/PopoverDemo.native.mjs.map +1 -0
- package/dist/esm/ProgressDemo.native.js +2 -43
- package/dist/esm/ProgressDemo.native.js.map +2 -2
- package/dist/esm/ProgressDemo.native.mjs +79 -0
- package/dist/esm/ProgressDemo.native.mjs.map +1 -0
- package/dist/esm/RadioGroupDemo.native.js +1 -1
- package/dist/esm/RadioGroupDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupDemo.native.mjs +47 -0
- package/dist/esm/RadioGroupDemo.native.mjs.map +1 -0
- package/dist/esm/RadioGroupHeadlessDemo.native.js +32 -60
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/esm/RadioGroupHeadlessDemo.native.mjs +134 -0
- package/dist/esm/RadioGroupHeadlessDemo.native.mjs.map +1 -0
- package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.mjs +119 -0
- package/dist/esm/RadioGroupUnstyledDemo.native.mjs.map +1 -0
- package/dist/esm/ReplaceThemeDemo.native.js +1 -42
- package/dist/esm/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/esm/ReplaceThemeDemo.native.mjs +44 -0
- package/dist/esm/ReplaceThemeDemo.native.mjs.map +1 -0
- package/dist/esm/ScrollViewDemo.native.mjs +51 -0
- package/dist/esm/ScrollViewDemo.native.mjs.map +1 -0
- package/dist/esm/SelectDemo.native.js +5 -80
- package/dist/esm/SelectDemo.native.js.map +2 -2
- package/dist/esm/SelectDemo.native.mjs +205 -0
- package/dist/esm/SelectDemo.native.mjs.map +1 -0
- package/dist/esm/SeparatorDemo.native.mjs +38 -0
- package/dist/esm/SeparatorDemo.native.mjs.map +1 -0
- package/dist/esm/ShapesDemo.native.mjs +19 -0
- package/dist/esm/ShapesDemo.native.mjs.map +1 -0
- package/dist/esm/SheetDemo.native.js +9 -84
- package/dist/esm/SheetDemo.native.js.map +2 -2
- package/dist/esm/SheetDemo.native.mjs +165 -0
- package/dist/esm/SheetDemo.native.mjs.map +1 -0
- package/dist/esm/SliderDemo.native.js +6 -59
- package/dist/esm/SliderDemo.native.js.map +1 -1
- package/dist/esm/SliderDemo.native.mjs +36 -0
- package/dist/esm/SliderDemo.native.mjs.map +1 -0
- package/dist/esm/SpinnerDemo.native.mjs +18 -0
- package/dist/esm/SpinnerDemo.native.mjs.map +1 -0
- package/dist/esm/StacksDemo.native.mjs +82 -0
- package/dist/esm/StacksDemo.native.mjs.map +1 -0
- package/dist/esm/SwitchDemo.native.js +1 -1
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.native.mjs +72 -0
- package/dist/esm/SwitchDemo.native.mjs.map +1 -0
- package/dist/esm/SwitchHeadlessDemo.native.js +6 -81
- package/dist/esm/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/esm/SwitchHeadlessDemo.native.mjs +67 -0
- package/dist/esm/SwitchHeadlessDemo.native.mjs.map +1 -0
- package/dist/esm/SwitchUnstyledDemo.native.mjs +65 -0
- package/dist/esm/SwitchUnstyledDemo.native.mjs.map +1 -0
- package/dist/esm/TabsAdvancedDemo.native.js +35 -121
- package/dist/esm/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/esm/TabsAdvancedDemo.native.mjs +351 -0
- package/dist/esm/TabsAdvancedDemo.native.mjs.map +1 -0
- package/dist/esm/TabsDemo.native.js +11 -86
- package/dist/esm/TabsDemo.native.js.map +2 -2
- package/dist/esm/TabsDemo.native.mjs +169 -0
- package/dist/esm/TabsDemo.native.mjs.map +1 -0
- package/dist/esm/TextDemo.native.mjs +30 -0
- package/dist/esm/TextDemo.native.mjs.map +1 -0
- package/dist/esm/ThemeBuilderDemo.native.js +49 -56
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.native.mjs +155 -0
- package/dist/esm/ThemeBuilderDemo.native.mjs.map +1 -0
- package/dist/esm/ThemeInverseDemo.native.mjs +46 -0
- package/dist/esm/ThemeInverseDemo.native.mjs.map +1 -0
- package/dist/esm/ToastDemo.native.js +3 -44
- package/dist/esm/ToastDemo.native.js.map +2 -2
- package/dist/esm/ToastDemo.native.mjs +109 -0
- package/dist/esm/ToastDemo.native.mjs.map +1 -0
- package/dist/esm/ToastDuplicateDemo.native.js +4 -55
- package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.native.mjs +55 -0
- package/dist/esm/ToastDuplicateDemo.native.mjs.map +1 -0
- package/dist/esm/ToggleGroupDemo.native.js +1 -1
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.mjs +76 -0
- package/dist/esm/ToggleGroupDemo.native.mjs.map +1 -0
- package/dist/esm/TokensDemo.native.js +16 -74
- package/dist/esm/TokensDemo.native.js.map +2 -2
- package/dist/esm/TokensDemo.native.mjs +110 -0
- package/dist/esm/TokensDemo.native.mjs.map +1 -0
- package/dist/esm/TooltipDemo.native.js +5 -57
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.native.mjs +103 -0
- package/dist/esm/TooltipDemo.native.mjs.map +1 -0
- package/dist/esm/UpdateThemeDemo.native.js +1 -42
- package/dist/esm/UpdateThemeDemo.native.js.map +2 -2
- package/dist/esm/UpdateThemeDemo.native.mjs +47 -0
- package/dist/esm/UpdateThemeDemo.native.mjs.map +1 -0
- package/dist/esm/WebNativeImageDemo.native.mjs +11 -0
- package/dist/esm/WebNativeImageDemo.native.mjs.map +1 -0
- package/dist/esm/index.native.mjs +58 -0
- package/dist/esm/index.native.mjs.map +1 -0
- package/dist/esm/tamagui.config.native.mjs +5 -0
- package/dist/esm/tamagui.config.native.mjs.map +1 -0
- package/dist/esm/useOnIntersecting.native.js +12 -83
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.native.mjs +74 -0
- package/dist/esm/useOnIntersecting.native.mjs.map +1 -0
- package/dist/jsx/AccordionDemo.native.js +2 -2
- package/dist/jsx/AccordionDemo.native.js.map +1 -1
- package/dist/jsx/AddThemeDemo.native.js +1 -42
- package/dist/jsx/AddThemeDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsDemo.native.js +6 -81
- package/dist/jsx/AnimationsDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsEnterDemo.native.js +1 -42
- package/dist/jsx/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsPresenceDemo.native.js +2 -43
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/jsx/BuildAButtonDemo.native.js +56 -86
- package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
- package/dist/jsx/ButtonDemo.native.js +4 -38
- package/dist/jsx/ButtonDemo.native.js.map +1 -1
- package/dist/jsx/CardDemo.native.js +4 -38
- package/dist/jsx/CardDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxDemo.native.js +6 -60
- package/dist/jsx/CheckboxDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.native.js +6 -81
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/ColorsDemo.native.js +4 -4
- package/dist/jsx/ColorsDemo.native.js.map +2 -2
- package/dist/jsx/FormsDemo.native.js +1 -42
- package/dist/jsx/FormsDemo.native.js.map +2 -2
- package/dist/jsx/Grid.native.js +2 -2
- package/dist/jsx/Grid.native.js.map +1 -1
- package/dist/jsx/InputsDemo.native.js +1 -1
- package/dist/jsx/InputsDemo.native.js.map +1 -1
- package/dist/jsx/LucideIconsDemo.native.js +2 -43
- package/dist/jsx/LucideIconsDemo.native.js.map +2 -2
- package/dist/jsx/NewInputsDemo.native.js +1 -1
- package/dist/jsx/NewInputsDemo.native.js.map +1 -1
- package/dist/jsx/PopoverDemo.native.js +6 -60
- package/dist/jsx/PopoverDemo.native.js.map +1 -1
- package/dist/jsx/ProgressDemo.native.js +2 -43
- package/dist/jsx/ProgressDemo.native.js.map +2 -2
- package/dist/jsx/RadioGroupDemo.native.js +1 -1
- package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
- package/dist/jsx/RadioGroupHeadlessDemo.native.js +32 -60
- package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/jsx/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +1 -42
- package/dist/jsx/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/jsx/SelectDemo.native.js +5 -80
- package/dist/jsx/SelectDemo.native.js.map +2 -2
- package/dist/jsx/SheetDemo.native.js +9 -84
- package/dist/jsx/SheetDemo.native.js.map +2 -2
- package/dist/jsx/SliderDemo.native.js +6 -59
- package/dist/jsx/SliderDemo.native.js.map +1 -1
- package/dist/jsx/SwitchDemo.native.js +1 -1
- package/dist/jsx/SwitchDemo.native.js.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.native.js +6 -81
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/TabsAdvancedDemo.native.js +35 -121
- package/dist/jsx/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/jsx/TabsDemo.native.js +11 -86
- package/dist/jsx/TabsDemo.native.js.map +2 -2
- package/dist/jsx/ThemeBuilderDemo.native.js +49 -56
- package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/jsx/ToastDemo.native.js +3 -44
- package/dist/jsx/ToastDemo.native.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.native.js +4 -55
- package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.native.js +1 -1
- package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.native.js +16 -74
- package/dist/jsx/TokensDemo.native.js.map +2 -2
- package/dist/jsx/TooltipDemo.native.js +5 -57
- package/dist/jsx/TooltipDemo.native.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.native.js +1 -42
- package/dist/jsx/UpdateThemeDemo.native.js.map +2 -2
- package/dist/jsx/useOnIntersecting.native.js +8 -79
- package/dist/jsx/useOnIntersecting.native.js.map +1 -1
- package/package.json +19 -19
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@tamagui/lucide-icons";
|
|
3
|
+
import { Button, Paragraph, Tooltip, TooltipGroup, XStack, YStack } from "tamagui";
|
|
4
|
+
function TooltipDemo() {
|
|
5
|
+
return /* @__PURE__ */_jsx(TooltipGroup, {
|
|
6
|
+
delay: {
|
|
7
|
+
open: 3e3,
|
|
8
|
+
close: 100
|
|
9
|
+
},
|
|
10
|
+
children: /* @__PURE__ */_jsxs(YStack, {
|
|
11
|
+
gap: "$2",
|
|
12
|
+
alignSelf: "center",
|
|
13
|
+
children: [/* @__PURE__ */_jsxs(XStack, {
|
|
14
|
+
gap: "$2",
|
|
15
|
+
children: [/* @__PURE__ */_jsx(Demo, {
|
|
16
|
+
groupId: "0",
|
|
17
|
+
placement: "top-end",
|
|
18
|
+
Icon: Circle
|
|
19
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
20
|
+
groupId: "1",
|
|
21
|
+
placement: "top",
|
|
22
|
+
Icon: ChevronUp
|
|
23
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
24
|
+
groupId: "2",
|
|
25
|
+
placement: "top-start",
|
|
26
|
+
Icon: Circle
|
|
27
|
+
})]
|
|
28
|
+
}), /* @__PURE__ */_jsxs(XStack, {
|
|
29
|
+
gap: "$2",
|
|
30
|
+
children: [/* @__PURE__ */_jsx(Demo, {
|
|
31
|
+
groupId: "3",
|
|
32
|
+
placement: "left",
|
|
33
|
+
Icon: ChevronLeft
|
|
34
|
+
}), /* @__PURE__ */_jsx(YStack, {
|
|
35
|
+
flex: 1
|
|
36
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
37
|
+
groupId: "4",
|
|
38
|
+
placement: "right",
|
|
39
|
+
Icon: ChevronRight
|
|
40
|
+
})]
|
|
41
|
+
}), /* @__PURE__ */_jsxs(XStack, {
|
|
42
|
+
gap: "$2",
|
|
43
|
+
children: [/* @__PURE__ */_jsx(Demo, {
|
|
44
|
+
groupId: "5",
|
|
45
|
+
placement: "bottom-end",
|
|
46
|
+
Icon: Circle
|
|
47
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
48
|
+
groupId: "6",
|
|
49
|
+
placement: "bottom",
|
|
50
|
+
Icon: ChevronDown
|
|
51
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
52
|
+
groupId: "7",
|
|
53
|
+
placement: "bottom-start",
|
|
54
|
+
Icon: Circle
|
|
55
|
+
})]
|
|
56
|
+
})]
|
|
57
|
+
})
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
function Demo(param) {
|
|
61
|
+
var {
|
|
62
|
+
Icon,
|
|
63
|
+
...props
|
|
64
|
+
} = param;
|
|
65
|
+
return /* @__PURE__ */_jsxs(Tooltip, {
|
|
66
|
+
...props,
|
|
67
|
+
children: [/* @__PURE__ */_jsx(Tooltip.Trigger, {
|
|
68
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
69
|
+
icon: Icon,
|
|
70
|
+
circular: !0
|
|
71
|
+
})
|
|
72
|
+
}), /* @__PURE__ */_jsxs(Tooltip.Content, {
|
|
73
|
+
enterStyle: {
|
|
74
|
+
x: 0,
|
|
75
|
+
y: -5,
|
|
76
|
+
opacity: 0,
|
|
77
|
+
scale: 0.9
|
|
78
|
+
},
|
|
79
|
+
exitStyle: {
|
|
80
|
+
x: 0,
|
|
81
|
+
y: -5,
|
|
82
|
+
opacity: 0,
|
|
83
|
+
scale: 0.9
|
|
84
|
+
},
|
|
85
|
+
scale: 1,
|
|
86
|
+
x: 0,
|
|
87
|
+
y: 0,
|
|
88
|
+
opacity: 1,
|
|
89
|
+
animation: ["quick", {
|
|
90
|
+
opacity: {
|
|
91
|
+
overshootClamping: !0
|
|
92
|
+
}
|
|
93
|
+
}],
|
|
94
|
+
children: [/* @__PURE__ */_jsx(Tooltip.Arrow, {}), /* @__PURE__ */_jsx(Paragraph, {
|
|
95
|
+
size: "$2",
|
|
96
|
+
lineHeight: "$1",
|
|
97
|
+
children: "Hello world"
|
|
98
|
+
})]
|
|
99
|
+
})]
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
export { TooltipDemo };
|
|
103
|
+
//# sourceMappingURL=TooltipDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Tooltip","TooltipGroup","XStack","YStack","TooltipDemo","delay","open","close","children","gap","alignSelf","Demo","groupId","placement","Icon","flex"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,WAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,SAAA,EAAAC,MAAA;AAAA,SACAC,MAAA,EAAAC,SAAA,EAAAC,OAAA,EAAAC,YAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,YAAA;EACA,sBAAAd,IAAA,CAAAW,YAAA;IACAI,KAAA;MAAAC,IACK;MAEPC,KAAS;IAMD;IAJDC,QAAS,iBAAchB,KAAA,CAAAW,MAAA;MAC5BM,GACE;MAEIC,SAAA,UAAC;MACCF,QAAA,GACA,eAAAhB,KAAC,CAAAU,MAAK;QACNO,GAAA;QACFD,QAAA,GACA,eAAClB,IAAA,CAAAqB,IAAO;UACNC,OAAA,KAAC;UACDC,SAAA,WAAC;UACDC,IAAA,EAAAjB;QACF,IACA,eAACP,IAAA,CAAAqB,IAAO;UACNC,OAAA,KAAC;UACDC,SAAA,OAAC;UACDC,IAAA,EAAAlB;QACF,IAEJ,eAAAN,IAAA,CAAAqB,IAAA;UAEJC,OAAA;UAEcC,SAAQ,EAAG,WAAwC;UAE7DC,IAAA,EAAAjB;QACE;MAGC,mBAAAL,KAAA,CAAAU,MAAA;QACCO,GAAA;QACAD,QAAA,EAAW,CACX,eAAOlB,IAAA,CAAAqB,IAAA;UACJC,OAAA;UACAC,SAAA;UACHC,IAAS,EAAApB;QACT,IACE,eAAAJ,IAAA,CAAAa,MAAA;UACAY,IAAA;QACE,IAAS,eACPzB,IAAA,CAAmBqB,IAAA;UACrBC,OAAA;UACFC,SAAA;UACFC,IAAA,EAAAnB;QAEA;MAAe,EACf,EAEA,eAAAH,KAAA,CAAAU,MAAA;QAAAO,GAAA;QACFD,QAAA,GACF,eAAAlB,IAAA,CAAAqB,IAAA;UAEJC,OAAA","ignoreList":[]}
|
|
@@ -3,50 +3,9 @@ import React from "react";
|
|
|
3
3
|
import { config } from "@tamagui/config/v3";
|
|
4
4
|
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
5
5
|
import { Button, Square, Theme, XStack, YStack, getVariableValue, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
|
|
6
|
-
function _array_like_to_array(arr, len) {
|
|
7
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
8
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
9
|
-
return arr2;
|
|
10
|
-
}
|
|
11
|
-
function _array_with_holes(arr) {
|
|
12
|
-
if (Array.isArray(arr)) return arr;
|
|
13
|
-
}
|
|
14
|
-
function _iterable_to_array_limit(arr, i) {
|
|
15
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
16
|
-
if (_i != null) {
|
|
17
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
18
|
-
try {
|
|
19
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
20
|
-
;
|
|
21
|
-
} catch (err) {
|
|
22
|
-
_d = !0, _e = err;
|
|
23
|
-
} finally {
|
|
24
|
-
try {
|
|
25
|
-
!_n && _i.return != null && _i.return();
|
|
26
|
-
} finally {
|
|
27
|
-
if (_d) throw _e;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
return _arr;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
function _non_iterable_rest() {
|
|
34
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
35
|
-
}
|
|
36
|
-
function _sliced_to_array(arr, i) {
|
|
37
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
38
|
-
}
|
|
39
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
40
|
-
if (o) {
|
|
41
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
42
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
43
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
44
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
6
|
var colors = config.tokens.color, colorKeys = Object.keys(colors);
|
|
48
7
|
function UpdateThemeDemo() {
|
|
49
|
-
var
|
|
8
|
+
var [theme, setTheme] = React.useState(), update = useForceUpdate();
|
|
50
9
|
return useIsomorphicLayoutEffect(function() {
|
|
51
10
|
addTheme({
|
|
52
11
|
name: "custom",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,cAAc;AACvB,SAASC,UAAUC,mBAAmB;AAEtC,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,kBACAC,gBACAC,iCACK
|
|
5
|
-
"names": ["React", "config", "addTheme", "updateTheme", "Button", "Square", "Theme", "XStack", "YStack", "getVariableValue", "useForceUpdate", "useIsomorphicLayoutEffect", "colors", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,cAAc;AACvB,SAASC,UAAUC,mBAAmB;AAEtC,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,kBACAC,gBACAC,iCACK;AAEP,IAAMC,SAASX,OAAOY,OAAOC,OACvBC,YAAYC,OAAOC,KAAKL,MAAAA;AAEvB,SAASM,kBAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYpB,MAAMqB,SAAQ,GAClCC,SAASZ,eAAAA;AAEfC,mCAA0B,WAAA;AACxBT,aAAS;MACPqB,MAAM;MACNC,WAAW;MACXL,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACZ,QAAAA;IAAOiB,YAAW;IAASC,OAAK;;MAC/B,qBAACnB,QAAAA;QAAOoB,KAAK;kBACX,qBAACrB,OAAAA;UAAMiB,MAAMJ,SAAS;oBACpB,qBAACd,QAAAA;YAAOuB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAAC1B,QAAAA;QACC2B,SAAS,WAAA;AACP,cAAMC,cAAcvB,iBAClBG,OAAOG,UAAUkB,KAAKC,MAAMD,KAAKE,OAAM,IAAKpB,UAAUqB,MAAM,CAAA,CAAE,CAAC;AAEjEjC,sBAAY;YACVoB,MAAM;YACNJ,OAAO;cACLL,OAAOkB;YACT;UACF,CAAA,GACAV,OAAAA;QACF;kBACD;;;;AAKP;",
|
|
5
|
+
"names": ["React", "config", "addTheme", "updateTheme", "Button", "Square", "Theme", "XStack", "YStack", "getVariableValue", "useForceUpdate", "useIsomorphicLayoutEffect", "colors", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "theme", "setTheme", "useState", "update", "name", "insertCSS", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress", "randomColor", "Math", "floor", "random", "length"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { config } from "@tamagui/config/v3";
|
|
4
|
+
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
5
|
+
import { Button, Square, Theme, XStack, YStack, getVariableValue, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
|
|
6
|
+
var colors = config.tokens.color,
|
|
7
|
+
colorKeys = Object.keys(colors);
|
|
8
|
+
function UpdateThemeDemo() {
|
|
9
|
+
var [theme, setTheme] = React.useState(),
|
|
10
|
+
update = useForceUpdate();
|
|
11
|
+
return useIsomorphicLayoutEffect(function () {
|
|
12
|
+
addTheme({
|
|
13
|
+
name: "custom",
|
|
14
|
+
insertCSS: !0,
|
|
15
|
+
theme: {
|
|
16
|
+
color: "red"
|
|
17
|
+
}
|
|
18
|
+
}), setTheme("custom");
|
|
19
|
+
}, []), /* @__PURE__ */_jsxs(YStack, {
|
|
20
|
+
alignItems: "center",
|
|
21
|
+
space: !0,
|
|
22
|
+
children: [/* @__PURE__ */_jsx(XStack, {
|
|
23
|
+
gap: "$5",
|
|
24
|
+
children: /* @__PURE__ */_jsx(Theme, {
|
|
25
|
+
name: theme ?? null,
|
|
26
|
+
children: /* @__PURE__ */_jsx(Square, {
|
|
27
|
+
borderRadius: "$8",
|
|
28
|
+
size: 100,
|
|
29
|
+
backgroundColor: "$color"
|
|
30
|
+
})
|
|
31
|
+
})
|
|
32
|
+
}), /* @__PURE__ */_jsx(Button, {
|
|
33
|
+
onPress: function () {
|
|
34
|
+
var randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
|
|
35
|
+
updateTheme({
|
|
36
|
+
name: "custom",
|
|
37
|
+
theme: {
|
|
38
|
+
color: randomColor
|
|
39
|
+
}
|
|
40
|
+
}), update();
|
|
41
|
+
},
|
|
42
|
+
children: "Set to random color"
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
export { UpdateThemeDemo };
|
|
47
|
+
//# sourceMappingURL=UpdateThemeDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","config","addTheme","updateTheme","Button","Square","Theme","XStack","YStack","getVariableValue","useForceUpdate","useIsomorphicLayoutEffect","colors","tokens","color","colorKeys","Object","keys","UpdateThemeDemo","theme","setTheme","useState","update","name","insertCSS","alignItems","space","children","gap","borderRadius","size","backgroundColor","onPress","randomColor","Math","floor","random","length"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAc;AACvB,SAASC,MAAA,QAAU,oBAAmB;AAEtC,SAAAC,QAAA,EAAAC,WAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA,EAAAC,cAAA,EAAAC,yBAAA;AAAA,IACAC,MAAA,GAAAX,MAAA,CAAAY,MAAA,CAAAC,KAAA;EAAAC,SAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAL,MAAA;AAAA,SACAM,gBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAApB,KAAA,CAAAqB,QAAA;IAAAC,MAAA,GAAAZ,cAAA;EACA,OAAAC,yBAAA;IACAT,QAAA;MACAqB,IAAA;MACAC,SAAA;MAAAL,KACK;QAqBHL,KAGM,EAHN;MAnBE;IAGC,IAAAM,QAAS;EACd,MAAM,EAAC,eAAerB,KAAI,CAAAS,MAAM;IAGhCiB,UAAA;IACEC,KAAA,IAAS;IAAAC,QACD,GACN,eAAW9B,IAAA,CAAAU,MAAA;MACXqB,GAAA,EAAO;MACLD,QAAO,iBAAA9B,IAAA,CAAAS,KAAA;QACTiB,IAAA,EAAAJ,KAAA;QAEFQ,QAAS,iBAAQ9B,IAAA,CAAAQ,MAAA;UAIjBwB,YAAA;UACEC,IAAA;UAMAC,eAAA;QAAC;MAAA;IAAA,EACC,EACE,eAAMlC,IAAA,CAAAO,MAAc;MAAA4B,OAClB,WAAAA,CAAA,EAAO;QACT,IAAAC,WAAA,GAAAxB,gBAAA,CAAAG,MAAA,CAAAG,SAAA,CAAAmB,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,MAAA,KAAArB,SAAA,CAAAsB,MAAA;QACAlC,WAAA,CAAY;UACVoB,IAAA,EAAM;UACNJ,KAAA,EAAO;YACLL,KAAA,EAAOmB;UACT;QACF,CAAC,GACDX,MAAA,CAAO;MACT;MACDK,QAAA;IAAA;EAED;AAGN","ignoreList":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Image } from "@tamagui/image-next";
|
|
3
|
+
function WebNativeImageDemo() {
|
|
4
|
+
return /* @__PURE__ */_jsx(Image, {
|
|
5
|
+
src: "https://picsum.photos/200/300",
|
|
6
|
+
width: 200,
|
|
7
|
+
height: 300
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
export { WebNativeImageDemo };
|
|
11
|
+
//# sourceMappingURL=WebNativeImageDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Image","WebNativeImageDemo","src"],"sources":["../../src/WebNativeImageDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AAGb,SAAAC,KAAA;AADF,SAASC,mBAAA,EAAqB;EACnC,OAAO,eAAAF,IAAC,CAAAC,KAAA;IACVE,GAAA","ignoreList":[]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
export * from "./AccordionDemo.mjs";
|
|
2
|
+
export * from "./AddThemeDemo.mjs";
|
|
3
|
+
export * from "./AlertDialogDemo.mjs";
|
|
4
|
+
export * from "./AnimationsDemo.mjs";
|
|
5
|
+
export * from "./AnimationsEnterDemo.mjs";
|
|
6
|
+
export * from "./AnimationsHoverDemo.mjs";
|
|
7
|
+
export * from "./AnimationsPresenceDemo.mjs";
|
|
8
|
+
export * from "./AnimationsTimingDemo.mjs";
|
|
9
|
+
export * from "./AvatarDemo.mjs";
|
|
10
|
+
export * from "./BuildAButtonDemo.mjs";
|
|
11
|
+
export * from "./ButtonDemo.mjs";
|
|
12
|
+
export * from "./ThemeBuilderDemo.mjs";
|
|
13
|
+
export * from "./CardDemo.mjs";
|
|
14
|
+
export * from "./CheckboxDemo.mjs";
|
|
15
|
+
export * from "./CheckboxHeadlessDemo.mjs";
|
|
16
|
+
export * from "./CheckboxUnstyledDemo.mjs";
|
|
17
|
+
export * from "./ColorsDemo.mjs";
|
|
18
|
+
export * from "./DialogDemo.mjs";
|
|
19
|
+
export * from "./FormsDemo.mjs";
|
|
20
|
+
export * from "./GroupDemo.mjs";
|
|
21
|
+
export * from "./HeadingsDemo.mjs";
|
|
22
|
+
export * from "./ImageDemo.mjs";
|
|
23
|
+
export * from "./WebNativeImageDemo.mjs";
|
|
24
|
+
export * from "./InputsDemo.mjs";
|
|
25
|
+
export * from "./NewInputsDemo.mjs";
|
|
26
|
+
export * from "./LabelDemo.mjs";
|
|
27
|
+
export * from "./LinearGradientDemo.mjs";
|
|
28
|
+
export * from "./ListItemDemo.mjs";
|
|
29
|
+
export * from "./LucideIconsDemo.mjs";
|
|
30
|
+
export * from "./PopoverDemo.mjs";
|
|
31
|
+
export * from "./ProgressDemo.mjs";
|
|
32
|
+
export * from "./RadioGroupDemo.mjs";
|
|
33
|
+
export * from "./RadioGroupHeadlessDemo.mjs";
|
|
34
|
+
export * from "./RadioGroupUnstyledDemo.mjs";
|
|
35
|
+
export * from "./ReplaceThemeDemo.mjs";
|
|
36
|
+
export * from "./ScrollViewDemo.mjs";
|
|
37
|
+
export * from "./SelectDemo.mjs";
|
|
38
|
+
export * from "./SeparatorDemo.mjs";
|
|
39
|
+
export * from "./ShapesDemo.mjs";
|
|
40
|
+
export * from "./SheetDemo.mjs";
|
|
41
|
+
export * from "./SliderDemo.mjs";
|
|
42
|
+
export * from "./SpinnerDemo.mjs";
|
|
43
|
+
export * from "./StacksDemo.mjs";
|
|
44
|
+
export * from "./SwitchDemo.mjs";
|
|
45
|
+
export * from "./SwitchHeadlessDemo.mjs";
|
|
46
|
+
export * from "./SwitchUnstyledDemo.mjs";
|
|
47
|
+
export * from "./TabsAdvancedDemo.mjs";
|
|
48
|
+
export * from "./TabsDemo.mjs";
|
|
49
|
+
export * from "./TextDemo.mjs";
|
|
50
|
+
export * from "./ThemeInverseDemo.mjs";
|
|
51
|
+
export * from "./ToastDemo.mjs";
|
|
52
|
+
export * from "./ToastDuplicateDemo.mjs";
|
|
53
|
+
export * from "./ToggleGroupDemo.mjs";
|
|
54
|
+
export * from "./TokensDemo.mjs";
|
|
55
|
+
export * from "./TooltipDemo.mjs";
|
|
56
|
+
export * from "./UpdateThemeDemo.mjs";
|
|
57
|
+
export * from "./useOnIntersecting.mjs";
|
|
58
|
+
//# sourceMappingURL=index.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["config","config2","tamagui_config_default"],"sources":["../../src/tamagui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASA,MAAA,IAAAC,OAAA,QAAc;AACvB,IAAOC,sBAAA,GAAQF,MAAA","ignoreList":[]}
|
|
@@ -1,87 +1,15 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
2
|
import { isWeb, useEvent } from "tamagui";
|
|
3
|
-
function _array_like_to_array(arr, len) {
|
|
4
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
5
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
6
|
-
return arr2;
|
|
7
|
-
}
|
|
8
|
-
function _array_with_holes(arr) {
|
|
9
|
-
if (Array.isArray(arr)) return arr;
|
|
10
|
-
}
|
|
11
|
-
function _array_without_holes(arr) {
|
|
12
|
-
if (Array.isArray(arr)) return _array_like_to_array(arr);
|
|
13
|
-
}
|
|
14
|
-
function _iterable_to_array(iter) {
|
|
15
|
-
if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
16
|
-
}
|
|
17
|
-
function _iterable_to_array_limit(arr, i) {
|
|
18
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
19
|
-
if (_i != null) {
|
|
20
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
21
|
-
try {
|
|
22
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
23
|
-
;
|
|
24
|
-
} catch (err) {
|
|
25
|
-
_d = !0, _e = err;
|
|
26
|
-
} finally {
|
|
27
|
-
try {
|
|
28
|
-
!_n && _i.return != null && _i.return();
|
|
29
|
-
} finally {
|
|
30
|
-
if (_d) throw _e;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
return _arr;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
function _non_iterable_rest() {
|
|
37
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
38
|
-
}
|
|
39
|
-
function _non_iterable_spread() {
|
|
40
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
41
|
-
}
|
|
42
|
-
function _object_without_properties(source, excluded) {
|
|
43
|
-
if (source == null) return {};
|
|
44
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
45
|
-
if (Object.getOwnPropertySymbols) {
|
|
46
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
47
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
48
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
49
|
-
}
|
|
50
|
-
return target;
|
|
51
|
-
}
|
|
52
|
-
function _object_without_properties_loose(source, excluded) {
|
|
53
|
-
if (source == null) return {};
|
|
54
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
55
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
56
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
57
|
-
return target;
|
|
58
|
-
}
|
|
59
|
-
function _sliced_to_array(arr, i) {
|
|
60
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
61
|
-
}
|
|
62
|
-
function _to_consumable_array(arr) {
|
|
63
|
-
return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
|
|
64
|
-
}
|
|
65
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
66
|
-
if (o) {
|
|
67
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
68
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
69
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
70
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
3
|
function useIsIntersecting(refs) {
|
|
74
|
-
var
|
|
75
|
-
"once"
|
|
76
|
-
]), _useState = _sliced_to_array(useState([]), 2), values = _useState[0], setValues = _useState[1];
|
|
4
|
+
var { once, ...opts } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, [values, setValues] = useState([]);
|
|
77
5
|
return isWeb && useOnIntersecting(refs, function(entries) {
|
|
78
6
|
var intersecting = entries.some(function(x) {
|
|
79
|
-
return x
|
|
7
|
+
return x?.isIntersecting;
|
|
80
8
|
});
|
|
81
9
|
once && !intersecting || setValues(function(prev) {
|
|
82
10
|
var next = entries.map(function(e) {
|
|
83
11
|
var _e_isIntersecting;
|
|
84
|
-
return (_e_isIntersecting = e
|
|
12
|
+
return (_e_isIntersecting = e?.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : !1;
|
|
85
13
|
});
|
|
86
14
|
return prev.length === next.length && prev.every(function(e, i) {
|
|
87
15
|
return e === next[i];
|
|
@@ -90,7 +18,7 @@ function useIsIntersecting(refs) {
|
|
|
90
18
|
}, opts), Array.isArray(refs) ? values : values[0];
|
|
91
19
|
}
|
|
92
20
|
function useOnIntersecting(refsIn, incomingCbRaw) {
|
|
93
|
-
var
|
|
21
|
+
var { threshold = 0, root, rootMargin } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [], onIntersectEvent = useEvent(incomingCbRaw);
|
|
94
22
|
useEffect(function() {
|
|
95
23
|
var refs = Array.isArray(refsIn) ? refsIn : [
|
|
96
24
|
refsIn
|
|
@@ -102,11 +30,11 @@ function useOnIntersecting(refsIn, incomingCbRaw) {
|
|
|
102
30
|
rootMargin
|
|
103
31
|
}, io = new IntersectionObserver(function(entries) {
|
|
104
32
|
currentEntries = refs.map(function(ref2, index) {
|
|
105
|
-
var _entries_find,
|
|
106
|
-
return (
|
|
33
|
+
var _entries_find, _ref;
|
|
34
|
+
return (_ref = (_entries_find = entries.find(function(x) {
|
|
107
35
|
return x.target === ref2.current;
|
|
108
|
-
})) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null &&
|
|
109
|
-
}), dispose
|
|
36
|
+
})) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref !== void 0 ? _ref : null;
|
|
37
|
+
}), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
|
|
110
38
|
}, options), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
|
|
111
39
|
try {
|
|
112
40
|
for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
|
|
@@ -124,7 +52,7 @@ function useOnIntersecting(refsIn, incomingCbRaw) {
|
|
|
124
52
|
}
|
|
125
53
|
}
|
|
126
54
|
return function() {
|
|
127
|
-
dispose
|
|
55
|
+
dispose?.(), io.disconnect();
|
|
128
56
|
};
|
|
129
57
|
}
|
|
130
58
|
}, [
|
|
@@ -132,8 +60,9 @@ function useOnIntersecting(refsIn, incomingCbRaw) {
|
|
|
132
60
|
refsIn,
|
|
133
61
|
root,
|
|
134
62
|
rootMargin,
|
|
135
|
-
threshold
|
|
136
|
-
|
|
63
|
+
threshold,
|
|
64
|
+
...mountArgs
|
|
65
|
+
]);
|
|
137
66
|
}
|
|
138
67
|
export {
|
|
139
68
|
useIsIntersecting,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/useOnIntersecting.tsx"],
|
|
4
|
-
"mappings": "AACA,SAASA,WAAWC,gBAAgB;AACpC,SAASC,OAAOC,gBAAgB
|
|
4
|
+
"mappings": "AACA,SAASA,WAAWC,gBAAgB;AACpC,SAASC,OAAOC,gBAAgB;AAWzB,SAASC,kBACdC,MAAS;MACT,EAAEC,MAAM,GAAGC,KAAAA,IAAX,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAAmE,CAAC,GAE9D,CAACC,QAAQC,SAAAA,IAAaR,SAAoB,CAAA,CAAE;AAElD,SAAIC,SACFQ,kBACEL,MACA,SAACM,SAAAA;AACC,QAAMC,eAAeD,QAAQE,KAAK,SAACC,GAAAA;aAAMA,GAAGC;;AAC5C,IAAIT,QAAQ,CAACM,gBACbH,UAAU,SAACO,MAAAA;AACT,UAAMC,OAAON,QAAQO,IAAI,SAACC,GAAAA;YAAMA;gBAAAA,oBAAAA,GAAGJ,oBAAc,QAAjBI,sBAAAA,SAAAA,oBAAqB;;AACrD,aAAIH,KAAKI,WAAWH,KAAKG,UAAUJ,KAAKK,MAAM,SAACF,GAAGG,GAAAA;eAAMH,MAAMF,KAAKK,CAAAA;WAC1DN,OAEFC;IACT,CAAA;EACF,GACAV,IAAAA,GAIIgB,MAAMC,QAAQnB,IAAAA,IAAQG,SAASA,OAAO,CAAA;AAChD;AAEO,SAASE,kBACde,QACAC,eAAgC;MAChC,EAAEC,YAAY,GAAGC,MAAMC,WAAU,IAAjC,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAAgE,CAAC,GACjEC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAmB,CAAA,GAEbC,mBAAmB5B,SAASuB,aAAAA;AAElC1B,YAAU,WAAA;AACR,QAAMK,OAAQkB,MAAMC,QAAQC,MAAAA,IAAUA,SAAS;MAACA;;AAChD,QAAKpB,KAAKe,QAEV;UAAIY,UAA4B,MAC5BC,iBAAuD,CAAA,GACrDC,UAAU;QACdP;QACAC;QACAC;MACF,GACMM,KAAK,IAAIC,qBAAqB,SAACzB,SAAAA;AACnCsB,yBAAiB5B,KAAKa,IAAI,SAACmB,MAAKC,OAAAA;cAE5B3B,eAAAA;AADF,kBACEA,QAAAA,gBAAAA,QAAQ4B,KAAK,SAACzB,GAAAA;mBAAMA,EAAE0B,WAAWH,KAAII;0BAArC9B,kBAAAA,SAAAA,gBAAiDsB,eAAeK,KAAAA,OAAM,QAAtE3B,SAAAA,SAAAA,OAA0E;QAE9E,CAAA,GACAqB,UAAAA,GACAA,UAAUD,iBAAiBE,cAAAA,KAAmB;MAChD,GAAGC,OAAAA,GAEE,4BAAA,IAAA,oBAAA,IAAA,iBAAA;;AAAL,iBAAK,YAAa7B,KAAAA,OAAAA,QAAAA,EAAAA,GAAb,OAAA,EAAA,6BAAA,QAAA,UAAA,KAAA,GAAA,OAAA,4BAAA,IAAmB;AAAnB,cAAMgC,MAAN,MAAA;AACH,UAAIA,IAAII,WACNN,GAAGO,QAAQL,IAAII,OAAO;QAE1B;;AAJK,4BAAA,IAAA,iBAAA;;;WAAA,6BAAA,UAAA,UAAA,QAAA,UAAA,OAAA;;cAAA;kBAAA;;;AAML,aAAO,WAAA;AACLT,QAAAA,UAAAA,GACAG,GAAGQ,WAAU;MACf;;EACF,GAAG;IACDZ;IACAN;IACAG;IACAC;IACAF;OAEGG;GACJ;AACH;",
|
|
5
5
|
"names": ["useEffect", "useState", "isWeb", "useEvent", "useIsIntersecting", "refs", "once", "opts", "values", "setValues", "useOnIntersecting", "entries", "intersecting", "some", "x", "isIntersecting", "prev", "next", "map", "e", "length", "every", "i", "Array", "isArray", "refsIn", "incomingCbRaw", "threshold", "root", "rootMargin", "mountArgs", "onIntersectEvent", "dispose", "currentEntries", "options", "io", "IntersectionObserver", "ref", "index", "find", "target", "current", "observe", "disconnect"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
2
|
+
import { isWeb, useEvent } from "tamagui";
|
|
3
|
+
function useIsIntersecting(refs) {
|
|
4
|
+
var {
|
|
5
|
+
once,
|
|
6
|
+
...opts
|
|
7
|
+
} = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
|
|
8
|
+
[values, setValues] = useState([]);
|
|
9
|
+
return isWeb && useOnIntersecting(refs, function (entries) {
|
|
10
|
+
var intersecting = entries.some(function (x) {
|
|
11
|
+
return x?.isIntersecting;
|
|
12
|
+
});
|
|
13
|
+
once && !intersecting || setValues(function (prev) {
|
|
14
|
+
var next = entries.map(function (e) {
|
|
15
|
+
var _e_isIntersecting;
|
|
16
|
+
return (_e_isIntersecting = e?.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : !1;
|
|
17
|
+
});
|
|
18
|
+
return prev.length === next.length && prev.every(function (e, i) {
|
|
19
|
+
return e === next[i];
|
|
20
|
+
}) ? prev : next;
|
|
21
|
+
});
|
|
22
|
+
}, opts), Array.isArray(refs) ? values : values[0];
|
|
23
|
+
}
|
|
24
|
+
function useOnIntersecting(refsIn, incomingCbRaw) {
|
|
25
|
+
var {
|
|
26
|
+
threshold = 0,
|
|
27
|
+
root,
|
|
28
|
+
rootMargin
|
|
29
|
+
} = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {},
|
|
30
|
+
mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [],
|
|
31
|
+
onIntersectEvent = useEvent(incomingCbRaw);
|
|
32
|
+
useEffect(function () {
|
|
33
|
+
var refs = Array.isArray(refsIn) ? refsIn : [refsIn];
|
|
34
|
+
if (refs.length) {
|
|
35
|
+
var dispose = null,
|
|
36
|
+
currentEntries = [],
|
|
37
|
+
options = {
|
|
38
|
+
threshold,
|
|
39
|
+
root,
|
|
40
|
+
rootMargin
|
|
41
|
+
},
|
|
42
|
+
io = new IntersectionObserver(function (entries) {
|
|
43
|
+
currentEntries = refs.map(function (ref2, index) {
|
|
44
|
+
var _entries_find, _ref;
|
|
45
|
+
return (_ref = (_entries_find = entries.find(function (x) {
|
|
46
|
+
return x.target === ref2.current;
|
|
47
|
+
})) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref !== void 0 ? _ref : null;
|
|
48
|
+
}), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
|
|
49
|
+
}, options),
|
|
50
|
+
_iteratorNormalCompletion = !0,
|
|
51
|
+
_didIteratorError = !1,
|
|
52
|
+
_iteratorError = void 0;
|
|
53
|
+
try {
|
|
54
|
+
for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
|
|
55
|
+
var ref = _step.value;
|
|
56
|
+
ref.current && io.observe(ref.current);
|
|
57
|
+
}
|
|
58
|
+
} catch (err) {
|
|
59
|
+
_didIteratorError = !0, _iteratorError = err;
|
|
60
|
+
} finally {
|
|
61
|
+
try {
|
|
62
|
+
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
63
|
+
} finally {
|
|
64
|
+
if (_didIteratorError) throw _iteratorError;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
return function () {
|
|
68
|
+
dispose?.(), io.disconnect();
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
}, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
|
|
72
|
+
}
|
|
73
|
+
export { useIsIntersecting, useOnIntersecting };
|
|
74
|
+
//# sourceMappingURL=useOnIntersecting.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useState","isWeb","useEvent","useIsIntersecting","refs","once","opts","arguments","length","values","setValues","useOnIntersecting","entries","intersecting","some","x","isIntersecting","prev","next","map","e","_e_isIntersecting","every","i","Array","isArray","refsIn","incomingCbRaw","threshold","root","rootMargin","mountArgs","onIntersectEvent","dispose","currentEntries","options","io","IntersectionObserver","ref2","index","_entries_find","_ref","find","target","current","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","ref","value","observe"],"sources":["../../src/useOnIntersecting.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,KAAA,EAAOC,QAAA,QAAgB;AAWzB,SAASC,kBACdC,IAAA,EACA;EAEA;MAAMC,IAAC;MAAA,GAAQC;IAAA,IAASC,SAAI,CAAAC,MAAsB,QAAAD,SAAA,iBAAAA,SAAA;IAAA,CAAAE,MAAA,EAAAC,SAAA,IAAAV,QAAA;EAElD,OAAIC,KAAA,IACFU,iBAAA,CAAAP,IAAA,YAAAQ,OAAA;IACE,IAAAC,YAAA,GAAAD,OAAA,CAAAE,IAAA,WAAAC,CAAA;MACC,OAAAA,CAAA,EAAAC,cAAY;IACX;IACAX,IAAI,KAAAQ,YAAS,IAAAH,SACb,WAAWO,IAAS;MAClB,IAAAC,IAAM,GAAAN,OAAO,CAAAO,GAAA,CAAQ,UAAKC,CAAA,EAAM;QAChC,IAAAC,iBAAS;QAIV,QAAAA,iBAAA,GAAAD,CAAA,EAAAJ,cAAA,cAAAK,iBAAA,cAAAA,iBAAA;MACH;MACA,OAAAJ,IAAA,CAAAT,MAAA,KAAAU,IAAA,CAAAV,MAAA,IAAAS,IAAA,CAAAK,KAAA,WAAAF,CAAA,EAAAG,CAAA;QAII,OAAMH,CAAA,KAAQF,IAAI,CAAAK,CAAI;MAChC,KAAAN,IAAA,GAAAC,IAAA;IAEO;EAML,GAAAZ,IAAM,GAAAkB,KAAA,CAAAC,OAAA,CAAArB,IAAmB,IAAAK,MAAS,GAAAA,MAAa;AAE/C;AACE,SAAAE,iBAAoBA,CAAAe,MAAQ,EAAAC,aAAU,EAAS;EAC/C;MAAIC,SAAM,IAAQ;MAAAC,IAAA;MAAAC;IAAA,IAAAvB,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAwB,SAAA,GAAAxB,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAyB,gBAAA,GAAA9B,QAAA,CAAAyB,aAAA;EAElB5B,SAAI,aAA4B;IAEhC,IAAAK,IAAM,GAAAoB,KAAU,CAAAC,OAAA,CAAAC,MAAA,IAAAA,MAAA,IACdA,MAAA;IACA,IACAtB,IAAA,CAAAI,MAAA;MACF,IACMyB,OAAS;QAAAC,cAAsB;QAAAC,OAAY;UAC/CP,SAAA;UAOCC,IAAA;UAEHC;QACM;QAAAM,EAAI,OAAAC,oBACS,WAAOzB,OAAA;UAI1BsB,cAAa,GAAA9B,IAAA,CAAAe,GAAA,WAAAmB,IAAA,EAAAC,KAAA;YACX,IAAAC,aACG,EAAAC,IAAW;YAChB,QAAAA,IAAA,IAAAD,aAAA,GAAA5B,OAAA,CAAA8B,IAAA,WAAA3B,CAAA;cACC,OAAAA,CAAA,CAAA4B,MAAA,KAAAL,IAAA,CAAAM,OAAA;YACD,gBAAAJ,aAAA,cAAAA,aAAA,GAAAN,cAAA,CAAAK,KAAA,eAAAE,IAAA,cAAAA,IAAA;UACA,IAAAR,OAAA,MAAAA,OAAA,GAAAD,gBAAA,CAAAE,cAAA;QACA,GAAAC,OAAA;QAAAU,yBAAA;QAAAC,iBAAA;QAAAC,cAAA;MACA;QACA,SAAAC,SAAA,GAAA5C,IAAA,CAAA6C,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAA9B,IAAA,IAAAkC,IAAA,GAAAP,yBAAA;UAEG,IAAAQ,GAAA,GAAAF,KAAA,CAAAG,KAAA;UACJD,GAAA,CAAAT,OAAA,IAAAR,EAAA,CAAAmB,OAAA,CAAAF,GAAA,CAAAT,OAAA;QACH","ignoreList":[]}
|
|
@@ -14,7 +14,7 @@ function AccordionDemo() {
|
|
|
14
14
|
flexDirection: "row",
|
|
15
15
|
justifyContent: "space-between",
|
|
16
16
|
children: function(param) {
|
|
17
|
-
var open = param
|
|
17
|
+
var { open } = param;
|
|
18
18
|
return /* @__PURE__ */ _jsxs(_Fragment, {
|
|
19
19
|
children: [
|
|
20
20
|
/* @__PURE__ */ _jsx(Paragraph, {
|
|
@@ -52,7 +52,7 @@ function AccordionDemo() {
|
|
|
52
52
|
flexDirection: "row",
|
|
53
53
|
justifyContent: "space-between",
|
|
54
54
|
children: function(param) {
|
|
55
|
-
var open = param
|
|
55
|
+
var { open } = param;
|
|
56
56
|
return /* @__PURE__ */ _jsxs(_Fragment, {
|
|
57
57
|
children: [
|
|
58
58
|
/* @__PURE__ */ _jsx(Paragraph, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/AccordionDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,mBAAmB;AAC5B,SAASC,WAAWC,WAAWC,cAAc;AAEtC,SAASC,gBAAAA;AACd,SACE,sBAACH,WAAAA;IAAUI,UAAS;IAASC,OAAM;IAAMC,MAAK;;MAC5C,sBAACN,UAAUO,MAAI;QAACC,OAAM;;UACpB,qBAACR,UAAUS,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;
|
|
4
|
+
"mappings": ";AAAA,SAASA,mBAAmB;AAC5B,SAASC,WAAWC,WAAWC,cAAc;AAEtC,SAASC,gBAAAA;AACd,SACE,sBAACH,WAAAA;IAAUI,UAAS;IAASC,OAAM;IAAMC,MAAK;;MAC5C,sBAACN,UAAUO,MAAI;QAACC,OAAM;;UACpB,qBAACR,UAAUS,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAC,EACAC,KAAI,IAGL;qBACC,sBAAA,WAAA;;kBACE,qBAACX,WAAAA;8BAAU;;kBACX,qBAACC,QAAAA;oBAAOW,WAAU;oBAAQC,QAAQF,OAAO,WAAW;8BAClD,qBAACb,aAAAA;sBAAYgB,MAAK;;;;;;;UAK1B,qBAACf,UAAUgB,gBAAc;YAACH,WAAU;sBAClC,qBAACb,UAAUiB,SAAO;cAACJ,WAAU;cAASK,WAAW;gBAAEC,SAAS;cAAE;wBAC5D,qBAAClB,WAAAA;0BAAU;;;;;;MAQjB,sBAACD,UAAUO,MAAI;QAACC,OAAM;;UACpB,qBAACR,UAAUS,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAC,EACAC,KAAI,IAGL;qBACC,sBAAA,WAAA;;kBACE,qBAACX,WAAAA;8BAAU;;kBACX,qBAACC,QAAAA;oBAAOW,WAAU;oBAAQC,QAAQF,OAAO,WAAW;8BAClD,qBAACb,aAAAA;sBAAYgB,MAAK;;;;;;;UAK1B,qBAACf,UAAUgB,gBAAc;YAACH,WAAU;sBAClC,qBAACb,UAAUiB,SAAO;cAACJ,WAAU;cAASK,WAAW;gBAAEC,SAAS;cAAE;wBAC5D,qBAAClB,WAAAA;0BAAU;;;;;;;;AASvB;",
|
|
5
5
|
"names": ["ChevronDown", "Accordion", "Paragraph", "Square", "AccordionDemo", "overflow", "width", "type", "Item", "value", "Trigger", "flexDirection", "justifyContent", "open", "animation", "rotate", "size", "HeightAnimator", "Content", "exitStyle", "opacity"]
|
|
6
6
|
}
|
|
@@ -2,49 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { addTheme } from "@tamagui/theme";
|
|
4
4
|
import { Button, H3, Square, Theme, YStack } from "tamagui";
|
|
5
|
-
function _array_like_to_array(arr, len) {
|
|
6
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
7
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
8
|
-
return arr2;
|
|
9
|
-
}
|
|
10
|
-
function _array_with_holes(arr) {
|
|
11
|
-
if (Array.isArray(arr)) return arr;
|
|
12
|
-
}
|
|
13
|
-
function _iterable_to_array_limit(arr, i) {
|
|
14
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
15
|
-
if (_i != null) {
|
|
16
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
17
|
-
try {
|
|
18
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
19
|
-
;
|
|
20
|
-
} catch (err) {
|
|
21
|
-
_d = !0, _e = err;
|
|
22
|
-
} finally {
|
|
23
|
-
try {
|
|
24
|
-
!_n && _i.return != null && _i.return();
|
|
25
|
-
} finally {
|
|
26
|
-
if (_d) throw _e;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
return _arr;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
function _non_iterable_rest() {
|
|
33
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
34
|
-
}
|
|
35
|
-
function _sliced_to_array(arr, i) {
|
|
36
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
37
|
-
}
|
|
38
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
39
|
-
if (o) {
|
|
40
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
41
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
42
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
43
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
5
|
function AddThemeDemo() {
|
|
47
|
-
var
|
|
6
|
+
var [theme, setTheme] = React.useState();
|
|
48
7
|
return /* @__PURE__ */ _jsxs(YStack, {
|
|
49
8
|
alignItems: "center",
|
|
50
9
|
space: !0,
|