@tamagui/demos 1.123.0 → 1.123.1
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/package.json +19 -20
- 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,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
|
-
}
|
package/dist/jsx/DialogDemo.mjs
DELETED
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import { X } from "@tamagui/lucide-icons";
|
|
2
|
-
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, XStack } from "tamagui";
|
|
3
|
-
import { SelectDemoItem } from "./SelectDemo.mjs";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
function DialogDemo() {
|
|
6
|
-
return /* @__PURE__ */jsx(DialogInstance, {});
|
|
7
|
-
}
|
|
8
|
-
function DialogInstance() {
|
|
9
|
-
return /* @__PURE__ */jsxs(Dialog, {
|
|
10
|
-
modal: !0,
|
|
11
|
-
children: [/* @__PURE__ */jsx(Dialog.Trigger, {
|
|
12
|
-
asChild: !0,
|
|
13
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
14
|
-
children: "Show Dialog"
|
|
15
|
-
})
|
|
16
|
-
}), /* @__PURE__ */jsx(Adapt, {
|
|
17
|
-
when: "sm",
|
|
18
|
-
platform: "touch",
|
|
19
|
-
children: /* @__PURE__ */jsxs(Sheet, {
|
|
20
|
-
animation: "medium",
|
|
21
|
-
zIndex: 2e5,
|
|
22
|
-
modal: !0,
|
|
23
|
-
dismissOnSnapToBottom: !0,
|
|
24
|
-
children: [/* @__PURE__ */jsx(Sheet.Frame, {
|
|
25
|
-
padding: "$4",
|
|
26
|
-
gap: "$4",
|
|
27
|
-
children: /* @__PURE__ */jsx(Adapt.Contents, {})
|
|
28
|
-
}), /* @__PURE__ */jsx(Sheet.Overlay, {
|
|
29
|
-
animation: "lazy",
|
|
30
|
-
enterStyle: {
|
|
31
|
-
opacity: 0
|
|
32
|
-
},
|
|
33
|
-
exitStyle: {
|
|
34
|
-
opacity: 0
|
|
35
|
-
}
|
|
36
|
-
})]
|
|
37
|
-
})
|
|
38
|
-
}), /* @__PURE__ */jsxs(Dialog.Portal, {
|
|
39
|
-
children: [/* @__PURE__ */jsx(Dialog.Overlay, {
|
|
40
|
-
animation: "slow",
|
|
41
|
-
opacity: 0.5,
|
|
42
|
-
enterStyle: {
|
|
43
|
-
opacity: 0
|
|
44
|
-
},
|
|
45
|
-
exitStyle: {
|
|
46
|
-
opacity: 0
|
|
47
|
-
}
|
|
48
|
-
}, "overlay"), /* @__PURE__ */jsxs(Dialog.Content, {
|
|
49
|
-
bordered: !0,
|
|
50
|
-
elevate: !0,
|
|
51
|
-
animateOnly: ["transform", "opacity"],
|
|
52
|
-
animation: ["quicker", {
|
|
53
|
-
opacity: {
|
|
54
|
-
overshootClamping: !0
|
|
55
|
-
}
|
|
56
|
-
}],
|
|
57
|
-
enterStyle: {
|
|
58
|
-
x: 0,
|
|
59
|
-
y: -20,
|
|
60
|
-
opacity: 0,
|
|
61
|
-
scale: 0.9
|
|
62
|
-
},
|
|
63
|
-
exitStyle: {
|
|
64
|
-
x: 0,
|
|
65
|
-
y: 10,
|
|
66
|
-
opacity: 0,
|
|
67
|
-
scale: 0.95
|
|
68
|
-
},
|
|
69
|
-
gap: "$4",
|
|
70
|
-
children: [/* @__PURE__ */jsx(Dialog.Title, {
|
|
71
|
-
children: "Edit profile"
|
|
72
|
-
}), /* @__PURE__ */jsx(Dialog.Description, {
|
|
73
|
-
children: "Make changes to your profile here. Click save when you're done."
|
|
74
|
-
}), /* @__PURE__ */jsxs(Fieldset, {
|
|
75
|
-
gap: "$4",
|
|
76
|
-
horizontal: !0,
|
|
77
|
-
children: [/* @__PURE__ */jsx(Label, {
|
|
78
|
-
width: 130,
|
|
79
|
-
justifyContent: "flex-end",
|
|
80
|
-
htmlFor: "name",
|
|
81
|
-
children: "Name"
|
|
82
|
-
}), /* @__PURE__ */jsx(Input, {
|
|
83
|
-
flex: 1,
|
|
84
|
-
id: "name",
|
|
85
|
-
defaultValue: "Nate Wienert"
|
|
86
|
-
})]
|
|
87
|
-
}), /* @__PURE__ */jsxs(Fieldset, {
|
|
88
|
-
gap: "$4",
|
|
89
|
-
horizontal: !0,
|
|
90
|
-
children: [/* @__PURE__ */jsx(Label, {
|
|
91
|
-
width: 130,
|
|
92
|
-
justifyContent: "flex-end",
|
|
93
|
-
htmlFor: "username",
|
|
94
|
-
children: /* @__PURE__ */jsx(TooltipSimple, {
|
|
95
|
-
label: "Pick your favorite",
|
|
96
|
-
placement: "bottom-start",
|
|
97
|
-
children: /* @__PURE__ */jsx(Paragraph, {
|
|
98
|
-
children: "Food"
|
|
99
|
-
})
|
|
100
|
-
})
|
|
101
|
-
}), /* @__PURE__ */jsx(SelectDemoItem, {})]
|
|
102
|
-
}), /* @__PURE__ */jsxs(XStack, {
|
|
103
|
-
alignSelf: "flex-end",
|
|
104
|
-
gap: "$4",
|
|
105
|
-
children: [/* @__PURE__ */jsx(DialogInstance, {}), /* @__PURE__ */jsx(Dialog.Close, {
|
|
106
|
-
displayWhenAdapted: !0,
|
|
107
|
-
asChild: !0,
|
|
108
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
109
|
-
theme: "active",
|
|
110
|
-
"aria-label": "Close",
|
|
111
|
-
children: "Save changes"
|
|
112
|
-
})
|
|
113
|
-
})]
|
|
114
|
-
}), /* @__PURE__ */jsx(Unspaced, {
|
|
115
|
-
children: /* @__PURE__ */jsx(Dialog.Close, {
|
|
116
|
-
asChild: !0,
|
|
117
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
118
|
-
position: "absolute",
|
|
119
|
-
top: "$3",
|
|
120
|
-
right: "$3",
|
|
121
|
-
size: "$2",
|
|
122
|
-
circular: !0,
|
|
123
|
-
icon: X
|
|
124
|
-
})
|
|
125
|
-
})
|
|
126
|
-
})]
|
|
127
|
-
}, "content")]
|
|
128
|
-
})]
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
export { DialogDemo };
|
|
132
|
-
//# sourceMappingURL=DialogDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","XStack","SelectDemoItem","jsx","jsxs","DialogDemo","DialogInstance","modal","children","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","gap","Contents","Overlay","enterStyle","opacity","exitStyle","Portal","Content","bordered","elevate","animateOnly","overshootClamping","x","y","scale","Title","Description","horizontal","width","justifyContent","htmlFor","flex","id","defaultValue","label","placement","alignSelf","Close","displayWhenAdapted","theme","position","top","right","size","circular","icon"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { X } from "@tamagui/lucide-icons";
|
|
3
|
-
import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, XStack } from "tamagui";
|
|
4
|
-
import { SelectDemoItem } from "./SelectDemo";
|
|
5
|
-
function DialogDemo() {
|
|
6
|
-
return /* @__PURE__ */ _jsx(DialogInstance, {});
|
|
7
|
-
}
|
|
8
|
-
function DialogInstance() {
|
|
9
|
-
return /* @__PURE__ */ _jsxs(Dialog, {
|
|
10
|
-
modal: !0,
|
|
11
|
-
children: [
|
|
12
|
-
/* @__PURE__ */ _jsx(Dialog.Trigger, {
|
|
13
|
-
asChild: !0,
|
|
14
|
-
children: /* @__PURE__ */ _jsx(Button, {
|
|
15
|
-
children: "Show Dialog"
|
|
16
|
-
})
|
|
17
|
-
}),
|
|
18
|
-
/* @__PURE__ */ _jsx(Adapt, {
|
|
19
|
-
when: "sm",
|
|
20
|
-
platform: "touch",
|
|
21
|
-
children: /* @__PURE__ */ _jsxs(Sheet, {
|
|
22
|
-
animation: "medium",
|
|
23
|
-
zIndex: 2e5,
|
|
24
|
-
modal: !0,
|
|
25
|
-
dismissOnSnapToBottom: !0,
|
|
26
|
-
children: [
|
|
27
|
-
/* @__PURE__ */ _jsx(Sheet.Frame, {
|
|
28
|
-
padding: "$4",
|
|
29
|
-
gap: "$4",
|
|
30
|
-
children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
|
|
31
|
-
}),
|
|
32
|
-
/* @__PURE__ */ _jsx(Sheet.Overlay, {
|
|
33
|
-
animation: "lazy",
|
|
34
|
-
enterStyle: {
|
|
35
|
-
opacity: 0
|
|
36
|
-
},
|
|
37
|
-
exitStyle: {
|
|
38
|
-
opacity: 0
|
|
39
|
-
}
|
|
40
|
-
})
|
|
41
|
-
]
|
|
42
|
-
})
|
|
43
|
-
}),
|
|
44
|
-
/* @__PURE__ */ _jsxs(Dialog.Portal, {
|
|
45
|
-
children: [
|
|
46
|
-
/* @__PURE__ */ _jsx(Dialog.Overlay, {
|
|
47
|
-
animation: "slow",
|
|
48
|
-
opacity: 0.5,
|
|
49
|
-
enterStyle: {
|
|
50
|
-
opacity: 0
|
|
51
|
-
},
|
|
52
|
-
exitStyle: {
|
|
53
|
-
opacity: 0
|
|
54
|
-
}
|
|
55
|
-
}, "overlay"),
|
|
56
|
-
/* @__PURE__ */ _jsxs(Dialog.Content, {
|
|
57
|
-
bordered: !0,
|
|
58
|
-
elevate: !0,
|
|
59
|
-
animateOnly: [
|
|
60
|
-
"transform",
|
|
61
|
-
"opacity"
|
|
62
|
-
],
|
|
63
|
-
animation: [
|
|
64
|
-
"quicker",
|
|
65
|
-
{
|
|
66
|
-
opacity: {
|
|
67
|
-
overshootClamping: !0
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
],
|
|
71
|
-
enterStyle: {
|
|
72
|
-
x: 0,
|
|
73
|
-
y: -20,
|
|
74
|
-
opacity: 0,
|
|
75
|
-
scale: 0.9
|
|
76
|
-
},
|
|
77
|
-
exitStyle: {
|
|
78
|
-
x: 0,
|
|
79
|
-
y: 10,
|
|
80
|
-
opacity: 0,
|
|
81
|
-
scale: 0.95
|
|
82
|
-
},
|
|
83
|
-
gap: "$4",
|
|
84
|
-
children: [
|
|
85
|
-
/* @__PURE__ */ _jsx(Dialog.Title, {
|
|
86
|
-
children: "Edit profile"
|
|
87
|
-
}),
|
|
88
|
-
/* @__PURE__ */ _jsx(Dialog.Description, {
|
|
89
|
-
children: "Make changes to your profile here. Click save when you're done."
|
|
90
|
-
}),
|
|
91
|
-
/* @__PURE__ */ _jsxs(Fieldset, {
|
|
92
|
-
gap: "$4",
|
|
93
|
-
horizontal: !0,
|
|
94
|
-
children: [
|
|
95
|
-
/* @__PURE__ */ _jsx(Label, {
|
|
96
|
-
width: 130,
|
|
97
|
-
justifyContent: "flex-end",
|
|
98
|
-
htmlFor: "name",
|
|
99
|
-
children: "Name"
|
|
100
|
-
}),
|
|
101
|
-
/* @__PURE__ */ _jsx(Input, {
|
|
102
|
-
flex: 1,
|
|
103
|
-
id: "name",
|
|
104
|
-
defaultValue: "Nate Wienert"
|
|
105
|
-
})
|
|
106
|
-
]
|
|
107
|
-
}),
|
|
108
|
-
/* @__PURE__ */ _jsxs(Fieldset, {
|
|
109
|
-
gap: "$4",
|
|
110
|
-
horizontal: !0,
|
|
111
|
-
children: [
|
|
112
|
-
/* @__PURE__ */ _jsx(Label, {
|
|
113
|
-
width: 130,
|
|
114
|
-
justifyContent: "flex-end",
|
|
115
|
-
htmlFor: "username",
|
|
116
|
-
children: /* @__PURE__ */ _jsx(TooltipSimple, {
|
|
117
|
-
label: "Pick your favorite",
|
|
118
|
-
placement: "bottom-start",
|
|
119
|
-
children: /* @__PURE__ */ _jsx(Paragraph, {
|
|
120
|
-
children: "Food"
|
|
121
|
-
})
|
|
122
|
-
})
|
|
123
|
-
}),
|
|
124
|
-
/* @__PURE__ */ _jsx(SelectDemoItem, {})
|
|
125
|
-
]
|
|
126
|
-
}),
|
|
127
|
-
/* @__PURE__ */ _jsxs(XStack, {
|
|
128
|
-
alignSelf: "flex-end",
|
|
129
|
-
gap: "$4",
|
|
130
|
-
children: [
|
|
131
|
-
/* @__PURE__ */ _jsx(DialogInstance, {}),
|
|
132
|
-
/* @__PURE__ */ _jsx(Dialog.Close, {
|
|
133
|
-
displayWhenAdapted: !0,
|
|
134
|
-
asChild: !0,
|
|
135
|
-
children: /* @__PURE__ */ _jsx(Button, {
|
|
136
|
-
theme: "active",
|
|
137
|
-
"aria-label": "Close",
|
|
138
|
-
children: "Save changes"
|
|
139
|
-
})
|
|
140
|
-
})
|
|
141
|
-
]
|
|
142
|
-
}),
|
|
143
|
-
/* @__PURE__ */ _jsx(Unspaced, {
|
|
144
|
-
children: /* @__PURE__ */ _jsx(Dialog.Close, {
|
|
145
|
-
asChild: !0,
|
|
146
|
-
children: /* @__PURE__ */ _jsx(Button, {
|
|
147
|
-
position: "absolute",
|
|
148
|
-
top: "$3",
|
|
149
|
-
right: "$3",
|
|
150
|
-
size: "$2",
|
|
151
|
-
circular: !0,
|
|
152
|
-
icon: X
|
|
153
|
-
})
|
|
154
|
-
})
|
|
155
|
-
})
|
|
156
|
-
]
|
|
157
|
-
}, "content")
|
|
158
|
-
]
|
|
159
|
-
})
|
|
160
|
-
]
|
|
161
|
-
});
|
|
162
|
-
}
|
|
163
|
-
export {
|
|
164
|
-
DialogDemo
|
|
165
|
-
};
|
|
166
|
-
//# sourceMappingURL=DialogDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/demos/src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,SAAS;AAClB,SACEC,OACAC,QACAC,QACAC,UACAC,OACAC,OACAC,WACAC,OACAC,eACAC,UACAC,cACK;AACP,SAASC,sBAAsB;AAExB,SAASC,aAAAA;AACd,SAAO,qBAACC,gBAAAA,CAAAA,CAAAA;AACV;AAEA,SAASA,iBAAAA;AACP,SACE,sBAACX,QAAAA;IAAOY,OAAK;;MACX,qBAACZ,OAAOa,SAAO;QAACC,SAAO;kBACrB,qBAACf,QAAAA;oBAAO;;;MAGV,qBAACD,OAAAA;QAAMiB,MAAK;QAAKC,UAAS;kBACxB,sBAACX,OAAAA;UAAMY,WAAU;UAASC,QAAQ;UAAQN,OAAK;UAACO,uBAAqB;;YACnE,qBAACd,MAAMe,OAAK;cAACC,SAAQ;cAAKC,KAAI;wBAC5B,qBAACxB,MAAMyB,UAAQ,CAAA,CAAA;;YAEjB,qBAAClB,MAAMmB,SAAO;cACZP,WAAU;cACVQ,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,sBAAC1B,OAAO4B,QAAM;;UACZ,qBAAC5B,OAAOwB,SAAO;YAEbP,WAAU;YACVS,SAAS;YACTD,YAAY;cAAEC,SAAS;YAAE;YACzBC,WAAW;cAAED,SAAS;YAAE;aAJpB,SAAA;UAON,sBAAC1B,OAAO6B,SAAO;YACbC,UAAQ;YACRC,SAAO;YAEPC,aAAa;cAAC;cAAa;;YAC3Bf,WAAW;cACT;cACA;gBACES,SAAS;kBACPO,mBAAmB;gBACrB;cACF;;YAEFR,YAAY;cAAES,GAAG;cAAGC,GAAG;cAAKT,SAAS;cAAGU,OAAO;YAAI;YACnDT,WAAW;cAAEO,GAAG;cAAGC,GAAG;cAAIT,SAAS;cAAGU,OAAO;YAAK;YAClDd,KAAI;;cAEJ,qBAACtB,OAAOqC,OAAK;0BAAC;;cACd,qBAACrC,OAAOsC,aAAW;0BAAC;;cAGpB,sBAACrC,UAAAA;gBAASqB,KAAI;gBAAKiB,YAAU;;kBAC3B,qBAACpC,OAAAA;oBAAMqC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BAAO;;kBAG5D,qBAACxC,OAAAA;oBAAMyC,MAAM;oBAAGC,IAAG;oBAAOC,cAAa;;;;cAEzC,sBAAC5C,UAAAA;gBAASqB,KAAI;gBAAKiB,YAAU;;kBAC3B,qBAACpC,OAAAA;oBAAMqC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BACnD,qBAACpC,eAAAA;sBAAcwC,OAAM;sBAAqBC,WAAU;gCAClD,qBAAC3C,WAAAA;kCAAU;;;;kBAGf,qBAACK,gBAAAA,CAAAA,CAAAA;;;cAGH,sBAACD,QAAAA;gBAAOwC,WAAU;gBAAW1B,KAAI;;kBAC/B,qBAACX,gBAAAA,CAAAA,CAAAA;kBAED,qBAACX,OAAOiD,OAAK;oBAACC,oBAAkB;oBAACpC,SAAO;8BACtC,qBAACf,QAAAA;sBAAOoD,OAAM;sBAASC,cAAW;gCAAQ;;;;;cAM9C,qBAAC7C,UAAAA;0BACC,qBAACP,OAAOiD,OAAK;kBAACnC,SAAO;4BACnB,qBAACf,QAAAA;oBACCsD,UAAS;oBACTC,KAAI;oBACJC,OAAM;oBACNC,MAAK;oBACLC,UAAQ;oBACRC,MAAM7D;;;;;aAnDR,SAAA;;;;;AA2Dd;",
|
|
5
|
-
"names": ["X", "Adapt", "Button", "Dialog", "Fieldset", "Input", "Label", "Paragraph", "Sheet", "TooltipSimple", "Unspaced", "XStack", "SelectDemoItem", "DialogDemo", "DialogInstance", "modal", "Trigger", "asChild", "when", "platform", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "gap", "Contents", "Overlay", "enterStyle", "opacity", "exitStyle", "Portal", "Content", "bordered", "elevate", "animateOnly", "overshootClamping", "x", "y", "scale", "Title", "Description", "horizontal", "width", "justifyContent", "htmlFor", "flex", "id", "defaultValue", "label", "placement", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "position", "top", "right", "size", "circular", "icon"]
|
|
6
|
-
}
|
package/dist/jsx/FormsDemo.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Button, Form, H4, Spinner } from "tamagui";
|
|
3
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
function FormsDemo(props) {
|
|
5
|
-
const [status, setStatus] = React.useState("off");
|
|
6
|
-
return React.useEffect(() => {
|
|
7
|
-
if (status === "submitting") {
|
|
8
|
-
const timer = setTimeout(() => setStatus("off"), 2e3);
|
|
9
|
-
return () => {
|
|
10
|
-
clearTimeout(timer);
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
}, [status]), /* @__PURE__ */ jsxs(
|
|
14
|
-
Form,
|
|
15
|
-
{
|
|
16
|
-
alignItems: "center",
|
|
17
|
-
minWidth: 300,
|
|
18
|
-
gap: "$2",
|
|
19
|
-
onSubmit: () => setStatus("submitting"),
|
|
20
|
-
borderWidth: 1,
|
|
21
|
-
borderRadius: "$4",
|
|
22
|
-
backgroundColor: "$background",
|
|
23
|
-
borderColor: "$borderColor",
|
|
24
|
-
padding: "$8",
|
|
25
|
-
children: [
|
|
26
|
-
/* @__PURE__ */ jsx(H4, { children: status[0].toUpperCase() + status.slice(1) }),
|
|
27
|
-
/* @__PURE__ */ jsx(Form.Trigger, { asChild: !0, disabled: status !== "off", children: /* @__PURE__ */ jsx(Button, { icon: status === "submitting" ? () => /* @__PURE__ */ jsx(Spinner, {}) : void 0, children: "Submit" }) })
|
|
28
|
-
]
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
}
|
|
32
|
-
export {
|
|
33
|
-
FormsDemo
|
|
34
|
-
};
|
|
35
|
-
//# sourceMappingURL=FormsDemo.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/FormsDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,QAAQ,MAAM,IAAI,eAAe;AAetC,SAWE,KAXF;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA6C,KAAK;AAEpF,eAAM,UAAU,MAAM;AACpB,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,4BAAC,MAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,oBAAC,KAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,8BAAC,UAAO,MAAM,WAAW,eAAe,MAAM,oBAAC,WAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/FormsDemo.mjs
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Button, Form, H4, Spinner } from "tamagui";
|
|
3
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
function FormsDemo(props) {
|
|
5
|
-
const [status, setStatus] = React.useState("off");
|
|
6
|
-
return React.useEffect(() => {
|
|
7
|
-
if (status === "submitting") {
|
|
8
|
-
const timer = setTimeout(() => setStatus("off"), 2e3);
|
|
9
|
-
return () => {
|
|
10
|
-
clearTimeout(timer);
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
}, [status]), /* @__PURE__ */jsxs(Form, {
|
|
14
|
-
alignItems: "center",
|
|
15
|
-
minWidth: 300,
|
|
16
|
-
gap: "$2",
|
|
17
|
-
onSubmit: () => setStatus("submitting"),
|
|
18
|
-
borderWidth: 1,
|
|
19
|
-
borderRadius: "$4",
|
|
20
|
-
backgroundColor: "$background",
|
|
21
|
-
borderColor: "$borderColor",
|
|
22
|
-
padding: "$8",
|
|
23
|
-
children: [/* @__PURE__ */jsx(H4, {
|
|
24
|
-
children: status[0].toUpperCase() + status.slice(1)
|
|
25
|
-
}), /* @__PURE__ */jsx(Form.Trigger, {
|
|
26
|
-
asChild: !0,
|
|
27
|
-
disabled: status !== "off",
|
|
28
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
29
|
-
icon: status === "submitting" ? () => /* @__PURE__ */jsx(Spinner, {}) : void 0,
|
|
30
|
-
children: "Submit"
|
|
31
|
-
})
|
|
32
|
-
})]
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
export { FormsDemo };
|
|
36
|
-
//# sourceMappingURL=FormsDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","Button","Form","H4","Spinner","jsx","jsxs","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","alignItems","minWidth","gap","onSubmit","borderWidth","borderRadius","backgroundColor","borderColor","padding","children","toUpperCase","slice","Trigger","asChild","disabled","icon"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,MAAA,EAAQC,IAAA,EAAMC,EAAA,EAAIC,OAAA,QAAe;AAetC,SAWEC,GAAA,EAXFC,IAAA;AAbG,SAASC,UAAUC,KAAA,EAA6B;EACrD,MAAM,CAACC,MAAA,EAAQC,SAAS,IAAIV,KAAA,CAAMW,QAAA,CAA6C,KAAK;EAEpF,OAAAX,KAAA,CAAMY,SAAA,CAAU,MAAM;IACpB,IAAIH,MAAA,KAAW,cAAc;MAC3B,MAAMI,KAAA,GAAQC,UAAA,CAAW,MAAMJ,SAAA,CAAU,KAAK,GAAG,GAAI;MACrD,OAAO,MAAM;QACXK,YAAA,CAAaF,KAAK;MACpB;IACF;EACF,GAAG,CAACJ,MAAM,CAAC,GAGT,eAAAH,IAAA,CAACJ,IAAA;IACCc,UAAA,EAAW;IACXC,QAAA,EAAU;IACVC,GAAA,EAAI;IACJC,QAAA,EAAUA,CAAA,KAAMT,SAAA,CAAU,YAAY;IACtCU,WAAA,EAAa;IACbC,YAAA,EAAa;IACbC,eAAA,EAAgB;IAChBC,WAAA,EAAY;IACZC,OAAA,EAAQ;IAERC,QAAA,kBAAApB,GAAA,CAACF,EAAA;MAAIsB,QAAA,EAAAhB,MAAA,CAAO,CAAC,EAAEiB,WAAA,CAAY,IAAIjB,MAAA,CAAOkB,KAAA,CAAM,CAAC;IAAA,CAAE,GAE/C,eAAAtB,GAAA,CAACH,IAAA,CAAK0B,OAAA,EAAL;MAAaC,OAAA,EAAO;MAACC,QAAA,EAAUrB,MAAA,KAAW;MACzCgB,QAAA,iBAAApB,GAAA,CAACJ,MAAA;QAAO8B,IAAA,EAAMtB,MAAA,KAAW,eAAe,MAAM,eAAAJ,GAAA,CAACD,OAAA,IAAQ,IAAK;QAAWqB,QAAA;MAAA,CAEvE;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|