@tamagui/demos 1.110.5 → 1.111.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/dist/cjs/AccordionDemo.native.js +2 -2
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.native.js +1 -42
- package/dist/cjs/AddThemeDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsDemo.native.js +6 -81
- package/dist/cjs/AnimationsDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.native.js +1 -42
- package/dist/cjs/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.native.js +3 -45
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/cjs/BuildAButtonDemo.native.js +57 -88
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.native.js +4 -38
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.native.js +4 -38
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.native.js +6 -60
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.native.js +6 -81
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/ColorsDemo.native.js +4 -4
- package/dist/cjs/ColorsDemo.native.js.map +2 -2
- package/dist/cjs/FormsDemo.native.js +1 -42
- package/dist/cjs/FormsDemo.native.js.map +2 -2
- package/dist/cjs/Grid.native.js +2 -2
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/InputsDemo.native.js +1 -1
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.native.js +3 -45
- package/dist/cjs/LucideIconsDemo.native.js.map +2 -2
- package/dist/cjs/NewInputsDemo.native.js +1 -1
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.native.js +6 -60
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.native.js +2 -43
- package/dist/cjs/ProgressDemo.native.js.map +2 -2
- package/dist/cjs/RadioGroupDemo.native.js +1 -1
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +33 -62
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.native.js +1 -42
- package/dist/cjs/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.native.js +5 -80
- package/dist/cjs/SelectDemo.native.js.map +2 -2
- package/dist/cjs/SheetDemo.native.js +10 -86
- package/dist/cjs/SheetDemo.native.js.map +2 -2
- package/dist/cjs/SliderDemo.native.js +6 -59
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.native.js +1 -1
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.native.js +6 -81
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.native.js +36 -123
- package/dist/cjs/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/cjs/TabsDemo.native.js +12 -88
- package/dist/cjs/TabsDemo.native.js.map +2 -2
- package/dist/cjs/ThemeBuilderDemo.native.js +49 -56
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.native.js +4 -46
- package/dist/cjs/ToastDemo.native.js.map +2 -2
- package/dist/cjs/ToastDuplicateDemo.native.js +5 -57
- package/dist/cjs/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/cjs/ToggleGroupDemo.native.js +1 -1
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.native.js +17 -76
- package/dist/cjs/TokensDemo.native.js.map +2 -2
- package/dist/cjs/TooltipDemo.native.js +5 -57
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.native.js +2 -44
- package/dist/cjs/UpdateThemeDemo.native.js.map +2 -2
- package/dist/cjs/useOnIntersecting.native.js +8 -79
- package/dist/cjs/useOnIntersecting.native.js.map +2 -2
- package/dist/esm/AccordionDemo.native.js +2 -2
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AccordionDemo.native.mjs +79 -0
- package/dist/esm/AccordionDemo.native.mjs.map +1 -0
- package/dist/esm/AddThemeDemo.native.js +1 -42
- package/dist/esm/AddThemeDemo.native.js.map +2 -2
- package/dist/esm/AddThemeDemo.native.mjs +36 -0
- package/dist/esm/AddThemeDemo.native.mjs.map +1 -0
- package/dist/esm/AlertDialogDemo.native.mjs +73 -0
- package/dist/esm/AlertDialogDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsDemo.native.js +6 -81
- package/dist/esm/AnimationsDemo.native.js.map +2 -2
- package/dist/esm/AnimationsDemo.native.mjs +78 -0
- package/dist/esm/AnimationsDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsEnterDemo.native.js +1 -42
- package/dist/esm/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/esm/AnimationsEnterDemo.native.mjs +47 -0
- package/dist/esm/AnimationsEnterDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsHoverDemo.native.mjs +24 -0
- package/dist/esm/AnimationsHoverDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsPresenceDemo.native.js +2 -43
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.native.mjs +97 -0
- package/dist/esm/AnimationsPresenceDemo.native.mjs.map +1 -0
- package/dist/esm/AnimationsTimingDemo.native.mjs +23 -0
- package/dist/esm/AnimationsTimingDemo.native.mjs.map +1 -0
- package/dist/esm/AvatarDemo.native.mjs +31 -0
- package/dist/esm/AvatarDemo.native.mjs.map +1 -0
- package/dist/esm/BuildAButtonDemo.native.js +56 -86
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.mjs +102 -0
- package/dist/esm/BuildAButtonDemo.native.mjs.map +1 -0
- package/dist/esm/ButtonDemo.native.js +4 -38
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.native.mjs +60 -0
- package/dist/esm/ButtonDemo.native.mjs.map +1 -0
- package/dist/esm/CardDemo.native.js +4 -38
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.native.mjs +65 -0
- package/dist/esm/CardDemo.native.mjs.map +1 -0
- package/dist/esm/CheckboxDemo.native.js +6 -60
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.native.mjs +47 -0
- package/dist/esm/CheckboxDemo.native.mjs.map +1 -0
- package/dist/esm/CheckboxHeadlessDemo.native.js +6 -81
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/esm/CheckboxHeadlessDemo.native.mjs +53 -0
- package/dist/esm/CheckboxHeadlessDemo.native.mjs.map +1 -0
- package/dist/esm/CheckboxUnstyledDemo.native.mjs +54 -0
- package/dist/esm/CheckboxUnstyledDemo.native.mjs.map +1 -0
- package/dist/esm/ColorsDemo.native.js +4 -4
- package/dist/esm/ColorsDemo.native.js.map +2 -2
- package/dist/esm/ColorsDemo.native.mjs +114 -0
- package/dist/esm/ColorsDemo.native.mjs.map +1 -0
- package/dist/esm/DialogDemo.native.mjs +132 -0
- package/dist/esm/DialogDemo.native.mjs.map +1 -0
- package/dist/esm/FormsDemo.native.js +1 -42
- package/dist/esm/FormsDemo.native.js.map +2 -2
- package/dist/esm/FormsDemo.native.mjs +42 -0
- package/dist/esm/FormsDemo.native.mjs.map +1 -0
- package/dist/esm/Grid.native.js +2 -2
- package/dist/esm/Grid.native.js.map +1 -1
- package/dist/esm/Grid.native.mjs +41 -0
- package/dist/esm/Grid.native.mjs.map +1 -0
- package/dist/esm/GroupDemo.native.mjs +64 -0
- package/dist/esm/GroupDemo.native.mjs.map +1 -0
- package/dist/esm/HeadingsDemo.native.mjs +23 -0
- package/dist/esm/HeadingsDemo.native.mjs.map +1 -0
- package/dist/esm/ImageDemo.native.mjs +13 -0
- package/dist/esm/ImageDemo.native.mjs.map +1 -0
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/InputsDemo.native.mjs +37 -0
- package/dist/esm/InputsDemo.native.mjs.map +1 -0
- package/dist/esm/LabelDemo.native.mjs +37 -0
- package/dist/esm/LabelDemo.native.mjs.map +1 -0
- package/dist/esm/LinearGradientDemo.native.mjs +27 -0
- package/dist/esm/LinearGradientDemo.native.mjs.map +1 -0
- package/dist/esm/ListItemDemo.native.mjs +77 -0
- package/dist/esm/ListItemDemo.native.mjs.map +1 -0
- package/dist/esm/LucideIconsDemo.native.js +2 -43
- package/dist/esm/LucideIconsDemo.native.js.map +2 -2
- package/dist/esm/LucideIconsDemo.native.mjs +68 -0
- package/dist/esm/LucideIconsDemo.native.mjs.map +1 -0
- package/dist/esm/NewInputsDemo.native.js +1 -1
- package/dist/esm/NewInputsDemo.native.js.map +1 -1
- package/dist/esm/NewInputsDemo.native.mjs +37 -0
- package/dist/esm/NewInputsDemo.native.mjs.map +1 -0
- package/dist/esm/PopoverDemo.native.js +6 -60
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.native.mjs +109 -0
- package/dist/esm/PopoverDemo.native.mjs.map +1 -0
- package/dist/esm/ProgressDemo.native.js +2 -43
- package/dist/esm/ProgressDemo.native.js.map +2 -2
- package/dist/esm/ProgressDemo.native.mjs +79 -0
- package/dist/esm/ProgressDemo.native.mjs.map +1 -0
- package/dist/esm/RadioGroupDemo.native.js +1 -1
- package/dist/esm/RadioGroupDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupDemo.native.mjs +47 -0
- package/dist/esm/RadioGroupDemo.native.mjs.map +1 -0
- package/dist/esm/RadioGroupHeadlessDemo.native.js +32 -60
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/esm/RadioGroupHeadlessDemo.native.mjs +134 -0
- package/dist/esm/RadioGroupHeadlessDemo.native.mjs.map +1 -0
- package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.mjs +119 -0
- package/dist/esm/RadioGroupUnstyledDemo.native.mjs.map +1 -0
- package/dist/esm/ReplaceThemeDemo.native.js +1 -42
- package/dist/esm/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/esm/ReplaceThemeDemo.native.mjs +44 -0
- package/dist/esm/ReplaceThemeDemo.native.mjs.map +1 -0
- package/dist/esm/ScrollViewDemo.native.mjs +51 -0
- package/dist/esm/ScrollViewDemo.native.mjs.map +1 -0
- package/dist/esm/SelectDemo.native.js +5 -80
- package/dist/esm/SelectDemo.native.js.map +2 -2
- package/dist/esm/SelectDemo.native.mjs +205 -0
- package/dist/esm/SelectDemo.native.mjs.map +1 -0
- package/dist/esm/SeparatorDemo.native.mjs +38 -0
- package/dist/esm/SeparatorDemo.native.mjs.map +1 -0
- package/dist/esm/ShapesDemo.native.mjs +19 -0
- package/dist/esm/ShapesDemo.native.mjs.map +1 -0
- package/dist/esm/SheetDemo.native.js +9 -84
- package/dist/esm/SheetDemo.native.js.map +2 -2
- package/dist/esm/SheetDemo.native.mjs +165 -0
- package/dist/esm/SheetDemo.native.mjs.map +1 -0
- package/dist/esm/SliderDemo.native.js +6 -59
- package/dist/esm/SliderDemo.native.js.map +1 -1
- package/dist/esm/SliderDemo.native.mjs +36 -0
- package/dist/esm/SliderDemo.native.mjs.map +1 -0
- package/dist/esm/SpinnerDemo.native.mjs +18 -0
- package/dist/esm/SpinnerDemo.native.mjs.map +1 -0
- package/dist/esm/StacksDemo.native.mjs +82 -0
- package/dist/esm/StacksDemo.native.mjs.map +1 -0
- package/dist/esm/SwitchDemo.native.js +1 -1
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.native.mjs +72 -0
- package/dist/esm/SwitchDemo.native.mjs.map +1 -0
- package/dist/esm/SwitchHeadlessDemo.native.js +6 -81
- package/dist/esm/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/esm/SwitchHeadlessDemo.native.mjs +67 -0
- package/dist/esm/SwitchHeadlessDemo.native.mjs.map +1 -0
- package/dist/esm/SwitchUnstyledDemo.native.mjs +65 -0
- package/dist/esm/SwitchUnstyledDemo.native.mjs.map +1 -0
- package/dist/esm/TabsAdvancedDemo.native.js +35 -121
- package/dist/esm/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/esm/TabsAdvancedDemo.native.mjs +351 -0
- package/dist/esm/TabsAdvancedDemo.native.mjs.map +1 -0
- package/dist/esm/TabsDemo.native.js +11 -86
- package/dist/esm/TabsDemo.native.js.map +2 -2
- package/dist/esm/TabsDemo.native.mjs +169 -0
- package/dist/esm/TabsDemo.native.mjs.map +1 -0
- package/dist/esm/TextDemo.native.mjs +30 -0
- package/dist/esm/TextDemo.native.mjs.map +1 -0
- package/dist/esm/ThemeBuilderDemo.native.js +49 -56
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.native.mjs +155 -0
- package/dist/esm/ThemeBuilderDemo.native.mjs.map +1 -0
- package/dist/esm/ThemeInverseDemo.native.mjs +46 -0
- package/dist/esm/ThemeInverseDemo.native.mjs.map +1 -0
- package/dist/esm/ToastDemo.native.js +3 -44
- package/dist/esm/ToastDemo.native.js.map +2 -2
- package/dist/esm/ToastDemo.native.mjs +109 -0
- package/dist/esm/ToastDemo.native.mjs.map +1 -0
- package/dist/esm/ToastDuplicateDemo.native.js +4 -55
- package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.native.mjs +55 -0
- package/dist/esm/ToastDuplicateDemo.native.mjs.map +1 -0
- package/dist/esm/ToggleGroupDemo.native.js +1 -1
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.mjs +76 -0
- package/dist/esm/ToggleGroupDemo.native.mjs.map +1 -0
- package/dist/esm/TokensDemo.native.js +16 -74
- package/dist/esm/TokensDemo.native.js.map +2 -2
- package/dist/esm/TokensDemo.native.mjs +110 -0
- package/dist/esm/TokensDemo.native.mjs.map +1 -0
- package/dist/esm/TooltipDemo.native.js +5 -57
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.native.mjs +103 -0
- package/dist/esm/TooltipDemo.native.mjs.map +1 -0
- package/dist/esm/UpdateThemeDemo.native.js +1 -42
- package/dist/esm/UpdateThemeDemo.native.js.map +2 -2
- package/dist/esm/UpdateThemeDemo.native.mjs +47 -0
- package/dist/esm/UpdateThemeDemo.native.mjs.map +1 -0
- package/dist/esm/WebNativeImageDemo.native.mjs +11 -0
- package/dist/esm/WebNativeImageDemo.native.mjs.map +1 -0
- package/dist/esm/index.native.mjs +58 -0
- package/dist/esm/index.native.mjs.map +1 -0
- package/dist/esm/tamagui.config.native.mjs +5 -0
- package/dist/esm/tamagui.config.native.mjs.map +1 -0
- package/dist/esm/useOnIntersecting.native.js +12 -83
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.native.mjs +74 -0
- package/dist/esm/useOnIntersecting.native.mjs.map +1 -0
- package/dist/jsx/AccordionDemo.native.js +2 -2
- package/dist/jsx/AccordionDemo.native.js.map +1 -1
- package/dist/jsx/AddThemeDemo.native.js +1 -42
- package/dist/jsx/AddThemeDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsDemo.native.js +6 -81
- package/dist/jsx/AnimationsDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsEnterDemo.native.js +1 -42
- package/dist/jsx/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsPresenceDemo.native.js +2 -43
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/jsx/BuildAButtonDemo.native.js +56 -86
- package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
- package/dist/jsx/ButtonDemo.native.js +4 -38
- package/dist/jsx/ButtonDemo.native.js.map +1 -1
- package/dist/jsx/CardDemo.native.js +4 -38
- package/dist/jsx/CardDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxDemo.native.js +6 -60
- package/dist/jsx/CheckboxDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.native.js +6 -81
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/ColorsDemo.native.js +4 -4
- package/dist/jsx/ColorsDemo.native.js.map +2 -2
- package/dist/jsx/FormsDemo.native.js +1 -42
- package/dist/jsx/FormsDemo.native.js.map +2 -2
- package/dist/jsx/Grid.native.js +2 -2
- package/dist/jsx/Grid.native.js.map +1 -1
- package/dist/jsx/InputsDemo.native.js +1 -1
- package/dist/jsx/InputsDemo.native.js.map +1 -1
- package/dist/jsx/LucideIconsDemo.native.js +2 -43
- package/dist/jsx/LucideIconsDemo.native.js.map +2 -2
- package/dist/jsx/NewInputsDemo.native.js +1 -1
- package/dist/jsx/NewInputsDemo.native.js.map +1 -1
- package/dist/jsx/PopoverDemo.native.js +6 -60
- package/dist/jsx/PopoverDemo.native.js.map +1 -1
- package/dist/jsx/ProgressDemo.native.js +2 -43
- package/dist/jsx/ProgressDemo.native.js.map +2 -2
- package/dist/jsx/RadioGroupDemo.native.js +1 -1
- package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
- package/dist/jsx/RadioGroupHeadlessDemo.native.js +32 -60
- package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/jsx/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +1 -42
- package/dist/jsx/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/jsx/SelectDemo.native.js +5 -80
- package/dist/jsx/SelectDemo.native.js.map +2 -2
- package/dist/jsx/SheetDemo.native.js +9 -84
- package/dist/jsx/SheetDemo.native.js.map +2 -2
- package/dist/jsx/SliderDemo.native.js +6 -59
- package/dist/jsx/SliderDemo.native.js.map +1 -1
- package/dist/jsx/SwitchDemo.native.js +1 -1
- package/dist/jsx/SwitchDemo.native.js.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.native.js +6 -81
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/TabsAdvancedDemo.native.js +35 -121
- package/dist/jsx/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/jsx/TabsDemo.native.js +11 -86
- package/dist/jsx/TabsDemo.native.js.map +2 -2
- package/dist/jsx/ThemeBuilderDemo.native.js +49 -56
- package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/jsx/ToastDemo.native.js +3 -44
- package/dist/jsx/ToastDemo.native.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.native.js +4 -55
- package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.native.js +1 -1
- package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.native.js +16 -74
- package/dist/jsx/TokensDemo.native.js.map +2 -2
- package/dist/jsx/TooltipDemo.native.js +5 -57
- package/dist/jsx/TooltipDemo.native.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.native.js +1 -42
- package/dist/jsx/UpdateThemeDemo.native.js.map +2 -2
- package/dist/jsx/useOnIntersecting.native.js +8 -79
- package/dist/jsx/useOnIntersecting.native.js.map +1 -1
- package/package.json +19 -19
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Check as CheckIcon } from "@tamagui/lucide-icons";
|
|
3
|
+
import { Checkbox, Label, XStack, YStack } from "tamagui";
|
|
4
|
+
function CheckboxDemo() {
|
|
5
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
6
|
+
width: 300,
|
|
7
|
+
alignItems: "center",
|
|
8
|
+
gap: "$2",
|
|
9
|
+
children: [/* @__PURE__ */_jsx(CheckboxWithLabel, {
|
|
10
|
+
size: "$3"
|
|
11
|
+
}), /* @__PURE__ */_jsx(CheckboxWithLabel, {
|
|
12
|
+
size: "$4",
|
|
13
|
+
defaultChecked: !0
|
|
14
|
+
}), /* @__PURE__ */_jsx(CheckboxWithLabel, {
|
|
15
|
+
size: "$5",
|
|
16
|
+
disabled: !0,
|
|
17
|
+
label: "Accept terms (disabled)"
|
|
18
|
+
})]
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function CheckboxWithLabel(param) {
|
|
22
|
+
var {
|
|
23
|
+
size,
|
|
24
|
+
label = "Accept terms and conditions",
|
|
25
|
+
...checkboxProps
|
|
26
|
+
} = param,
|
|
27
|
+
id = `checkbox-${(size || "").toString().slice(1)}`;
|
|
28
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
29
|
+
width: 300,
|
|
30
|
+
alignItems: "center",
|
|
31
|
+
gap: "$4",
|
|
32
|
+
children: [/* @__PURE__ */_jsx(Checkbox, {
|
|
33
|
+
id,
|
|
34
|
+
size,
|
|
35
|
+
...checkboxProps,
|
|
36
|
+
children: /* @__PURE__ */_jsx(Checkbox.Indicator, {
|
|
37
|
+
children: /* @__PURE__ */_jsx(CheckIcon, {})
|
|
38
|
+
})
|
|
39
|
+
}), /* @__PURE__ */_jsx(Label, {
|
|
40
|
+
size,
|
|
41
|
+
htmlFor: id,
|
|
42
|
+
children: label
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
export { CheckboxDemo, CheckboxWithLabel };
|
|
47
|
+
//# sourceMappingURL=CheckboxDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Check","CheckIcon","Checkbox","Label","XStack","YStack","CheckboxDemo","width","alignItems","gap","children","CheckboxWithLabel","size","defaultChecked","disabled","label"],"sources":["../../src/CheckboxDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAiB;AAEnC,SAASC,KAAA,IAAAC,SAAiB,QAAQ,uBAAc;AAI5C,SACEC,QADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAP,KAAC,CAAAM,MAAA;IACCE,KAAA;IACAC,UAAA,UAAC;IACDC,GAAA;IAAsEC,QACxE,GAEJ,eAAAb,IAAA,CAAAc,iBAAA;MAEOC,IAAS;IACd,IACA,eAAQf,IAAA,CAAAc,iBAAA;MACLC,IAAA;MACkCC,cAAA;IACrC,EAAM,EACN,eACEhB,IAAA,CAAAc,iBAAQ;MACNC,IAAA;MAMAE,QAAA;MAGFC,KAAA;IAEJ","ignoreList":[]}
|
|
@@ -4,81 +4,6 @@ import { useCheckbox } from "@tamagui/checkbox-headless";
|
|
|
4
4
|
import { Check, Minus } from "@tamagui/lucide-icons";
|
|
5
5
|
import { Pressable } from "react-native";
|
|
6
6
|
import { Label, XStack, YStack } from "tamagui";
|
|
7
|
-
function _array_like_to_array(arr, len) {
|
|
8
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
9
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
10
|
-
return arr2;
|
|
11
|
-
}
|
|
12
|
-
function _array_with_holes(arr) {
|
|
13
|
-
if (Array.isArray(arr)) return arr;
|
|
14
|
-
}
|
|
15
|
-
function _define_property(obj, key, value) {
|
|
16
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
17
|
-
value,
|
|
18
|
-
enumerable: !0,
|
|
19
|
-
configurable: !0,
|
|
20
|
-
writable: !0
|
|
21
|
-
}) : obj[key] = value, obj;
|
|
22
|
-
}
|
|
23
|
-
function _iterable_to_array_limit(arr, i) {
|
|
24
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
25
|
-
if (_i != null) {
|
|
26
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
27
|
-
try {
|
|
28
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
29
|
-
;
|
|
30
|
-
} catch (err) {
|
|
31
|
-
_d = !0, _e = err;
|
|
32
|
-
} finally {
|
|
33
|
-
try {
|
|
34
|
-
!_n && _i.return != null && _i.return();
|
|
35
|
-
} finally {
|
|
36
|
-
if (_d) throw _e;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
return _arr;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
function _non_iterable_rest() {
|
|
43
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
44
|
-
}
|
|
45
|
-
function _object_spread(target) {
|
|
46
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
47
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
48
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
49
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
50
|
-
}))), ownKeys2.forEach(function(key) {
|
|
51
|
-
_define_property(target, key, source[key]);
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
return target;
|
|
55
|
-
}
|
|
56
|
-
function ownKeys(object, enumerableOnly) {
|
|
57
|
-
var keys = Object.keys(object);
|
|
58
|
-
if (Object.getOwnPropertySymbols) {
|
|
59
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
60
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
61
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
62
|
-
})), keys.push.apply(keys, symbols);
|
|
63
|
-
}
|
|
64
|
-
return keys;
|
|
65
|
-
}
|
|
66
|
-
function _object_spread_props(target, source) {
|
|
67
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
68
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
69
|
-
}), target;
|
|
70
|
-
}
|
|
71
|
-
function _sliced_to_array(arr, i) {
|
|
72
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
73
|
-
}
|
|
74
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
75
|
-
if (o) {
|
|
76
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
77
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
78
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
79
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
7
|
function CheckboxHeadlessDemo() {
|
|
83
8
|
return /* @__PURE__ */ _jsx(YStack, {
|
|
84
9
|
width: 200,
|
|
@@ -101,11 +26,11 @@ function CheckboxHeadlessDemo() {
|
|
|
101
26
|
});
|
|
102
27
|
}
|
|
103
28
|
var HeadlessCheckbox = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
104
|
-
var
|
|
29
|
+
var [checked, setChecked] = React.useState(props.defaultChecked || !1), { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(props, [
|
|
105
30
|
checked,
|
|
106
31
|
setChecked
|
|
107
|
-
], ref)
|
|
108
|
-
return /* @__PURE__ */ _jsxs(Pressable,
|
|
32
|
+
], ref);
|
|
33
|
+
return /* @__PURE__ */ _jsxs(Pressable, {
|
|
109
34
|
style: {
|
|
110
35
|
width: 20,
|
|
111
36
|
height: 20,
|
|
@@ -114,8 +39,8 @@ var HeadlessCheckbox = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
|
114
39
|
alignItems: "center",
|
|
115
40
|
backgroundColor: checked === !0 ? "lightblue" : "silver"
|
|
116
41
|
},
|
|
117
|
-
ref: checkboxRef
|
|
118
|
-
|
|
42
|
+
ref: checkboxRef,
|
|
43
|
+
...checkboxProps,
|
|
119
44
|
children: [
|
|
120
45
|
checked === "indeterminate" && /* @__PURE__ */ _jsx(Minus, {
|
|
121
46
|
width: 18,
|
|
@@ -127,7 +52,7 @@ var HeadlessCheckbox = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
|
127
52
|
}),
|
|
128
53
|
bubbleInput
|
|
129
54
|
]
|
|
130
|
-
})
|
|
55
|
+
});
|
|
131
56
|
});
|
|
132
57
|
export {
|
|
133
58
|
CheckboxHeadlessDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/CheckboxHeadlessDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,mBAAmB;AAC5B,SAASC,OAAOC,aAAa;AAG7B,SAASC,iBAAiB;AAC1B,SAASC,OAAOC,QAAQC,cAAc
|
|
5
|
-
"names": ["React", "useCheckbox", "Check", "Minus", "Pressable", "Label", "XStack", "YStack", "CheckboxHeadlessDemo", "width", "alignItems", "gap", "HeadlessCheckbox", "defaultChecked", "id", "htmlFor", "forwardRef", "props", "ref", "
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,mBAAmB;AAC5B,SAASC,OAAOC,aAAa;AAG7B,SAASC,iBAAiB;AAC1B,SAASC,OAAOC,QAAQC,cAAc;AAE/B,SAASC,uBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,KAAI;cAC1C,sBAACL,QAAAA;MAAOK,KAAI;MAAKD,YAAW;;QAC1B,qBAACE,kBAAAA;UAAiBC,gBAAe;UAAgBC,IAAG;;QACpD,qBAACT,OAAAA;UAAMU,SAAQ;oBAAW;;;;;AAIlC;AAEA,IAAMH,mBAAmBZ,sBAAMgB,WAAwC,SAACC,OAAOC,KAAAA;AAC7E,MAAM,CAACC,SAASC,UAAAA,IAAcpB,MAAMqB,SAASJ,MAAMJ,kBAAkB,EAAA,GAC/D,EAAES,eAAeC,aAAaC,YAAW,IAAKvB,YAClDgB,OACA;IAACE;IAASC;KACVF,GAAAA;AAGF,SACE,sBAACd,WAAAA;IACCqB,OAAO;MACLhB,OAAO;MACPiB,QAAQ;MACRC,cAAc;MACdC,gBAAgB;MAChBlB,YAAY;MACZmB,iBAAiBV,YAAY,KAAO,cAAc;IACpD;IACAD,KAAKK;IACJ,GAAGD;;MAEHH,YAAY,mBAAmB,qBAAChB,OAAAA;QAAMM,OAAO;QAAIiB,QAAQ;;MACzDP,YAAY,MAAQ,qBAACjB,OAAAA;QAAMO,OAAO;QAAIiB,QAAQ;;MAC9CF;;;AAGP,CAAA;",
|
|
5
|
+
"names": ["React", "useCheckbox", "Check", "Minus", "Pressable", "Label", "XStack", "YStack", "CheckboxHeadlessDemo", "width", "alignItems", "gap", "HeadlessCheckbox", "defaultChecked", "id", "htmlFor", "forwardRef", "props", "ref", "checked", "setChecked", "useState", "checkboxProps", "checkboxRef", "bubbleInput", "style", "height", "borderRadius", "justifyContent", "backgroundColor"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { useCheckbox } from "@tamagui/checkbox-headless";
|
|
4
|
+
import { Check, Minus } from "@tamagui/lucide-icons";
|
|
5
|
+
import { Pressable } from "react-native";
|
|
6
|
+
import { Label, XStack, YStack } from "tamagui";
|
|
7
|
+
function CheckboxHeadlessDemo() {
|
|
8
|
+
return /* @__PURE__ */_jsx(YStack, {
|
|
9
|
+
width: 200,
|
|
10
|
+
alignItems: "center",
|
|
11
|
+
gap: "$3",
|
|
12
|
+
children: /* @__PURE__ */_jsxs(XStack, {
|
|
13
|
+
gap: "$3",
|
|
14
|
+
alignItems: "center",
|
|
15
|
+
children: [/* @__PURE__ */_jsx(HeadlessCheckbox, {
|
|
16
|
+
defaultChecked: "indeterminate",
|
|
17
|
+
id: "headless"
|
|
18
|
+
}), /* @__PURE__ */_jsx(Label, {
|
|
19
|
+
htmlFor: "headless",
|
|
20
|
+
children: "Headless"
|
|
21
|
+
})]
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
var HeadlessCheckbox = /* @__PURE__ */React.forwardRef(function (props, ref) {
|
|
26
|
+
var [checked, setChecked] = React.useState(props.defaultChecked || !1),
|
|
27
|
+
{
|
|
28
|
+
checkboxProps,
|
|
29
|
+
checkboxRef,
|
|
30
|
+
bubbleInput
|
|
31
|
+
} = useCheckbox(props, [checked, setChecked], ref);
|
|
32
|
+
return /* @__PURE__ */_jsxs(Pressable, {
|
|
33
|
+
style: {
|
|
34
|
+
width: 20,
|
|
35
|
+
height: 20,
|
|
36
|
+
borderRadius: 4,
|
|
37
|
+
justifyContent: "center",
|
|
38
|
+
alignItems: "center",
|
|
39
|
+
backgroundColor: checked === !0 ? "lightblue" : "silver"
|
|
40
|
+
},
|
|
41
|
+
ref: checkboxRef,
|
|
42
|
+
...checkboxProps,
|
|
43
|
+
children: [checked === "indeterminate" && /* @__PURE__ */_jsx(Minus, {
|
|
44
|
+
width: 18,
|
|
45
|
+
height: 18
|
|
46
|
+
}), checked === !0 && /* @__PURE__ */_jsx(Check, {
|
|
47
|
+
width: 18,
|
|
48
|
+
height: 18
|
|
49
|
+
}), bubbleInput]
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
export { CheckboxHeadlessDemo };
|
|
53
|
+
//# sourceMappingURL=CheckboxHeadlessDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useCheckbox","Check","Minus","Pressable","Label","XStack","YStack","CheckboxHeadlessDemo","width","alignItems","gap","children","HeadlessCheckbox","defaultChecked","id","htmlFor","forwardRef","props","ref","checked","setChecked","useState","checkboxProps","checkboxRef","bubbleInput","style","height","borderRadius","justifyContent"],"sources":["../../src/CheckboxHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS;AACT,SAASC,WAAO,oCAAa;AAG7B,SAASC,KAAA,EAAAC,KAAA,QAAiB;AAC1B,SAASC,SAAO,QAAQ,cAAc;AAKhC,SACEC,KADF,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,qBAAA,EAAuB;EACrC,OACE,eAAAX,IAAC,CAAAU,MAAA;IAEGE,KAAA;IACAC,UAAA,UAAC;IAAiCC,GACpC,EACF;IAEJC,QAAA,iBAAAb,KAAA,CAAAO,MAAA;MAEMK,GAAA;MACJD,UAAO,EAAS;MAEdE,QAAA,GACC,eAAmBf,IAAA,CAAAgB,gBAAA;QACpBC,cAAA;QACFC,EAAA;MAEA,CACE,GAAC,eAAAlB,IAAA,CAAAQ,KAAA;QAAAW,OAAA;QACCJ,QAAO;MACL;IACQ;EACM;AACE;AACJ,IAAAC,gBACZ,kBAA6Bb,KAAO,CAAAiB,UAAA,CAAc,UAAAC,KAAA,EAAAC,GAAA;EAAA,IACpD,CAAAC,OAAA,EAAAC,UAAA,IAAArB,KAAA,CAAAsB,QAAA,CAAAJ,KAAA,CAAAJ,cAAA;IAAA;MAAAS,aAAA;MAAAC,WAAA;MAAAC;IAAA,IAAAxB,WAAA,CAAAiB,KAAA,GAAAE,OACK,EAAAC,UACD,GAAAF,GAEH;EAAA,sBAAYpB,KAAA,CAAAK,SAAmB;IAA8BsB,KAC7D;MAAkDjB,KAClD;MAAAkB,MAAA;MAAAC,YAAA;MACHC,cAAA;MAEHnB,UAAA","ignoreList":[]}
|
|
@@ -0,0 +1,54 @@
|
|
|
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
|
+
}),
|
|
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.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","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","children"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgCA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAsB;AACtD,SAASC,cAAO,QAAc;AAC9B,SAASC,KAAA,EAAAC,MAAa;AACtB,SAASC,KAAA,QAAO,uBAAsB;AAmChC,SAGMC,KAHN,EAAAC,MAAA,EAAAC,MAAA;AAjCN,IAAAC,KAAM,GAAAL,MAAQ,CAAAD,KAAO;IACnBO,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,GAAYlB,MAAA,CAAOD,KAAA,EAAO,CAAC,CAAC;EAErBoB,QAAA,GAAWrB,cAAA,CAAe;IACrCO,KAAA;IACAa;EACF,CAAC;AAEM,SAASE,qBAAA,EAAuB;EACrC,OACE,eAAAzB,IAAC,CAAAS,MAAA;IAEGiB,KAAA;IAKAZ,UAAA,UAAC;IAAiCa,GACpC,EACF;IAEJC,QAAA,iBAAA1B,KAAA,CAAAM,MAAA","ignoreList":[]}
|
|
@@ -12,10 +12,10 @@ var colorGroups = [
|
|
|
12
12
|
function ColorsDemo() {
|
|
13
13
|
var colors = getTokens({
|
|
14
14
|
prefixed: !1
|
|
15
|
-
}).color,
|
|
15
|
+
}).color, [colorsLight, colorsDark] = [
|
|
16
16
|
getColors(colors),
|
|
17
17
|
getColors(colors, !0)
|
|
18
|
-
]
|
|
18
|
+
];
|
|
19
19
|
return /* @__PURE__ */ _jsxs(YStack, {
|
|
20
20
|
marginTop: "$4",
|
|
21
21
|
space: "$8",
|
|
@@ -33,7 +33,7 @@ function ColorsDemo() {
|
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
35
|
function ColorsRow(param) {
|
|
36
|
-
var
|
|
36
|
+
var { title, colors } = param;
|
|
37
37
|
return /* @__PURE__ */ _jsxs(YStack, {
|
|
38
38
|
space: !0,
|
|
39
39
|
$sm: {
|
|
@@ -72,7 +72,7 @@ function ColorsRow(param) {
|
|
|
72
72
|
$xs: {
|
|
73
73
|
size: "$1"
|
|
74
74
|
}
|
|
75
|
-
},
|
|
75
|
+
}, `${color.key}${index}`);
|
|
76
76
|
})
|
|
77
77
|
}, index);
|
|
78
78
|
}),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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,
|
|
5
|
-
"names": ["H2", "Paragraph", "Separator", "Square", "XStack", "YStack", "getTokens", "getVariableValue", "colorGroups", "ColorsDemo", "colors", "prefixed", "color", "
|
|
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
6
|
}
|
|
@@ -0,0 +1,114 @@
|
|
|
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 = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
|
|
4
|
+
function ColorsDemo() {
|
|
5
|
+
var 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(param) {
|
|
22
|
+
var {
|
|
23
|
+
title,
|
|
24
|
+
colors
|
|
25
|
+
} = param;
|
|
26
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
27
|
+
space: !0,
|
|
28
|
+
$sm: {
|
|
29
|
+
space: "$2"
|
|
30
|
+
},
|
|
31
|
+
children: [/* @__PURE__ */_jsx(H2, {
|
|
32
|
+
size: "$2",
|
|
33
|
+
children: title
|
|
34
|
+
}), /* @__PURE__ */_jsxs(XStack, {
|
|
35
|
+
space: !0,
|
|
36
|
+
alignSelf: "center",
|
|
37
|
+
children: [/* @__PURE__ */_jsxs(YStack, {
|
|
38
|
+
space: !0,
|
|
39
|
+
$sm: {
|
|
40
|
+
space: "$2"
|
|
41
|
+
},
|
|
42
|
+
alignSelf: "center",
|
|
43
|
+
children: [colors.map(function (group, index) {
|
|
44
|
+
return /* @__PURE__ */_jsx(XStack, {
|
|
45
|
+
gap: "$2",
|
|
46
|
+
children: group.map(function (color) {
|
|
47
|
+
return /* @__PURE__ */_jsx(Square, {
|
|
48
|
+
borderRadius: "$2",
|
|
49
|
+
size: "$4",
|
|
50
|
+
height: "$4",
|
|
51
|
+
borderWidth: 1,
|
|
52
|
+
backgroundColor: getVariableValue(color),
|
|
53
|
+
borderColor: "$color7",
|
|
54
|
+
$sm: {
|
|
55
|
+
size: "$2"
|
|
56
|
+
},
|
|
57
|
+
$xs: {
|
|
58
|
+
size: "$1"
|
|
59
|
+
}
|
|
60
|
+
}, `${color.key}${index}`);
|
|
61
|
+
})
|
|
62
|
+
}, index);
|
|
63
|
+
}), /* @__PURE__ */_jsx(XStack, {
|
|
64
|
+
gap: "$2",
|
|
65
|
+
alignSelf: "center",
|
|
66
|
+
children: new Array(13).fill(0).slice(1).map(function (_, index) {
|
|
67
|
+
return /* @__PURE__ */_jsx(Paragraph, {
|
|
68
|
+
color: "$color10",
|
|
69
|
+
textAlign: "center",
|
|
70
|
+
width: "$4",
|
|
71
|
+
$sm: {
|
|
72
|
+
width: "$2"
|
|
73
|
+
},
|
|
74
|
+
$xs: {
|
|
75
|
+
width: "$1"
|
|
76
|
+
},
|
|
77
|
+
children: index
|
|
78
|
+
}, index);
|
|
79
|
+
})
|
|
80
|
+
})]
|
|
81
|
+
}), /* @__PURE__ */_jsx(YStack, {
|
|
82
|
+
gap: "$4",
|
|
83
|
+
marginTop: "$2",
|
|
84
|
+
children: colorGroups.map(function (name) {
|
|
85
|
+
return /* @__PURE__ */_jsx(Paragraph, {
|
|
86
|
+
theme: name,
|
|
87
|
+
color: "$color10",
|
|
88
|
+
height: "$4",
|
|
89
|
+
rotate: "-10deg",
|
|
90
|
+
$sm: {
|
|
91
|
+
height: "$2"
|
|
92
|
+
},
|
|
93
|
+
$xs: {
|
|
94
|
+
height: "$1"
|
|
95
|
+
},
|
|
96
|
+
children: name
|
|
97
|
+
}, name);
|
|
98
|
+
})
|
|
99
|
+
})]
|
|
100
|
+
})]
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
function getColors(colors) {
|
|
104
|
+
var dark = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
|
|
105
|
+
return colorGroups.map(function (group) {
|
|
106
|
+
return Object.keys(colors).filter(function (color) {
|
|
107
|
+
return color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"));
|
|
108
|
+
}).map(function (key) {
|
|
109
|
+
return colors[key];
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
export { ColorsDemo };
|
|
114
|
+
//# sourceMappingURL=ColorsDemo.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","H2","Paragraph","Separator","Square","XStack","YStack","getTokens","getVariableValue","colorGroups","ColorsDemo","colors","prefixed","color","colorsLight","colorsDark","getColors","marginTop","space","children","ColorsRow","title","param","$sm","size","alignSelf","map","group","index","gap","borderRadius","height","borderWidth","backgroundColor","borderColor","$xs","key","Array","fill","slice","_","textAlign"],"sources":["../../src/ColorsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,EAAA,EAAAC,SAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,SAAA,EAAAC,gBAAA;AAAA,IACAC,WAAA,IACA,UACA,UACA,SACA,QACA,UACA,aACK,CASH;AAPJ,SAAMC,WAAA,EAAe;EAEd,IAAAC,MAAS,GAAAJ,SAAa;MAC3BK,QAAM;IAGN,GAAAC,KACE;IAAA,CAAAC,WAAA,EAAAC,UAAC,IAAO,CACNC,SAAA,CAAAL,MAAA,GACAK,SAAA,CAAAL,MAAA,IAAC,EAAU;EACiC,OAC9C,eAAAX,KAAA,CAAAM,MAAA;IAEJW,SAAA;IAEAC,KAAS;IACPC,QACE,GACE,eAAArB,IAAC,CAAAsB,SAAQ;MAETC,KAAA;MACEV,MAAA,EAAAG;IACG,IAKS,eAAChB,IAAA,CAAAK,SAAA,sBAAAL,IAAA,CAAAsB,SAAA;MAAAC,KAEC;MAAaV,MACb,EAAAI;IAAK;EAEQ;AAC0B;AAC3B,SAAAK,SACPA,CAAAE,KAAA;EAAA;IAAAD,KAAA;IACHV;EAAM,IAAAW,KAAA;EAAA,sBACRtB,KAAA,CAAAM,MAAA;IAAAY,KAAA,GACA;IAAKK,GAAA;MACGL,KAAA,EACR;IAAA;IAAAC,QAZK,EAAG,CAAiB,eAkBpCrB,IAAA,CAAAG,EAAA;MAEDuB,IAAA;MAMQL,QAAC,EAAAE;IAAA,mBACOrB,KAAA,CAAAK,MAAA;MAAAa,KACN;MAAUO,SACV,EAAM;MAAAN,QACN,EAAK,gBACInB,KAAA,CAAAM,MAAA;QACTY,KAAA;QACAK,GAAA,EAAK;UACHL,KAAA,EAAO;QACT;QAGCO,SAAA;QAAAN,QAAA,GAFIR,MAAA,CAAAe,GAAA,WAAAC,KAAA,EAAAC,KAAA;UAMf,sBAAA9B,IAAA,CAAAO,MAAA;YACFwB,GAAA;YAEAV,QAAC,EAAAQ,KAAA,CAAAD,GAAO,WAASb,KAAA;cAEZ,sBAAAf,IAAA,CAAAM,MAAA;gBAAA0B,YAAA;gBACQN,IAAA;gBACDO,MAAA;gBACCC,WAAA;gBACAC,eAAA,EAAAzB,gBAAA,CAAAK,KAAA;gBACFqB,WAAA;gBACKX,GAAA;kBACVC,IAAA;gBACK;gBACKW,GAAA;kBACVX,IAAA;gBAGC;cAAA,MAAAX,KAAA,CAAAuB,GAAA,GAAAR,KAAA;YAFI;UAKX,GAAAA,KAAA;QACF,IACF,eAAA9B,IAAA,CAAAO,MAAA;UAEJwB,GAAA;UAESJ,SAAU,EAAkC,QAAO;UACnDN,QAAY,EAAK,IAAAkB,KAAA,CACf,IAAAC,IAAO,IAAKC,KAAA,CAAM,EACtB,CAAAb,GAAA,WAAAc,CAAA,EAAAZ,KAAA;YAEG,OAAM,eAAgB9B,IACrB,CAAAI,SAAO,EAAM;cAEJW,KAAO,EAAG,UAC3B;cACH4B,SAAA","ignoreList":[]}
|
|
@@ -0,0 +1,132 @@
|
|
|
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.mjs";
|
|
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: 160,
|
|
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: 160,
|
|
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.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","XStack","SelectDemoItem","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"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAA;AAClB,SAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAhB,IAAA,CAAAiB,cAAA;AAAA;AACA,SACAA,eAAA;EACA,sBAAAf,KAAA,CAAAI,MAAA;IACAY,KAAA;IACAC,QAAA,GACA,eAAAnB,IAAA,CAAAM,MAAA,CAAAc,OAAA;MACAC,OAAA;MACKF,QAAA,iBAAAnB,IAAA,CAAAK,MAAA;QAEEc,QAAA;MAGA;IADF,IACL,eAAOnB,IAAA,CAAAI,KAAC;MACVkB,IAAA;MAEAC,QAAS;MACPJ,QACE,iBAACjB,KAAA,CAAOS,KAAA,EAAK;QACXa,SAAA,UAAC;QAIDC,MAAA;QAEIP,KAAA;QAGAQ,qBAAA;QAACP,QAAM,GAAN,eAAAnB,IAAA,CAAAW,KAAA,CAAAgB,KAAA;UACCC,OAAU;UACVC,GAAA,MAAY;UACZV,QAAW,EAAE,eAAWnB,IAAA,CAAAI,KAAA,CAAA0B,QAAA;QAAA,IAC1B,eAAA9B,IAAA,CAAAW,KAAA,CAAAoB,OAAA;UAEJP,SAAA;UAEAQ,UAAA,EAAC;YACCC,OAAA;UAAC,CAAO;UAAPC,SAAA;YAECD,OAAU;UACV;QACA;MACwB;IAAA,EAJpB,EAKN,eAAA/B,KAAA,CAAAI,MAAA,CAAA6B,MAAA;MAEAhB,QAAA,GAAC,eAAOnB,IAAA,CAAAM,MAAA,CAAAyB,OAAA;QAAPP,SAAA;QACCS,OAAA,EAAQ;QACRD,UAAO;UAEPC,OAAA,EAAa;QACb;QACEC,SAAA;UACAD,OAAA;QAAA;MACW,YACP,GAAmB,eACrB/B,KAAA,CAAAI,MAAA,CAAA8B,OAAA;QACFC,QAAA;QACFC,OAAA;QACAC,WAAY,EAAE,CACd,WAAa,EACb,SAAI,CAEJ;QAAAf,SAAA,GACA,WAGA;UACES,OAAA;YAGAO,iBAAC;UACH;QACA,EACE;QAIAR,UACA;UAAgBS,CAClB;UAEAC,CAAA;UACET,OAAA;UAEAU,KAAA;QAIA;QAGFT,SAAA;UAEKO,CAAA;UAAAC,CAAA;UAAAT,OACC;UAASU,KACT,EAAI;QAAA;QACEd,GAAA,EACN;QAAKV,QACL,GAAQ,eACFnB,IAAA,CAAAM,MAAA,CAAAsC,KAAA;UAAAzB,QAAA;QACR,CACF,GACF,eAAAnB,IAAA,CAAAM,MAAA,CAAAuC,WAAA;UAAA1B,QAAA;QAtDI,IAuDN,eAAAjB,KAAA,CAAAK,QAAA;UACFsB,GAAA;UACFiB,UAAA;UAEJ3B,QAAA,G","ignoreList":[]}
|