@tamagui/demos 1.123.0 → 1.123.2
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/PopoverDemo.cjs +2 -0
- package/dist/cjs/PopoverDemo.js +2 -1
- package/dist/cjs/PopoverDemo.js.map +1 -1
- package/dist/cjs/PopoverDemo.native.js +2 -0
- package/dist/cjs/PopoverDemo.native.js.map +2 -2
- package/dist/esm/PopoverDemo.js +2 -1
- package/dist/esm/PopoverDemo.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +2 -0
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +2 -0
- package/dist/esm/PopoverDemo.native.js.map +2 -2
- package/package.json +19 -20
- package/src/PopoverDemo.tsx +2 -1
- package/dist/jsx/AccordionDemo.js +0 -29
- package/dist/jsx/AccordionDemo.js.map +0 -6
- package/dist/jsx/AccordionDemo.mjs +0 -73
- package/dist/jsx/AccordionDemo.mjs.map +0 -1
- package/dist/jsx/AccordionDemo.native.js +0 -92
- package/dist/jsx/AccordionDemo.native.js.map +0 -6
- package/dist/jsx/AddThemeDemo.js +0 -35
- package/dist/jsx/AddThemeDemo.js.map +0 -6
- package/dist/jsx/AddThemeDemo.mjs +0 -36
- package/dist/jsx/AddThemeDemo.mjs.map +0 -1
- package/dist/jsx/AddThemeDemo.native.js +0 -45
- package/dist/jsx/AddThemeDemo.native.js.map +0 -6
- package/dist/jsx/AlertDialogDemo.js +0 -53
- package/dist/jsx/AlertDialogDemo.js.map +0 -6
- package/dist/jsx/AlertDialogDemo.mjs +0 -73
- package/dist/jsx/AlertDialogDemo.mjs.map +0 -1
- package/dist/jsx/AlertDialogDemo.native.js +0 -91
- package/dist/jsx/AlertDialogDemo.native.js.map +0 -6
- package/dist/jsx/AnimationsDemo.js +0 -86
- package/dist/jsx/AnimationsDemo.js.map +0 -6
- package/dist/jsx/AnimationsDemo.mjs +0 -76
- package/dist/jsx/AnimationsDemo.mjs.map +0 -1
- package/dist/jsx/AnimationsDemo.native.js +0 -88
- package/dist/jsx/AnimationsDemo.native.js.map +0 -6
- package/dist/jsx/AnimationsEnterDemo.js +0 -35
- package/dist/jsx/AnimationsEnterDemo.js.map +0 -6
- package/dist/jsx/AnimationsEnterDemo.mjs +0 -40
- package/dist/jsx/AnimationsEnterDemo.mjs.map +0 -1
- package/dist/jsx/AnimationsEnterDemo.native.js +0 -52
- package/dist/jsx/AnimationsEnterDemo.native.js.map +0 -6
- package/dist/jsx/AnimationsHoverDemo.js +0 -27
- package/dist/jsx/AnimationsHoverDemo.js.map +0 -6
- package/dist/jsx/AnimationsHoverDemo.mjs +0 -24
- package/dist/jsx/AnimationsHoverDemo.mjs.map +0 -1
- package/dist/jsx/AnimationsHoverDemo.native.js +0 -26
- package/dist/jsx/AnimationsHoverDemo.native.js.map +0 -6
- package/dist/jsx/AnimationsPresenceDemo.js +0 -85
- package/dist/jsx/AnimationsPresenceDemo.js.map +0 -6
- package/dist/jsx/AnimationsPresenceDemo.mjs +0 -89
- package/dist/jsx/AnimationsPresenceDemo.mjs.map +0 -1
- package/dist/jsx/AnimationsPresenceDemo.native.js +0 -110
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +0 -6
- package/dist/jsx/AnimationsTimingDemo.js +0 -26
- package/dist/jsx/AnimationsTimingDemo.js.map +0 -6
- package/dist/jsx/AnimationsTimingDemo.mjs +0 -23
- package/dist/jsx/AnimationsTimingDemo.mjs.map +0 -1
- package/dist/jsx/AnimationsTimingDemo.native.js +0 -25
- package/dist/jsx/AnimationsTimingDemo.native.js.map +0 -6
- package/dist/jsx/AvatarDemo.js +0 -30
- package/dist/jsx/AvatarDemo.js.map +0 -6
- package/dist/jsx/AvatarDemo.mjs +0 -30
- package/dist/jsx/AvatarDemo.mjs.map +0 -1
- package/dist/jsx/AvatarDemo.native.js +0 -42
- package/dist/jsx/AvatarDemo.native.js.map +0 -6
- package/dist/jsx/BuildAButtonDemo.js +0 -43
- package/dist/jsx/BuildAButtonDemo.js.map +0 -6
- package/dist/jsx/BuildAButtonDemo.mjs +0 -102
- package/dist/jsx/BuildAButtonDemo.mjs.map +0 -1
- package/dist/jsx/BuildAButtonDemo.native.js +0 -123
- package/dist/jsx/BuildAButtonDemo.native.js.map +0 -6
- package/dist/jsx/ButtonDemo.js +0 -25
- package/dist/jsx/ButtonDemo.js.map +0 -6
- package/dist/jsx/ButtonDemo.mjs +0 -60
- package/dist/jsx/ButtonDemo.mjs.map +0 -1
- package/dist/jsx/ButtonDemo.native.js +0 -77
- package/dist/jsx/ButtonDemo.native.js.map +0 -6
- package/dist/jsx/CardDemo.js +0 -48
- package/dist/jsx/CardDemo.js.map +0 -6
- package/dist/jsx/CardDemo.mjs +0 -65
- package/dist/jsx/CardDemo.mjs.map +0 -1
- package/dist/jsx/CardDemo.native.js +0 -81
- package/dist/jsx/CardDemo.native.js.map +0 -6
- package/dist/jsx/CheckboxDemo.js +0 -26
- package/dist/jsx/CheckboxDemo.js.map +0 -6
- package/dist/jsx/CheckboxDemo.mjs +0 -46
- package/dist/jsx/CheckboxDemo.mjs.map +0 -1
- package/dist/jsx/CheckboxDemo.native.js +0 -52
- package/dist/jsx/CheckboxDemo.native.js.map +0 -6
- package/dist/jsx/CheckboxHeadlessDemo.js +0 -43
- package/dist/jsx/CheckboxHeadlessDemo.js.map +0 -6
- package/dist/jsx/CheckboxHeadlessDemo.mjs +0 -53
- package/dist/jsx/CheckboxHeadlessDemo.mjs.map +0 -1
- package/dist/jsx/CheckboxHeadlessDemo.native.js +0 -60
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +0 -6
- package/dist/jsx/CheckboxUnstyledDemo.js +0 -40
- package/dist/jsx/CheckboxUnstyledDemo.js.map +0 -6
- package/dist/jsx/CheckboxUnstyledDemo.mjs +0 -54
- package/dist/jsx/CheckboxUnstyledDemo.mjs.map +0 -1
- package/dist/jsx/CheckboxUnstyledDemo.native.js +0 -58
- package/dist/jsx/CheckboxUnstyledDemo.native.js.map +0 -6
- package/dist/jsx/ColorsDemo.js +0 -89
- package/dist/jsx/ColorsDemo.js.map +0 -6
- package/dist/jsx/ColorsDemo.mjs +0 -98
- package/dist/jsx/ColorsDemo.mjs.map +0 -1
- package/dist/jsx/ColorsDemo.native.js +0 -136
- package/dist/jsx/ColorsDemo.native.js.map +0 -6
- package/dist/jsx/DialogDemo.js +0 -98
- package/dist/jsx/DialogDemo.js.map +0 -6
- package/dist/jsx/DialogDemo.mjs +0 -132
- package/dist/jsx/DialogDemo.mjs.map +0 -1
- package/dist/jsx/DialogDemo.native.js +0 -166
- package/dist/jsx/DialogDemo.native.js.map +0 -6
- package/dist/jsx/FormsDemo.js +0 -35
- package/dist/jsx/FormsDemo.js.map +0 -6
- package/dist/jsx/FormsDemo.mjs +0 -36
- package/dist/jsx/FormsDemo.mjs.map +0 -1
- package/dist/jsx/FormsDemo.native.js +0 -49
- package/dist/jsx/FormsDemo.native.js.map +0 -6
- package/dist/jsx/Grid.js +0 -37
- package/dist/jsx/Grid.js.map +0 -6
- package/dist/jsx/Grid.mjs +0 -37
- package/dist/jsx/Grid.mjs.map +0 -1
- package/dist/jsx/Grid.native.js +0 -40
- package/dist/jsx/Grid.native.js.map +0 -6
- package/dist/jsx/GroupDemo.js +0 -25
- package/dist/jsx/GroupDemo.js.map +0 -6
- package/dist/jsx/GroupDemo.mjs +0 -62
- package/dist/jsx/GroupDemo.mjs.map +0 -1
- package/dist/jsx/GroupDemo.native.js +0 -81
- package/dist/jsx/GroupDemo.native.js.map +0 -6
- package/dist/jsx/HeadingsDemo.js +0 -16
- package/dist/jsx/HeadingsDemo.js.map +0 -6
- package/dist/jsx/HeadingsDemo.mjs +0 -22
- package/dist/jsx/HeadingsDemo.mjs.map +0 -1
- package/dist/jsx/HeadingsDemo.native.js +0 -32
- package/dist/jsx/HeadingsDemo.native.js.map +0 -6
- package/dist/jsx/ImageDemo.js +0 -18
- package/dist/jsx/ImageDemo.js.map +0 -6
- package/dist/jsx/ImageDemo.mjs +0 -13
- package/dist/jsx/ImageDemo.mjs.map +0 -1
- package/dist/jsx/ImageDemo.native.js +0 -15
- package/dist/jsx/ImageDemo.native.js.map +0 -6
- package/dist/jsx/InputsDemo.js +0 -31
- package/dist/jsx/InputsDemo.js.map +0 -6
- package/dist/jsx/InputsDemo.mjs +0 -37
- package/dist/jsx/InputsDemo.mjs.map +0 -1
- package/dist/jsx/InputsDemo.native.js +0 -47
- package/dist/jsx/InputsDemo.native.js.map +0 -6
- package/dist/jsx/LabelDemo.js +0 -18
- package/dist/jsx/LabelDemo.js.map +0 -6
- package/dist/jsx/LabelDemo.mjs +0 -37
- package/dist/jsx/LabelDemo.mjs.map +0 -1
- package/dist/jsx/LabelDemo.native.js +0 -48
- package/dist/jsx/LabelDemo.native.js.map +0 -6
- package/dist/jsx/LinearGradientDemo.js +0 -33
- package/dist/jsx/LinearGradientDemo.js.map +0 -6
- package/dist/jsx/LinearGradientDemo.mjs +0 -25
- package/dist/jsx/LinearGradientDemo.mjs.map +0 -1
- package/dist/jsx/LinearGradientDemo.native.js +0 -50
- package/dist/jsx/LinearGradientDemo.native.js.map +0 -6
- package/dist/jsx/ListItemDemo.js +0 -47
- package/dist/jsx/ListItemDemo.js.map +0 -6
- package/dist/jsx/ListItemDemo.mjs +0 -77
- package/dist/jsx/ListItemDemo.mjs.map +0 -1
- package/dist/jsx/ListItemDemo.native.js +0 -90
- package/dist/jsx/ListItemDemo.native.js.map +0 -6
- package/dist/jsx/LucideIconsDemo.js +0 -53
- package/dist/jsx/LucideIconsDemo.js.map +0 -6
- package/dist/jsx/LucideIconsDemo.mjs +0 -59
- package/dist/jsx/LucideIconsDemo.mjs.map +0 -1
- package/dist/jsx/LucideIconsDemo.native.js +0 -74
- package/dist/jsx/LucideIconsDemo.native.js.map +0 -6
- package/dist/jsx/NewInputsDemo.js +0 -31
- package/dist/jsx/NewInputsDemo.js.map +0 -6
- package/dist/jsx/NewInputsDemo.mjs +0 -37
- package/dist/jsx/NewInputsDemo.mjs.map +0 -1
- package/dist/jsx/NewInputsDemo.native.js +0 -47
- package/dist/jsx/NewInputsDemo.native.js.map +0 -6
- package/dist/jsx/PopoverDemo.js +0 -113
- package/dist/jsx/PopoverDemo.js.map +0 -6
- package/dist/jsx/PopoverDemo.mjs +0 -121
- package/dist/jsx/PopoverDemo.mjs.map +0 -1
- package/dist/jsx/PopoverDemo.native.js +0 -156
- package/dist/jsx/PopoverDemo.native.js.map +0 -6
- package/dist/jsx/ProgressDemo.js +0 -66
- package/dist/jsx/ProgressDemo.js.map +0 -6
- package/dist/jsx/ProgressDemo.mjs +0 -72
- package/dist/jsx/ProgressDemo.mjs.map +0 -1
- package/dist/jsx/ProgressDemo.native.js +0 -96
- package/dist/jsx/ProgressDemo.native.js.map +0 -6
- package/dist/jsx/RadioGroupDemo.js +0 -21
- package/dist/jsx/RadioGroupDemo.js.map +0 -6
- package/dist/jsx/RadioGroupDemo.mjs +0 -47
- package/dist/jsx/RadioGroupDemo.mjs.map +0 -1
- package/dist/jsx/RadioGroupDemo.native.js +0 -57
- package/dist/jsx/RadioGroupDemo.native.js.map +0 -6
- package/dist/jsx/RadioGroupHeadlessDemo.js +0 -102
- package/dist/jsx/RadioGroupHeadlessDemo.js.map +0 -6
- package/dist/jsx/RadioGroupHeadlessDemo.mjs +0 -134
- package/dist/jsx/RadioGroupHeadlessDemo.mjs.map +0 -1
- package/dist/jsx/RadioGroupHeadlessDemo.native.js +0 -124
- package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +0 -6
- package/dist/jsx/RadioGroupUnstyledDemo.js +0 -93
- package/dist/jsx/RadioGroupUnstyledDemo.js.map +0 -6
- package/dist/jsx/RadioGroupUnstyledDemo.mjs +0 -119
- package/dist/jsx/RadioGroupUnstyledDemo.mjs.map +0 -1
- package/dist/jsx/RadioGroupUnstyledDemo.native.js +0 -121
- package/dist/jsx/RadioGroupUnstyledDemo.native.js.map +0 -6
- package/dist/jsx/ReplaceThemeDemo.js +0 -45
- package/dist/jsx/ReplaceThemeDemo.js.map +0 -6
- package/dist/jsx/ReplaceThemeDemo.mjs +0 -44
- package/dist/jsx/ReplaceThemeDemo.mjs.map +0 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +0 -48
- package/dist/jsx/ReplaceThemeDemo.native.js.map +0 -6
- package/dist/jsx/ScrollViewDemo.js +0 -28
- package/dist/jsx/ScrollViewDemo.js.map +0 -6
- package/dist/jsx/ScrollViewDemo.mjs +0 -51
- package/dist/jsx/ScrollViewDemo.mjs.map +0 -1
- package/dist/jsx/ScrollViewDemo.native.js +0 -62
- package/dist/jsx/ScrollViewDemo.native.js.map +0 -6
- package/dist/jsx/SelectDemo.js +0 -170
- package/dist/jsx/SelectDemo.js.map +0 -6
- package/dist/jsx/SelectDemo.mjs +0 -193
- package/dist/jsx/SelectDemo.mjs.map +0 -1
- package/dist/jsx/SelectDemo.native.js +0 -285
- package/dist/jsx/SelectDemo.native.js.map +0 -6
- package/dist/jsx/SeparatorDemo.js +0 -20
- package/dist/jsx/SeparatorDemo.js.map +0 -6
- package/dist/jsx/SeparatorDemo.mjs +0 -37
- package/dist/jsx/SeparatorDemo.mjs.map +0 -1
- package/dist/jsx/SeparatorDemo.native.js +0 -51
- package/dist/jsx/SeparatorDemo.native.js.map +0 -6
- package/dist/jsx/ShapesDemo.js +0 -12
- package/dist/jsx/ShapesDemo.js.map +0 -6
- package/dist/jsx/ShapesDemo.mjs +0 -19
- package/dist/jsx/ShapesDemo.mjs.map +0 -1
- package/dist/jsx/ShapesDemo.native.js +0 -24
- package/dist/jsx/ShapesDemo.native.js.map +0 -6
- package/dist/jsx/SheetDemo.js +0 -102
- package/dist/jsx/SheetDemo.js.map +0 -6
- package/dist/jsx/SheetDemo.mjs +0 -157
- package/dist/jsx/SheetDemo.mjs.map +0 -1
- package/dist/jsx/SheetDemo.native.js +0 -226
- package/dist/jsx/SheetDemo.native.js.map +0 -6
- package/dist/jsx/SliderDemo.js +0 -19
- package/dist/jsx/SliderDemo.js.map +0 -6
- package/dist/jsx/SliderDemo.mjs +0 -35
- package/dist/jsx/SliderDemo.mjs.map +0 -1
- package/dist/jsx/SliderDemo.native.js +0 -44
- package/dist/jsx/SliderDemo.native.js.map +0 -6
- package/dist/jsx/SpinnerDemo.js +0 -12
- package/dist/jsx/SpinnerDemo.js.map +0 -6
- package/dist/jsx/SpinnerDemo.mjs +0 -18
- package/dist/jsx/SpinnerDemo.mjs.map +0 -1
- package/dist/jsx/SpinnerDemo.native.js +0 -23
- package/dist/jsx/SpinnerDemo.native.js.map +0 -6
- package/dist/jsx/StacksDemo.js +0 -78
- package/dist/jsx/StacksDemo.js.map +0 -6
- package/dist/jsx/StacksDemo.mjs +0 -81
- package/dist/jsx/StacksDemo.mjs.map +0 -1
- package/dist/jsx/StacksDemo.native.js +0 -100
- package/dist/jsx/StacksDemo.native.js.map +0 -6
- package/dist/jsx/SwitchDemo.js +0 -41
- package/dist/jsx/SwitchDemo.js.map +0 -6
- package/dist/jsx/SwitchDemo.mjs +0 -71
- package/dist/jsx/SwitchDemo.mjs.map +0 -1
- package/dist/jsx/SwitchDemo.native.js +0 -91
- package/dist/jsx/SwitchDemo.native.js.map +0 -6
- package/dist/jsx/SwitchHeadlessDemo.js +0 -67
- package/dist/jsx/SwitchHeadlessDemo.js.map +0 -6
- package/dist/jsx/SwitchHeadlessDemo.mjs +0 -67
- package/dist/jsx/SwitchHeadlessDemo.mjs.map +0 -1
- package/dist/jsx/SwitchHeadlessDemo.native.js +0 -85
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +0 -6
- package/dist/jsx/SwitchUnstyledDemo.js +0 -51
- package/dist/jsx/SwitchUnstyledDemo.js.map +0 -6
- package/dist/jsx/SwitchUnstyledDemo.mjs +0 -65
- package/dist/jsx/SwitchUnstyledDemo.mjs.map +0 -1
- package/dist/jsx/SwitchUnstyledDemo.native.js +0 -69
- package/dist/jsx/SwitchUnstyledDemo.native.js.map +0 -6
- package/dist/jsx/TabsAdvancedDemo.js +0 -270
- package/dist/jsx/TabsAdvancedDemo.js.map +0 -6
- package/dist/jsx/TabsAdvancedDemo.mjs +0 -306
- package/dist/jsx/TabsAdvancedDemo.mjs.map +0 -1
- package/dist/jsx/TabsAdvancedDemo.native.js +0 -351
- package/dist/jsx/TabsAdvancedDemo.native.js.map +0 -6
- package/dist/jsx/TabsDemo.js +0 -122
- package/dist/jsx/TabsDemo.js.map +0 -6
- package/dist/jsx/TabsDemo.mjs +0 -159
- package/dist/jsx/TabsDemo.mjs.map +0 -1
- package/dist/jsx/TabsDemo.native.js +0 -192
- package/dist/jsx/TabsDemo.native.js.map +0 -6
- package/dist/jsx/TextDemo.js +0 -16
- package/dist/jsx/TextDemo.js.map +0 -6
- package/dist/jsx/TextDemo.mjs +0 -29
- package/dist/jsx/TextDemo.mjs.map +0 -1
- package/dist/jsx/TextDemo.native.js +0 -39
- package/dist/jsx/TextDemo.native.js.map +0 -6
- package/dist/jsx/ThemeBuilderDemo.js +0 -134
- package/dist/jsx/ThemeBuilderDemo.js.map +0 -6
- package/dist/jsx/ThemeBuilderDemo.mjs +0 -155
- package/dist/jsx/ThemeBuilderDemo.mjs.map +0 -1
- package/dist/jsx/ThemeBuilderDemo.native.js +0 -188
- package/dist/jsx/ThemeBuilderDemo.native.js.map +0 -6
- package/dist/jsx/ThemeInverseDemo.js +0 -41
- package/dist/jsx/ThemeInverseDemo.js.map +0 -6
- package/dist/jsx/ThemeInverseDemo.mjs +0 -46
- package/dist/jsx/ThemeInverseDemo.mjs.map +0 -1
- package/dist/jsx/ThemeInverseDemo.native.js +0 -59
- package/dist/jsx/ThemeInverseDemo.native.js.map +0 -6
- package/dist/jsx/ToastDemo.js +0 -91
- package/dist/jsx/ToastDemo.js.map +0 -6
- package/dist/jsx/ToastDemo.mjs +0 -99
- package/dist/jsx/ToastDemo.mjs.map +0 -1
- package/dist/jsx/ToastDemo.native.js +0 -119
- package/dist/jsx/ToastDemo.native.js.map +0 -6
- package/dist/jsx/ToastDuplicateDemo.js +0 -44
- package/dist/jsx/ToastDuplicateDemo.js.map +0 -6
- package/dist/jsx/ToastDuplicateDemo.mjs +0 -49
- package/dist/jsx/ToastDuplicateDemo.mjs.map +0 -1
- package/dist/jsx/ToastDuplicateDemo.native.js +0 -71
- package/dist/jsx/ToastDuplicateDemo.native.js.map +0 -6
- package/dist/jsx/ToggleGroupDemo.js +0 -56
- package/dist/jsx/ToggleGroupDemo.js.map +0 -6
- package/dist/jsx/ToggleGroupDemo.mjs +0 -81
- package/dist/jsx/ToggleGroupDemo.mjs.map +0 -1
- package/dist/jsx/ToggleGroupDemo.native.js +0 -101
- package/dist/jsx/ToggleGroupDemo.native.js.map +0 -6
- package/dist/jsx/TokensDemo.js +0 -79
- package/dist/jsx/TokensDemo.js.map +0 -6
- package/dist/jsx/TokensDemo.mjs +0 -91
- package/dist/jsx/TokensDemo.mjs.map +0 -1
- package/dist/jsx/TokensDemo.native.js +0 -123
- package/dist/jsx/TokensDemo.native.js.map +0 -6
- package/dist/jsx/TooltipDemo.js +0 -60
- package/dist/jsx/TooltipDemo.js.map +0 -6
- package/dist/jsx/TooltipDemo.mjs +0 -102
- package/dist/jsx/TooltipDemo.mjs.map +0 -1
- package/dist/jsx/TooltipDemo.native.js +0 -127
- package/dist/jsx/TooltipDemo.native.js.map +0 -6
- package/dist/jsx/UpdateThemeDemo.js +0 -50
- package/dist/jsx/UpdateThemeDemo.js.map +0 -6
- package/dist/jsx/UpdateThemeDemo.mjs +0 -47
- package/dist/jsx/UpdateThemeDemo.mjs.map +0 -1
- package/dist/jsx/UpdateThemeDemo.native.js +0 -50
- package/dist/jsx/UpdateThemeDemo.native.js.map +0 -6
- package/dist/jsx/WebNativeImageDemo.js +0 -9
- package/dist/jsx/WebNativeImageDemo.js.map +0 -6
- package/dist/jsx/WebNativeImageDemo.mjs +0 -11
- package/dist/jsx/WebNativeImageDemo.mjs.map +0 -1
- package/dist/jsx/WebNativeImageDemo.native.js +0 -13
- package/dist/jsx/WebNativeImageDemo.native.js.map +0 -6
- package/dist/jsx/index.js +0 -58
- package/dist/jsx/index.js.map +0 -6
- package/dist/jsx/index.mjs +0 -58
- package/dist/jsx/index.mjs.map +0 -1
- package/dist/jsx/index.native.js +0 -58
- package/dist/jsx/index.native.js.map +0 -6
- package/dist/jsx/tamagui.config.js +0 -10
- package/dist/jsx/tamagui.config.js.map +0 -6
- package/dist/jsx/tamagui.config.mjs +0 -7
- package/dist/jsx/tamagui.config.mjs.map +0 -1
- package/dist/jsx/tamagui.config.native.js +0 -9
- package/dist/jsx/tamagui.config.native.js.map +0 -6
- package/dist/jsx/useOnIntersecting.js +0 -48
- package/dist/jsx/useOnIntersecting.js.map +0 -6
- package/dist/jsx/useOnIntersecting.mjs +0 -42
- package/dist/jsx/useOnIntersecting.mjs.map +0 -1
- package/dist/jsx/useOnIntersecting.native.js +0 -71
- package/dist/jsx/useOnIntersecting.native.js.map +0 -6
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { createCheckbox } from "@tamagui/checkbox";
|
|
2
|
-
import { Stack, styled } from "@tamagui/core";
|
|
3
|
-
import { Check } from "@tamagui/lucide-icons";
|
|
4
|
-
import { Label, XStack, YStack } from "tamagui";
|
|
5
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
const Frame = styled(Stack, {
|
|
7
|
-
borderWidth: 1,
|
|
8
|
-
borderColor: "$borderColor",
|
|
9
|
-
borderRadius: 5,
|
|
10
|
-
alignItems: "center",
|
|
11
|
-
justifyContent: "center",
|
|
12
|
-
variants: {
|
|
13
|
-
checked: {
|
|
14
|
-
indeterminate: {},
|
|
15
|
-
true: {
|
|
16
|
-
backgroundColor: "$color5"
|
|
17
|
-
},
|
|
18
|
-
false: {
|
|
19
|
-
backgroundColor: "$color3"
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
defaultVariants: {
|
|
24
|
-
checked: !1
|
|
25
|
-
}
|
|
26
|
-
}),
|
|
27
|
-
Indicator = styled(Stack, {}),
|
|
28
|
-
Checkbox = createCheckbox({
|
|
29
|
-
Frame,
|
|
30
|
-
Indicator
|
|
31
|
-
});
|
|
32
|
-
function CheckboxUnstyledDemo() {
|
|
33
|
-
return /* @__PURE__ */jsx(YStack, {
|
|
34
|
-
width: 200,
|
|
35
|
-
alignItems: "center",
|
|
36
|
-
gap: "$3",
|
|
37
|
-
children: /* @__PURE__ */jsxs(XStack, {
|
|
38
|
-
gap: "$3",
|
|
39
|
-
alignItems: "center",
|
|
40
|
-
children: [/* @__PURE__ */jsx(Checkbox, {
|
|
41
|
-
defaultChecked: !0,
|
|
42
|
-
id: "unstyled",
|
|
43
|
-
children: /* @__PURE__ */jsx(Checkbox.Indicator, {
|
|
44
|
-
children: /* @__PURE__ */jsx(Check, {})
|
|
45
|
-
})
|
|
46
|
-
}), /* @__PURE__ */jsx(Label, {
|
|
47
|
-
htmlFor: "unstyled",
|
|
48
|
-
children: "Unstyled"
|
|
49
|
-
})]
|
|
50
|
-
})
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
export { Checkbox, CheckboxUnstyledDemo };
|
|
54
|
-
//# sourceMappingURL=CheckboxUnstyledDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createCheckbox","Stack","styled","Check","Label","XStack","YStack","jsx","jsxs","Frame","borderWidth","borderColor","borderRadius","alignItems","justifyContent","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","Checkbox","CheckboxUnstyledDemo","width","gap","children","defaultChecked","id","htmlFor"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgCA,cAAA,QAAsB;AACtD,SAASC,KAAA,EAAOC,MAAA,QAAc;AAC9B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAmChC,SAGMC,GAAA,EAHNC,IAAA;AAjCN,MAAMC,KAAA,GAAQP,MAAA,CAAOD,KAAA,EAAO;IAC1BS,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,YAAA,EAAc;IACdC,UAAA,EAAY;IACZC,cAAA,EAAgB;IAChBC,QAAA,EAAU;MACRC,OAAA,EAAS;QACPC,aAAA,EAAe,CAAC;QAChBC,IAAA,EAAM;UACJC,eAAA,EAAiB;QACnB;QACAC,KAAA,EAAO;UACLD,eAAA,EAAiB;QACnB;MACF;IACF;IAEAE,eAAA,EAAiB;MACfL,OAAA,EAAS;IACX;EACF,CAAC;EAEKM,SAAA,GAAYpB,MAAA,CAAOD,KAAA,EAAO,CAAC,CAAC;EAErBsB,QAAA,GAAWvB,cAAA,CAAe;IACrCS,KAAA;IACAa;EACF,CAAC;AAEM,SAASE,qBAAA,EAAuB;EACrC,OACE,eAAAjB,GAAA,CAACD,MAAA;IAAOmB,KAAA,EAAO;IAAKZ,UAAA,EAAW;IAASa,GAAA,EAAI;IAC1CC,QAAA,iBAAAnB,IAAA,CAACH,MAAA;MAAOqB,GAAA,EAAI;MAAKb,UAAA,EAAW;MAC1Bc,QAAA,kBAAApB,GAAA,CAACgB,QAAA;QAASK,cAAA,EAAc;QAACC,EAAA,EAAG;QAC1BF,QAAA,iBAAApB,GAAA,CAACgB,QAAA,CAASD,SAAA,EAAT;UACCK,QAAA,iBAAApB,GAAA,CAACJ,KAAA,IAAM;QAAA,CACT;MAAA,CACF,GACA,eAAAI,GAAA,CAACH,KAAA;QAAM0B,OAAA,EAAQ;QAAWH,QAAA;MAAA,CAAQ;IAAA,CACpC;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { createCheckbox } from "@tamagui/checkbox";
|
|
3
|
-
import { Stack, styled } from "@tamagui/core";
|
|
4
|
-
import { Check } from "@tamagui/lucide-icons";
|
|
5
|
-
import { Label, XStack, YStack } from "tamagui";
|
|
6
|
-
var Frame = styled(Stack, {
|
|
7
|
-
borderWidth: 1,
|
|
8
|
-
borderColor: "$borderColor",
|
|
9
|
-
borderRadius: 5,
|
|
10
|
-
alignItems: "center",
|
|
11
|
-
justifyContent: "center",
|
|
12
|
-
variants: {
|
|
13
|
-
checked: {
|
|
14
|
-
indeterminate: {},
|
|
15
|
-
true: {
|
|
16
|
-
backgroundColor: "$color5"
|
|
17
|
-
},
|
|
18
|
-
false: {
|
|
19
|
-
backgroundColor: "$color3"
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
defaultVariants: {
|
|
24
|
-
checked: !1
|
|
25
|
-
}
|
|
26
|
-
}), Indicator = styled(Stack, {}), Checkbox = createCheckbox({
|
|
27
|
-
Frame,
|
|
28
|
-
Indicator
|
|
29
|
-
});
|
|
30
|
-
function CheckboxUnstyledDemo() {
|
|
31
|
-
return /* @__PURE__ */ _jsx(YStack, {
|
|
32
|
-
width: 200,
|
|
33
|
-
alignItems: "center",
|
|
34
|
-
gap: "$3",
|
|
35
|
-
children: /* @__PURE__ */ _jsxs(XStack, {
|
|
36
|
-
gap: "$3",
|
|
37
|
-
alignItems: "center",
|
|
38
|
-
children: [
|
|
39
|
-
/* @__PURE__ */ _jsx(Checkbox, {
|
|
40
|
-
defaultChecked: !0,
|
|
41
|
-
id: "unstyled",
|
|
42
|
-
children: /* @__PURE__ */ _jsx(Checkbox.Indicator, {
|
|
43
|
-
children: /* @__PURE__ */ _jsx(Check, {})
|
|
44
|
-
})
|
|
45
|
-
}),
|
|
46
|
-
/* @__PURE__ */ _jsx(Label, {
|
|
47
|
-
htmlFor: "unstyled",
|
|
48
|
-
children: "Unstyled"
|
|
49
|
-
})
|
|
50
|
-
]
|
|
51
|
-
})
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
export {
|
|
55
|
-
Checkbox,
|
|
56
|
-
CheckboxUnstyledDemo
|
|
57
|
-
};
|
|
58
|
-
//# sourceMappingURL=CheckboxUnstyledDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/CheckboxUnstyledDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAAgCA,sBAAsB;AACtD,SAASC,OAAOC,cAAc;AAC9B,SAASC,aAAa;AACtB,SAASC,OAAOC,QAAQC,cAAc;AAEtC,IAAMC,QAAQL,OAAOD,OAAO;EAC1BO,aAAa;EACbC,aAAa;EACbC,cAAc;EACdC,YAAY;EACZC,gBAAgB;EAChBC,UAAU;IACRC,SAAS;MACPC,eAAe,CAAC;MAChBC,MAAM;QACJC,iBAAiB;MACnB;MACAC,OAAO;QACLD,iBAAiB;MACnB;IACF;EACF;EAEAE,iBAAiB;IACfL,SAAS;EACX;AACF,CAAA,GAEMM,YAAYlB,OAAOD,OAAO,CAAC,CAAA,GAEpBoB,WAAWrB,eAAe;EACrCO;EACAa;AACF,CAAA;AAEO,SAASE,uBAAAA;AACd,SACE,qBAAChB,QAAAA;IAAOiB,OAAO;IAAKZ,YAAW;IAASa,KAAI;cAC1C,sBAACnB,QAAAA;MAAOmB,KAAI;MAAKb,YAAW;;QAC1B,qBAACU,UAAAA;UAASI,gBAAc;UAACC,IAAG;oBAC1B,qBAACL,SAASD,WAAS;sBACjB,qBAACjB,OAAAA,CAAAA,CAAAA;;;QAGL,qBAACC,OAAAA;UAAMuB,SAAQ;oBAAW;;;;;AAIlC;",
|
|
5
|
-
"names": ["createCheckbox", "Stack", "styled", "Check", "Label", "XStack", "YStack", "Frame", "borderWidth", "borderColor", "borderRadius", "alignItems", "justifyContent", "variants", "checked", "indeterminate", "true", "backgroundColor", "false", "defaultVariants", "Indicator", "Checkbox", "CheckboxUnstyledDemo", "width", "gap", "defaultChecked", "id", "htmlFor"]
|
|
6
|
-
}
|
package/dist/jsx/ColorsDemo.js
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
H2,
|
|
3
|
-
Paragraph,
|
|
4
|
-
Separator,
|
|
5
|
-
Square,
|
|
6
|
-
XStack,
|
|
7
|
-
YStack,
|
|
8
|
-
getTokens,
|
|
9
|
-
getVariableValue
|
|
10
|
-
} from "tamagui";
|
|
11
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
|
-
const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
|
|
13
|
-
function ColorsDemo() {
|
|
14
|
-
const colors = getTokens({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
|
|
15
|
-
return /* @__PURE__ */ jsxs(YStack, { marginTop: "$4", space: "$8", children: [
|
|
16
|
-
/* @__PURE__ */ jsx(ColorsRow, { title: "Light", colors: colorsLight }),
|
|
17
|
-
/* @__PURE__ */ jsx(Separator, {}),
|
|
18
|
-
/* @__PURE__ */ jsx(ColorsRow, { title: "Dark", colors: colorsDark })
|
|
19
|
-
] });
|
|
20
|
-
}
|
|
21
|
-
function ColorsRow({ title, colors }) {
|
|
22
|
-
return /* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, children: [
|
|
23
|
-
/* @__PURE__ */ jsx(H2, { size: "$2", children: title }),
|
|
24
|
-
/* @__PURE__ */ jsxs(XStack, { space: !0, alignSelf: "center", children: [
|
|
25
|
-
/* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, alignSelf: "center", children: [
|
|
26
|
-
colors.map((group, index) => /* @__PURE__ */ jsx(XStack, { gap: "$2", children: group.map((color) => /* @__PURE__ */ jsx(
|
|
27
|
-
Square,
|
|
28
|
-
{
|
|
29
|
-
borderRadius: "$2",
|
|
30
|
-
size: "$4",
|
|
31
|
-
height: "$4",
|
|
32
|
-
borderWidth: 1,
|
|
33
|
-
backgroundColor: getVariableValue(color),
|
|
34
|
-
borderColor: "$color7",
|
|
35
|
-
$sm: {
|
|
36
|
-
size: "$2"
|
|
37
|
-
},
|
|
38
|
-
$xs: {
|
|
39
|
-
size: "$1"
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
`${color.key}${index}`
|
|
43
|
-
)) }, index)),
|
|
44
|
-
/* @__PURE__ */ jsx(XStack, { gap: "$2", alignSelf: "center", children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */ jsx(
|
|
45
|
-
Paragraph,
|
|
46
|
-
{
|
|
47
|
-
color: "$color10",
|
|
48
|
-
textAlign: "center",
|
|
49
|
-
width: "$4",
|
|
50
|
-
$sm: {
|
|
51
|
-
width: "$2"
|
|
52
|
-
},
|
|
53
|
-
$xs: {
|
|
54
|
-
width: "$1"
|
|
55
|
-
},
|
|
56
|
-
children: index
|
|
57
|
-
},
|
|
58
|
-
index
|
|
59
|
-
)) })
|
|
60
|
-
] }),
|
|
61
|
-
/* @__PURE__ */ jsx(YStack, { gap: "$4", marginTop: "$2", children: colorGroups.map((name) => /* @__PURE__ */ jsx(
|
|
62
|
-
Paragraph,
|
|
63
|
-
{
|
|
64
|
-
theme: name,
|
|
65
|
-
color: "$color10",
|
|
66
|
-
height: "$4",
|
|
67
|
-
rotate: "-10deg",
|
|
68
|
-
$sm: {
|
|
69
|
-
height: "$2"
|
|
70
|
-
},
|
|
71
|
-
$xs: {
|
|
72
|
-
height: "$1"
|
|
73
|
-
},
|
|
74
|
-
children: name
|
|
75
|
-
},
|
|
76
|
-
name
|
|
77
|
-
)) })
|
|
78
|
-
] })
|
|
79
|
-
] });
|
|
80
|
-
}
|
|
81
|
-
function getColors(colors, dark = !1) {
|
|
82
|
-
return colorGroups.map((group) => Object.keys(colors).filter(
|
|
83
|
-
(color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
|
|
84
|
-
).map((key) => colors[key]));
|
|
85
|
-
}
|
|
86
|
-
export {
|
|
87
|
-
ColorsDemo
|
|
88
|
-
};
|
|
89
|
-
//# sourceMappingURL=ColorsDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ColorsDemo.tsx"],
|
|
4
|
-
"mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASH,SACE,KADF;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,qBAAC,UAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,wBAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,oBAAC,aAAU;AAAA,IACX,oBAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,qBAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,wBAAC,MAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,qBAAC,UAAO,OAAK,IAAC,WAAU,UACtB;AAAA,2BAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAAG,WAAU,UAC3C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,oBAAC,UAAO,KAAI,MACT,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,iBAAiB,iBAAiB,KAAK;AAAA,YACvC,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBmB,KAoBtB,CAEH;AAAA,QAED,oBAAC,UAAO,KAAI,MAAK,WAAU,UACxB,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,oBAAC,UAAO,KAAI,MAAK,WAAU,MACxB,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/ColorsDemo.mjs
DELETED
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { H2, Paragraph, Separator, Square, XStack, YStack, getTokens, getVariableValue } from "tamagui";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
|
|
4
|
-
function ColorsDemo() {
|
|
5
|
-
const colors = getTokens({
|
|
6
|
-
prefixed: !1
|
|
7
|
-
}).color,
|
|
8
|
-
[colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
|
|
9
|
-
return /* @__PURE__ */jsxs(YStack, {
|
|
10
|
-
marginTop: "$4",
|
|
11
|
-
space: "$8",
|
|
12
|
-
children: [/* @__PURE__ */jsx(ColorsRow, {
|
|
13
|
-
title: "Light",
|
|
14
|
-
colors: colorsLight
|
|
15
|
-
}), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(ColorsRow, {
|
|
16
|
-
title: "Dark",
|
|
17
|
-
colors: colorsDark
|
|
18
|
-
})]
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
function ColorsRow({
|
|
22
|
-
title,
|
|
23
|
-
colors
|
|
24
|
-
}) {
|
|
25
|
-
return /* @__PURE__ */jsxs(YStack, {
|
|
26
|
-
space: !0,
|
|
27
|
-
$sm: {
|
|
28
|
-
space: "$2"
|
|
29
|
-
},
|
|
30
|
-
children: [/* @__PURE__ */jsx(H2, {
|
|
31
|
-
size: "$2",
|
|
32
|
-
children: title
|
|
33
|
-
}), /* @__PURE__ */jsxs(XStack, {
|
|
34
|
-
space: !0,
|
|
35
|
-
alignSelf: "center",
|
|
36
|
-
children: [/* @__PURE__ */jsxs(YStack, {
|
|
37
|
-
space: !0,
|
|
38
|
-
$sm: {
|
|
39
|
-
space: "$2"
|
|
40
|
-
},
|
|
41
|
-
alignSelf: "center",
|
|
42
|
-
children: [colors.map((group, index) => /* @__PURE__ */jsx(XStack, {
|
|
43
|
-
gap: "$2",
|
|
44
|
-
children: group.map(color => /* @__PURE__ */jsx(Square, {
|
|
45
|
-
borderRadius: "$2",
|
|
46
|
-
size: "$4",
|
|
47
|
-
height: "$4",
|
|
48
|
-
borderWidth: 1,
|
|
49
|
-
backgroundColor: getVariableValue(color),
|
|
50
|
-
borderColor: "$color7",
|
|
51
|
-
$sm: {
|
|
52
|
-
size: "$2"
|
|
53
|
-
},
|
|
54
|
-
$xs: {
|
|
55
|
-
size: "$1"
|
|
56
|
-
}
|
|
57
|
-
}, `${color.key}${index}`))
|
|
58
|
-
}, index)), /* @__PURE__ */jsx(XStack, {
|
|
59
|
-
gap: "$2",
|
|
60
|
-
alignSelf: "center",
|
|
61
|
-
children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */jsx(Paragraph, {
|
|
62
|
-
color: "$color10",
|
|
63
|
-
textAlign: "center",
|
|
64
|
-
width: "$4",
|
|
65
|
-
$sm: {
|
|
66
|
-
width: "$2"
|
|
67
|
-
},
|
|
68
|
-
$xs: {
|
|
69
|
-
width: "$1"
|
|
70
|
-
},
|
|
71
|
-
children: index
|
|
72
|
-
}, index))
|
|
73
|
-
})]
|
|
74
|
-
}), /* @__PURE__ */jsx(YStack, {
|
|
75
|
-
gap: "$4",
|
|
76
|
-
marginTop: "$2",
|
|
77
|
-
children: colorGroups.map(name => /* @__PURE__ */jsx(Paragraph, {
|
|
78
|
-
theme: name,
|
|
79
|
-
color: "$color10",
|
|
80
|
-
height: "$4",
|
|
81
|
-
rotate: "-10deg",
|
|
82
|
-
$sm: {
|
|
83
|
-
height: "$2"
|
|
84
|
-
},
|
|
85
|
-
$xs: {
|
|
86
|
-
height: "$1"
|
|
87
|
-
},
|
|
88
|
-
children: name
|
|
89
|
-
}, name))
|
|
90
|
-
})]
|
|
91
|
-
})]
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
function getColors(colors, dark = !1) {
|
|
95
|
-
return colorGroups.map(group => Object.keys(colors).filter(color => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))).map(key => colors[key]));
|
|
96
|
-
}
|
|
97
|
-
export { ColorsDemo };
|
|
98
|
-
//# sourceMappingURL=ColorsDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["H2","Paragraph","Separator","Square","XStack","YStack","getTokens","getVariableValue","jsx","jsxs","colorGroups","ColorsDemo","colors","prefixed","color","colorsLight","colorsDark","getColors","marginTop","space","children","ColorsRow","title","$sm","size","alignSelf","map","group","index","gap","borderRadius","height","borderWidth","backgroundColor","borderColor","$xs","key","Array","fill","slice","_","textAlign","width","name","theme","rotate","dark","Object","keys","filter","startsWith","endsWith"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { H2, Paragraph, Separator, Square, XStack, YStack, getTokens, getVariableValue } from "tamagui";
|
|
3
|
-
var colorGroups = [
|
|
4
|
-
"orange",
|
|
5
|
-
"yellow",
|
|
6
|
-
"green",
|
|
7
|
-
"blue",
|
|
8
|
-
"purple",
|
|
9
|
-
"pink",
|
|
10
|
-
"red"
|
|
11
|
-
];
|
|
12
|
-
function ColorsDemo() {
|
|
13
|
-
var colors = getTokens({
|
|
14
|
-
prefixed: !1
|
|
15
|
-
}).color, [colorsLight, colorsDark] = [
|
|
16
|
-
getColors(colors),
|
|
17
|
-
getColors(colors, !0)
|
|
18
|
-
];
|
|
19
|
-
return /* @__PURE__ */ _jsxs(YStack, {
|
|
20
|
-
marginTop: "$4",
|
|
21
|
-
space: "$8",
|
|
22
|
-
children: [
|
|
23
|
-
/* @__PURE__ */ _jsx(ColorsRow, {
|
|
24
|
-
title: "Light",
|
|
25
|
-
colors: colorsLight
|
|
26
|
-
}),
|
|
27
|
-
/* @__PURE__ */ _jsx(Separator, {}),
|
|
28
|
-
/* @__PURE__ */ _jsx(ColorsRow, {
|
|
29
|
-
title: "Dark",
|
|
30
|
-
colors: colorsDark
|
|
31
|
-
})
|
|
32
|
-
]
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
function ColorsRow(param) {
|
|
36
|
-
var { title, colors } = param;
|
|
37
|
-
return /* @__PURE__ */ _jsxs(YStack, {
|
|
38
|
-
space: !0,
|
|
39
|
-
$sm: {
|
|
40
|
-
space: "$2"
|
|
41
|
-
},
|
|
42
|
-
children: [
|
|
43
|
-
/* @__PURE__ */ _jsx(H2, {
|
|
44
|
-
size: "$2",
|
|
45
|
-
children: title
|
|
46
|
-
}),
|
|
47
|
-
/* @__PURE__ */ _jsxs(XStack, {
|
|
48
|
-
space: !0,
|
|
49
|
-
alignSelf: "center",
|
|
50
|
-
children: [
|
|
51
|
-
/* @__PURE__ */ _jsxs(YStack, {
|
|
52
|
-
space: !0,
|
|
53
|
-
$sm: {
|
|
54
|
-
space: "$2"
|
|
55
|
-
},
|
|
56
|
-
alignSelf: "center",
|
|
57
|
-
children: [
|
|
58
|
-
colors.map(function(group, index) {
|
|
59
|
-
return /* @__PURE__ */ _jsx(XStack, {
|
|
60
|
-
gap: "$2",
|
|
61
|
-
children: group.map(function(color) {
|
|
62
|
-
return /* @__PURE__ */ _jsx(Square, {
|
|
63
|
-
borderRadius: "$2",
|
|
64
|
-
size: "$4",
|
|
65
|
-
height: "$4",
|
|
66
|
-
borderWidth: 1,
|
|
67
|
-
backgroundColor: getVariableValue(color),
|
|
68
|
-
borderColor: "$color7",
|
|
69
|
-
$sm: {
|
|
70
|
-
size: "$2"
|
|
71
|
-
},
|
|
72
|
-
$xs: {
|
|
73
|
-
size: "$1"
|
|
74
|
-
}
|
|
75
|
-
}, `${color.key}${index}`);
|
|
76
|
-
})
|
|
77
|
-
}, index);
|
|
78
|
-
}),
|
|
79
|
-
/* @__PURE__ */ _jsx(XStack, {
|
|
80
|
-
gap: "$2",
|
|
81
|
-
alignSelf: "center",
|
|
82
|
-
children: new Array(13).fill(0).slice(1).map(function(_, index) {
|
|
83
|
-
return /* @__PURE__ */ _jsx(Paragraph, {
|
|
84
|
-
color: "$color10",
|
|
85
|
-
textAlign: "center",
|
|
86
|
-
width: "$4",
|
|
87
|
-
$sm: {
|
|
88
|
-
width: "$2"
|
|
89
|
-
},
|
|
90
|
-
$xs: {
|
|
91
|
-
width: "$1"
|
|
92
|
-
},
|
|
93
|
-
children: index
|
|
94
|
-
}, index);
|
|
95
|
-
})
|
|
96
|
-
})
|
|
97
|
-
]
|
|
98
|
-
}),
|
|
99
|
-
/* @__PURE__ */ _jsx(YStack, {
|
|
100
|
-
gap: "$4",
|
|
101
|
-
marginTop: "$2",
|
|
102
|
-
children: colorGroups.map(function(name) {
|
|
103
|
-
return /* @__PURE__ */ _jsx(Paragraph, {
|
|
104
|
-
theme: name,
|
|
105
|
-
color: "$color10",
|
|
106
|
-
height: "$4",
|
|
107
|
-
rotate: "-10deg",
|
|
108
|
-
$sm: {
|
|
109
|
-
height: "$2"
|
|
110
|
-
},
|
|
111
|
-
$xs: {
|
|
112
|
-
height: "$1"
|
|
113
|
-
},
|
|
114
|
-
children: name
|
|
115
|
-
}, name);
|
|
116
|
-
})
|
|
117
|
-
})
|
|
118
|
-
]
|
|
119
|
-
})
|
|
120
|
-
]
|
|
121
|
-
});
|
|
122
|
-
}
|
|
123
|
-
function getColors(colors) {
|
|
124
|
-
var dark = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
|
|
125
|
-
return colorGroups.map(function(group) {
|
|
126
|
-
return Object.keys(colors).filter(function(color) {
|
|
127
|
-
return color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"));
|
|
128
|
-
}).map(function(key) {
|
|
129
|
-
return colors[key];
|
|
130
|
-
});
|
|
131
|
-
});
|
|
132
|
-
}
|
|
133
|
-
export {
|
|
134
|
-
ColorsDemo
|
|
135
|
-
};
|
|
136
|
-
//# sourceMappingURL=ColorsDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/ColorsDemo.tsx"],
|
|
4
|
-
"mappings": ";AACA,SACEA,IACAC,WACAC,WACAC,QACAC,QACAC,QACAC,WACAC,wBACK;AAEP,IAAMC,cAAc;EAAC;EAAU;EAAU;EAAS;EAAQ;EAAU;EAAQ;;AAErE,SAASC,aAAAA;AACd,MAAMC,SAASJ,UAAU;IAAEK,UAAU;EAAM,CAAA,EAAGC,OACxC,CAACC,aAAaC,UAAAA,IAAc;IAACC,UAAUL,MAAAA;IAASK,UAAUL,QAAQ,EAAA;;AAExE,SACE,sBAACL,QAAAA;IAAOW,WAAU;IAAKC,OAAM;;MAC3B,qBAACC,WAAAA;QAAUC,OAAM;QAAQT,QAAQG;;MACjC,qBAACX,WAAAA,CAAAA,CAAAA;MACD,qBAACgB,WAAAA;QAAUC,OAAM;QAAOT,QAAQI;;;;AAGtC;AAEA,SAASI,UAAU,OAA0D;MAA1D,EAAEC,OAAOT,OAAM,IAAf;AACjB,SACE,sBAACL,QAAAA;IAAOY,OAAK;IAACG,KAAK;MAAEH,OAAO;IAAK;;MAC/B,qBAACjB,IAAAA;QAAGqB,MAAK;kBAAMF;;MAEf,sBAACf,QAAAA;QAAOa,OAAK;QAACK,WAAU;;UACtB,sBAACjB,QAAAA;YAAOY,OAAK;YAACG,KAAK;cAAEH,OAAO;YAAK;YAAGK,WAAU;;cAC3CZ,OAAOa,IAAI,SAACC,OAAOC,OAAAA;AAClB,uBACE,qBAACrB,QAAAA;kBAAOsB,KAAI;4BACTF,MAAMD,IAAI,SAACX,OAAAA;AACV,2BACE,qBAACT,QAAAA;sBAECwB,cAAa;sBACbN,MAAK;sBACLO,QAAO;sBACPC,aAAa;sBACbC,iBAAiBvB,iBAAiBK,KAAAA;sBAClCmB,aAAY;sBACZX,KAAK;wBACHC,MAAM;sBACR;sBACAW,KAAK;wBACHX,MAAM;sBACR;uBAZK,GAAGT,MAAMqB,GAAG,GAAGR,KAAAA,EAAO;kBAejC,CAAA;mBAnBoBA,KAAAA;cAsB1B,CAAA;cAEA,qBAACrB,QAAAA;gBAAOsB,KAAI;gBAAKJ,WAAU;0BACxB,IAAIY,MAAM,EAAA,EACRC,KAAK,CAAA,EACLC,MAAM,CAAA,EACNb,IAAI,SAACc,GAAGZ,OAAAA;AACP,yBACE,qBAACxB,WAAAA;oBACCW,OAAM;oBACN0B,WAAU;oBACVC,OAAM;oBACNnB,KAAK;sBACHmB,OAAO;oBACT;oBACAP,KAAK;sBACHO,OAAO;oBACT;8BAGCd;qBAFIA,KAAAA;gBAKX,CAAA;;;;UAIN,qBAACpB,QAAAA;YAAOqB,KAAI;YAAKV,WAAU;sBACxBR,YAAYe,IAAI,SAACiB,MAAAA;qBAChB,qBAACvC,WAAAA;gBACCwC,OAAOD;gBACP5B,OAAM;gBACNgB,QAAO;gBACPc,QAAO;gBACPtB,KAAK;kBACHQ,QAAQ;gBACV;gBACAI,KAAK;kBACHJ,QAAQ;gBACV;0BAGCY;iBAFIA,IAAAA;;;;;;;AASnB;AAEA,SAASzB,UAAUL,QAAgC;MAAEiC,OAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAO;AAC1D,SAAOnC,YAAYe,IAAI,SAACC,OAAAA;AACtB,WAAOoB,OAAOC,KAAKnC,MAAAA,EAChBoC,OACC,SAAClC,OAAAA;aACCA,MAAMmC,WAAWvB,KAAAA,MAChBmB,OAAO/B,MAAMoC,SAAS,MAAA,IAAU,CAACpC,MAAMoC,SAAS,MAAA;OAEpDzB,IAAI,SAACU,KAAAA;aAAQvB,OAAOuB,GAAAA;;EACzB,CAAA;AACF;",
|
|
5
|
-
"names": ["H2", "Paragraph", "Separator", "Square", "XStack", "YStack", "getTokens", "getVariableValue", "colorGroups", "ColorsDemo", "colors", "prefixed", "color", "colorsLight", "colorsDark", "getColors", "marginTop", "space", "ColorsRow", "title", "$sm", "size", "alignSelf", "map", "group", "index", "gap", "borderRadius", "height", "borderWidth", "backgroundColor", "borderColor", "$xs", "key", "Array", "fill", "slice", "_", "textAlign", "width", "name", "theme", "rotate", "dark", "Object", "keys", "filter", "startsWith", "endsWith"]
|
|
6
|
-
}
|
package/dist/jsx/DialogDemo.js
DELETED
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { X } from "@tamagui/lucide-icons";
|
|
2
|
-
import {
|
|
3
|
-
Adapt,
|
|
4
|
-
Button,
|
|
5
|
-
Dialog,
|
|
6
|
-
Fieldset,
|
|
7
|
-
Input,
|
|
8
|
-
Label,
|
|
9
|
-
Paragraph,
|
|
10
|
-
Sheet,
|
|
11
|
-
TooltipSimple,
|
|
12
|
-
Unspaced,
|
|
13
|
-
XStack
|
|
14
|
-
} from "tamagui";
|
|
15
|
-
import { SelectDemoItem } from "./SelectDemo";
|
|
16
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
17
|
-
function DialogDemo() {
|
|
18
|
-
return /* @__PURE__ */ jsx(DialogInstance, {});
|
|
19
|
-
}
|
|
20
|
-
function DialogInstance() {
|
|
21
|
-
return /* @__PURE__ */ jsxs(Dialog, { modal: !0, children: [
|
|
22
|
-
/* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "Show Dialog" }) }),
|
|
23
|
-
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
24
|
-
/* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
|
|
25
|
-
/* @__PURE__ */ jsx(
|
|
26
|
-
Sheet.Overlay,
|
|
27
|
-
{
|
|
28
|
-
animation: "lazy",
|
|
29
|
-
enterStyle: { opacity: 0 },
|
|
30
|
-
exitStyle: { opacity: 0 }
|
|
31
|
-
}
|
|
32
|
-
)
|
|
33
|
-
] }) }),
|
|
34
|
-
/* @__PURE__ */ jsxs(Dialog.Portal, { children: [
|
|
35
|
-
/* @__PURE__ */ jsx(
|
|
36
|
-
Dialog.Overlay,
|
|
37
|
-
{
|
|
38
|
-
animation: "slow",
|
|
39
|
-
opacity: 0.5,
|
|
40
|
-
enterStyle: { opacity: 0 },
|
|
41
|
-
exitStyle: { opacity: 0 }
|
|
42
|
-
},
|
|
43
|
-
"overlay"
|
|
44
|
-
),
|
|
45
|
-
/* @__PURE__ */ jsxs(
|
|
46
|
-
Dialog.Content,
|
|
47
|
-
{
|
|
48
|
-
bordered: !0,
|
|
49
|
-
elevate: !0,
|
|
50
|
-
animateOnly: ["transform", "opacity"],
|
|
51
|
-
animation: [
|
|
52
|
-
"quicker",
|
|
53
|
-
{
|
|
54
|
-
opacity: {
|
|
55
|
-
overshootClamping: !0
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
],
|
|
59
|
-
enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
|
|
60
|
-
exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
|
|
61
|
-
gap: "$4",
|
|
62
|
-
children: [
|
|
63
|
-
/* @__PURE__ */ jsx(Dialog.Title, { children: "Edit profile" }),
|
|
64
|
-
/* @__PURE__ */ jsx(Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
|
|
65
|
-
/* @__PURE__ */ jsxs(Fieldset, { gap: "$4", horizontal: !0, children: [
|
|
66
|
-
/* @__PURE__ */ jsx(Label, { width: 130, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
|
|
67
|
-
/* @__PURE__ */ jsx(Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
|
|
68
|
-
] }),
|
|
69
|
-
/* @__PURE__ */ jsxs(Fieldset, { gap: "$4", horizontal: !0, children: [
|
|
70
|
-
/* @__PURE__ */ jsx(Label, { width: 130, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ jsx(TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ jsx(Paragraph, { children: "Food" }) }) }),
|
|
71
|
-
/* @__PURE__ */ jsx(SelectDemoItem, {})
|
|
72
|
-
] }),
|
|
73
|
-
/* @__PURE__ */ jsxs(XStack, { alignSelf: "flex-end", gap: "$4", children: [
|
|
74
|
-
/* @__PURE__ */ jsx(DialogInstance, {}),
|
|
75
|
-
/* @__PURE__ */ jsx(Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ jsx(Button, { theme: "active", "aria-label": "Close", children: "Save changes" }) })
|
|
76
|
-
] }),
|
|
77
|
-
/* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
|
|
78
|
-
Button,
|
|
79
|
-
{
|
|
80
|
-
position: "absolute",
|
|
81
|
-
top: "$3",
|
|
82
|
-
right: "$3",
|
|
83
|
-
size: "$2",
|
|
84
|
-
circular: !0,
|
|
85
|
-
icon: X
|
|
86
|
-
}
|
|
87
|
-
) }) })
|
|
88
|
-
]
|
|
89
|
-
},
|
|
90
|
-
"content"
|
|
91
|
-
)
|
|
92
|
-
] })
|
|
93
|
-
] });
|
|
94
|
-
}
|
|
95
|
-
export {
|
|
96
|
-
DialogDemo
|
|
97
|
-
};
|
|
98
|
-
//# sourceMappingURL=DialogDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAGtB,cAWD,YAXC;AADF,SAAS,aAAa;AAC3B,SAAO,oBAAC,kBAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,OAAO,SAAP,EAAe,SAAO,IACrB,8BAAC,UAAO,yBAAW,GACrB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,SAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,0BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,MAAM;AAAA,QAAN;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA,qBAAC,OAAO,QAAP,EACC;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,KAAI;AAAA,UAEJ;AAAA,gCAAC,OAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,oBAAC,OAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,8BAAC,iBAAc,OAAM,sBAAqB,WAAU,gBAClD,8BAAC,aAAU,kBAAI,GACjB,GACF;AAAA,cACA,oBAAC,kBAAe;AAAA,eAClB;AAAA,YAEA,qBAAC,UAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,kCAAC,kBAAe;AAAA,cAEhB,oBAAC,OAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,8BAAC,UAAO,OAAM,UAAS,cAAW,SAAQ,0BAE1C,GACF;AAAA,eACF;AAAA,YAEA,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,IACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAtDI;AAAA,MAuDN;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|