@tamagui/demos 1.89.0-1706360676826 → 1.89.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/CheckboxHeadlessDemo.js +54 -0
- package/dist/cjs/CheckboxHeadlessDemo.js.map +6 -0
- package/dist/cjs/CheckboxHeadlessDemo.native.js +59 -0
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +6 -0
- package/dist/cjs/CheckboxUnstyledDemo.js +52 -0
- package/dist/cjs/CheckboxUnstyledDemo.js.map +6 -0
- package/dist/cjs/CheckboxUnstyledDemo.native.js +58 -0
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +6 -0
- package/dist/cjs/DialogDemo.js +72 -82
- package/dist/cjs/DialogDemo.js.map +2 -2
- package/dist/cjs/DialogDemo.native.js +72 -82
- package/dist/cjs/DialogDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.js +122 -132
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.native.js +122 -132
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.js +5 -9
- package/dist/cjs/SwitchDemo.js.map +1 -1
- package/dist/cjs/SwitchDemo.native.js +5 -9
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.js +79 -0
- package/dist/cjs/SwitchHeadlessDemo.js.map +6 -0
- package/dist/cjs/SwitchHeadlessDemo.native.js +84 -0
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +6 -0
- package/dist/cjs/SwitchUnstyledDemo.js +68 -0
- package/dist/cjs/SwitchUnstyledDemo.js.map +6 -0
- package/dist/cjs/SwitchUnstyledDemo.native.js +74 -0
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +6 -0
- package/dist/cjs/ThemeBuilderDemo.js +17 -17
- package/dist/cjs/ThemeBuilderDemo.native.js +17 -17
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +8 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/AccordionDemo.native.js +16 -35
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +13 -31
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.native.js +17 -37
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +15 -34
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +14 -31
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +8 -27
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +21 -44
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/AnimationsTimingDemo.native.js +8 -27
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.native.js +13 -33
- package/dist/esm/AvatarDemo.native.js.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +24 -43
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.native.js +17 -36
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.native.js +16 -37
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.native.js +12 -32
- package/dist/esm/CheckboxDemo.native.js.map +2 -2
- package/dist/esm/CheckboxHeadlessDemo.js +43 -0
- package/dist/esm/CheckboxHeadlessDemo.js.map +6 -0
- package/dist/esm/CheckboxHeadlessDemo.mjs +52 -0
- package/dist/esm/CheckboxHeadlessDemo.native.js +43 -0
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +6 -0
- package/dist/esm/CheckboxUnstyledDemo.js +40 -0
- package/dist/esm/CheckboxUnstyledDemo.js.map +6 -0
- package/dist/esm/CheckboxUnstyledDemo.mjs +53 -0
- package/dist/esm/CheckboxUnstyledDemo.native.js +40 -0
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +6 -0
- package/dist/esm/ColorsDemo.native.js +29 -40
- package/dist/esm/ColorsDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.js +71 -82
- package/dist/esm/DialogDemo.js.map +2 -2
- package/dist/esm/DialogDemo.mjs +2 -7
- package/dist/esm/DialogDemo.native.js +90 -106
- package/dist/esm/DialogDemo.native.js.map +2 -2
- package/dist/esm/FormsDemo.native.js +11 -30
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.native.js +11 -37
- package/dist/esm/Grid.native.js.map +2 -2
- package/dist/esm/GroupDemo.native.js +17 -36
- package/dist/esm/GroupDemo.native.js.map +1 -1
- package/dist/esm/HeadingsDemo.native.js +11 -31
- package/dist/esm/HeadingsDemo.native.js.map +1 -1
- package/dist/esm/ImageDemo.native.js +6 -26
- package/dist/esm/ImageDemo.native.js.map +1 -1
- package/dist/esm/InputsDemo.native.js +13 -33
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/LabelDemo.native.js +11 -31
- package/dist/esm/LabelDemo.native.js.map +1 -1
- package/dist/esm/LinearGradientDemo.native.js +10 -29
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.native.js +22 -41
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +18 -42
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.native.js +25 -45
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.native.js +18 -37
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupDemo.native.js +11 -32
- package/dist/esm/RadioGroupDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +22 -32
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/ScrollViewDemo.native.js +15 -35
- package/dist/esm/ScrollViewDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.js +122 -132
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +11 -7
- package/dist/esm/SelectDemo.native.js +130 -158
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.native.js +14 -34
- package/dist/esm/SeparatorDemo.native.js.map +1 -1
- package/dist/esm/ShapesDemo.native.js +7 -27
- package/dist/esm/ShapesDemo.native.js.map +1 -1
- package/dist/esm/SheetDemo.native.js +39 -56
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/SliderDemo.native.js +10 -30
- package/dist/esm/SliderDemo.native.js.map +1 -1
- package/dist/esm/SpinnerDemo.native.js +7 -27
- package/dist/esm/SpinnerDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.native.js +22 -42
- package/dist/esm/StacksDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.js +5 -9
- package/dist/esm/SwitchDemo.js.map +1 -1
- package/dist/esm/SwitchDemo.mjs +5 -16
- package/dist/esm/SwitchDemo.native.js +19 -44
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.js +67 -0
- package/dist/esm/SwitchHeadlessDemo.js.map +6 -0
- package/dist/esm/SwitchHeadlessDemo.mjs +66 -0
- package/dist/esm/SwitchHeadlessDemo.native.js +67 -0
- package/dist/esm/SwitchHeadlessDemo.native.js.map +6 -0
- package/dist/esm/SwitchUnstyledDemo.js +55 -0
- package/dist/esm/SwitchUnstyledDemo.js.map +6 -0
- package/dist/esm/SwitchUnstyledDemo.mjs +68 -0
- package/dist/esm/SwitchUnstyledDemo.native.js +55 -0
- package/dist/esm/SwitchUnstyledDemo.native.js.map +6 -0
- package/dist/esm/TabsAdvancedDemo.native.js +57 -67
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.native.js +58 -77
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TextDemo.native.js +10 -30
- package/dist/esm/TextDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.js +17 -17
- package/dist/esm/ThemeBuilderDemo.native.js +45 -65
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +15 -35
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
- package/dist/esm/ToastDemo.native.js +30 -56
- package/dist/esm/ToastDemo.native.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.native.js +18 -43
- package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/esm/ToggleGroupDemo.native.js +20 -39
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.native.js +20 -38
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.native.js +30 -43
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +25 -41
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/esm/index.js +4 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +4 -0
- package/dist/esm/index.native.js +53 -115
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/tamagui.config.native.js +6 -25
- package/dist/esm/tamagui.config.native.js.map +2 -2
- package/dist/esm/useOnIntersecting.native.js +8 -29
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/dist/jsx/AccordionDemo.native.js +16 -35
- package/dist/jsx/AccordionDemo.native.js.map +1 -1
- package/dist/jsx/AddThemeDemo.native.js +13 -31
- package/dist/jsx/AddThemeDemo.native.js.map +1 -1
- package/dist/jsx/AlertDialogDemo.native.js +17 -37
- package/dist/jsx/AlertDialogDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsDemo.native.js +15 -34
- package/dist/jsx/AnimationsDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsEnterDemo.native.js +14 -31
- package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsHoverDemo.native.js +8 -27
- package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsPresenceDemo.native.js +21 -44
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.native.js +8 -27
- package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/jsx/AvatarDemo.native.js +13 -33
- package/dist/jsx/AvatarDemo.native.js.map +1 -1
- package/dist/jsx/BuildAButtonDemo.native.js +24 -43
- package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
- package/dist/jsx/ButtonDemo.native.js +17 -36
- package/dist/jsx/ButtonDemo.native.js.map +1 -1
- package/dist/jsx/CardDemo.native.js +16 -37
- package/dist/jsx/CardDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxDemo.native.js +12 -32
- package/dist/jsx/CheckboxDemo.native.js.map +2 -2
- package/dist/jsx/CheckboxHeadlessDemo.js +43 -0
- package/dist/jsx/CheckboxHeadlessDemo.js.map +6 -0
- package/dist/jsx/CheckboxHeadlessDemo.mjs +52 -0
- package/dist/jsx/CheckboxHeadlessDemo.native.js +43 -0
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +6 -0
- package/dist/jsx/CheckboxUnstyledDemo.js +40 -0
- package/dist/jsx/CheckboxUnstyledDemo.js.map +6 -0
- package/dist/jsx/CheckboxUnstyledDemo.mjs +53 -0
- package/dist/jsx/CheckboxUnstyledDemo.native.js +40 -0
- package/dist/jsx/CheckboxUnstyledDemo.native.js.map +6 -0
- package/dist/jsx/ColorsDemo.native.js +29 -40
- package/dist/jsx/ColorsDemo.native.js.map +1 -1
- package/dist/jsx/DialogDemo.js +71 -82
- package/dist/jsx/DialogDemo.js.map +2 -2
- package/dist/jsx/DialogDemo.mjs +2 -7
- package/dist/jsx/DialogDemo.native.js +90 -106
- package/dist/jsx/DialogDemo.native.js.map +2 -2
- package/dist/jsx/FormsDemo.native.js +11 -30
- package/dist/jsx/FormsDemo.native.js.map +1 -1
- package/dist/jsx/Grid.native.js +11 -37
- package/dist/jsx/Grid.native.js.map +2 -2
- package/dist/jsx/GroupDemo.native.js +17 -36
- package/dist/jsx/GroupDemo.native.js.map +1 -1
- package/dist/jsx/HeadingsDemo.native.js +11 -31
- package/dist/jsx/HeadingsDemo.native.js.map +1 -1
- package/dist/jsx/ImageDemo.native.js +6 -26
- package/dist/jsx/ImageDemo.native.js.map +1 -1
- package/dist/jsx/InputsDemo.native.js +13 -33
- package/dist/jsx/InputsDemo.native.js.map +1 -1
- package/dist/jsx/LabelDemo.native.js +11 -31
- package/dist/jsx/LabelDemo.native.js.map +1 -1
- package/dist/jsx/LinearGradientDemo.native.js +10 -29
- package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
- package/dist/jsx/ListItemDemo.native.js +22 -41
- package/dist/jsx/ListItemDemo.native.js.map +1 -1
- package/dist/jsx/LucideIconsDemo.native.js +18 -42
- package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
- package/dist/jsx/PopoverDemo.native.js +25 -45
- package/dist/jsx/PopoverDemo.native.js.map +1 -1
- package/dist/jsx/ProgressDemo.native.js +18 -37
- package/dist/jsx/ProgressDemo.native.js.map +1 -1
- package/dist/jsx/RadioGroupDemo.native.js +11 -32
- package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +22 -32
- package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/jsx/ScrollViewDemo.native.js +15 -35
- package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
- package/dist/jsx/SelectDemo.js +122 -132
- package/dist/jsx/SelectDemo.js.map +1 -1
- package/dist/jsx/SelectDemo.mjs +11 -7
- package/dist/jsx/SelectDemo.native.js +130 -158
- package/dist/jsx/SelectDemo.native.js.map +1 -1
- package/dist/jsx/SeparatorDemo.native.js +14 -34
- package/dist/jsx/SeparatorDemo.native.js.map +1 -1
- package/dist/jsx/ShapesDemo.native.js +7 -27
- package/dist/jsx/ShapesDemo.native.js.map +1 -1
- package/dist/jsx/SheetDemo.native.js +39 -56
- package/dist/jsx/SheetDemo.native.js.map +1 -1
- package/dist/jsx/SliderDemo.native.js +10 -30
- package/dist/jsx/SliderDemo.native.js.map +1 -1
- package/dist/jsx/SpinnerDemo.native.js +7 -27
- package/dist/jsx/SpinnerDemo.native.js.map +1 -1
- package/dist/jsx/StacksDemo.native.js +22 -42
- package/dist/jsx/StacksDemo.native.js.map +1 -1
- package/dist/jsx/SwitchDemo.js +5 -9
- package/dist/jsx/SwitchDemo.js.map +1 -1
- package/dist/jsx/SwitchDemo.mjs +5 -16
- package/dist/jsx/SwitchDemo.native.js +19 -44
- package/dist/jsx/SwitchDemo.native.js.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.js +67 -0
- package/dist/jsx/SwitchHeadlessDemo.js.map +6 -0
- package/dist/jsx/SwitchHeadlessDemo.mjs +66 -0
- package/dist/jsx/SwitchHeadlessDemo.native.js +67 -0
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +6 -0
- package/dist/jsx/SwitchUnstyledDemo.js +55 -0
- package/dist/jsx/SwitchUnstyledDemo.js.map +6 -0
- package/dist/jsx/SwitchUnstyledDemo.mjs +68 -0
- package/dist/jsx/SwitchUnstyledDemo.native.js +55 -0
- package/dist/jsx/SwitchUnstyledDemo.native.js.map +6 -0
- package/dist/jsx/TabsAdvancedDemo.native.js +57 -67
- package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/jsx/TabsDemo.native.js +58 -77
- package/dist/jsx/TabsDemo.native.js.map +1 -1
- package/dist/jsx/TextDemo.native.js +10 -30
- package/dist/jsx/TextDemo.native.js.map +1 -1
- package/dist/jsx/ThemeBuilderDemo.js +17 -17
- package/dist/jsx/ThemeBuilderDemo.native.js +45 -65
- package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/jsx/ThemeInverseDemo.native.js +15 -35
- package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
- package/dist/jsx/ToastDemo.native.js +30 -56
- package/dist/jsx/ToastDemo.native.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.native.js +18 -43
- package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.native.js +20 -39
- package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.native.js +20 -38
- package/dist/jsx/TokensDemo.native.js.map +1 -1
- package/dist/jsx/TooltipDemo.native.js +30 -43
- package/dist/jsx/TooltipDemo.native.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.native.js +25 -41
- package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
- package/dist/jsx/index.js +4 -0
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +4 -0
- package/dist/jsx/index.native.js +53 -115
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/tamagui.config.native.js +6 -25
- package/dist/jsx/tamagui.config.native.js.map +2 -2
- package/dist/jsx/useOnIntersecting.native.js +8 -29
- package/dist/jsx/useOnIntersecting.native.js.map +1 -1
- package/package.json +18 -18
- package/src/CheckboxHeadlessDemo.tsx +47 -0
- package/src/CheckboxUnstyledDemo.tsx +49 -0
- package/src/DialogDemo.tsx +3 -11
- package/src/SelectDemo.tsx +8 -14
- package/src/SwitchDemo.tsx +5 -9
- package/src/SwitchHeadlessDemo.tsx +73 -0
- package/src/SwitchUnstyledDemo.tsx +63 -0
- package/src/ThemeBuilderDemo.tsx +17 -17
- package/src/index.tsx +4 -0
- package/types/CheckboxHeadlessDemo.d.ts +3 -0
- package/types/CheckboxHeadlessDemo.d.ts.map +1 -0
- package/types/CheckboxUnstyledDemo.d.ts +157 -0
- package/types/CheckboxUnstyledDemo.d.ts.map +1 -0
- package/types/DialogDemo.d.ts.map +1 -1
- package/types/SelectDemo.d.ts.map +1 -1
- package/types/SwitchDemo.d.ts.map +1 -1
- package/types/SwitchHeadlessDemo.d.ts +3 -0
- package/types/SwitchHeadlessDemo.d.ts.map +1 -0
- package/types/SwitchUnstyledDemo.d.ts +111 -0
- package/types/SwitchUnstyledDemo.d.ts.map +1 -0
- package/types/index.d.ts +4 -0
- package/types/index.d.ts.map +1 -1
|
@@ -1,53 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
-
mod
|
|
23
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
-
var UpdateThemeDemo_exports = {};
|
|
25
|
-
__export(UpdateThemeDemo_exports, {
|
|
26
|
-
UpdateThemeDemo: () => UpdateThemeDemo
|
|
27
|
-
});
|
|
28
|
-
module.exports = __toCommonJS(UpdateThemeDemo_exports);
|
|
29
|
-
var Config = __toESM(require("@tamagui/site-config")), import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import * as Config from "@tamagui/site-config";
|
|
2
|
+
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import {
|
|
5
|
+
Button,
|
|
6
|
+
Square,
|
|
7
|
+
Theme,
|
|
8
|
+
XStack,
|
|
9
|
+
YStack,
|
|
10
|
+
getVariableValue,
|
|
11
|
+
useForceUpdate,
|
|
12
|
+
useIsomorphicLayoutEffect
|
|
13
|
+
} from "tamagui";
|
|
14
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
30
15
|
const colors = Config.config.tokens.color, colorKeys = Object.keys(colors);
|
|
31
16
|
function UpdateThemeDemo() {
|
|
32
|
-
const [theme, setTheme] =
|
|
33
|
-
return
|
|
34
|
-
|
|
17
|
+
const [theme, setTheme] = useState(), update = useForceUpdate();
|
|
18
|
+
return useIsomorphicLayoutEffect(() => {
|
|
19
|
+
addTheme({
|
|
35
20
|
name: "custom",
|
|
36
21
|
insertCSS: !0,
|
|
37
22
|
theme: {
|
|
38
23
|
color: "red"
|
|
39
24
|
}
|
|
40
25
|
}), setTheme("custom");
|
|
41
|
-
}, []), /* @__PURE__ */
|
|
42
|
-
/* @__PURE__ */
|
|
43
|
-
/* @__PURE__ */
|
|
44
|
-
|
|
26
|
+
}, []), /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
|
|
27
|
+
/* @__PURE__ */ jsx(XStack, { gap: "$5", children: /* @__PURE__ */ jsx(Theme, { name: theme ?? null, children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }) }),
|
|
28
|
+
/* @__PURE__ */ jsx(
|
|
29
|
+
Button,
|
|
45
30
|
{
|
|
46
31
|
onPress: () => {
|
|
47
|
-
const randomColor =
|
|
32
|
+
const randomColor = getVariableValue(
|
|
48
33
|
colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]
|
|
49
34
|
);
|
|
50
|
-
|
|
35
|
+
updateTheme({
|
|
51
36
|
name: "custom",
|
|
52
37
|
theme: {
|
|
53
38
|
color: randomColor
|
|
@@ -59,8 +44,7 @@ function UpdateThemeDemo() {
|
|
|
59
44
|
)
|
|
60
45
|
] });
|
|
61
46
|
}
|
|
62
|
-
|
|
63
|
-
0 && (module.exports = {
|
|
47
|
+
export {
|
|
64
48
|
UpdateThemeDemo
|
|
65
|
-
}
|
|
49
|
+
};
|
|
66
50
|
//# sourceMappingURL=UpdateThemeDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,YAAY,YAAY;AACxB,SAAS,UAAU,mBAAmB;AACtC,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAqBH,SAGM,KAHN;AAnBJ,MAAM,SAAS,OAAO,OAAO,OAAO,OAC9B,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc,GAClC,SAAS,eAAe;AAE9B,mCAA0B,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,wBAAC,UAAO,KAAK,MACX,8BAAC,SAAM,MAAM,SAAS,MACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,cAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,sBAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -12,6 +12,8 @@ export * from "./ButtonDemo";
|
|
|
12
12
|
export * from "./ThemeBuilderDemo";
|
|
13
13
|
export * from "./CardDemo";
|
|
14
14
|
export * from "./CheckboxDemo";
|
|
15
|
+
export * from "./CheckboxHeadlessDemo";
|
|
16
|
+
export * from "./CheckboxUnstyledDemo";
|
|
15
17
|
export * from "./ColorsDemo";
|
|
16
18
|
export * from "./DialogDemo";
|
|
17
19
|
export * from "./FormsDemo";
|
|
@@ -36,6 +38,8 @@ export * from "./SliderDemo";
|
|
|
36
38
|
export * from "./SpinnerDemo";
|
|
37
39
|
export * from "./StacksDemo";
|
|
38
40
|
export * from "./SwitchDemo";
|
|
41
|
+
export * from "./SwitchHeadlessDemo";
|
|
42
|
+
export * from "./SwitchUnstyledDemo";
|
|
39
43
|
export * from "./TabsAdvancedDemo";
|
|
40
44
|
export * from "./TabsDemo";
|
|
41
45
|
export * from "./TextDemo";
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
4
|
+
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -12,6 +12,8 @@ export * from "./ButtonDemo.mjs";
|
|
|
12
12
|
export * from "./ThemeBuilderDemo.mjs";
|
|
13
13
|
export * from "./CardDemo.mjs";
|
|
14
14
|
export * from "./CheckboxDemo.mjs";
|
|
15
|
+
export * from "./CheckboxHeadlessDemo.mjs";
|
|
16
|
+
export * from "./CheckboxUnstyledDemo.mjs";
|
|
15
17
|
export * from "./ColorsDemo.mjs";
|
|
16
18
|
export * from "./DialogDemo.mjs";
|
|
17
19
|
export * from "./FormsDemo.mjs";
|
|
@@ -36,6 +38,8 @@ export * from "./SliderDemo.mjs";
|
|
|
36
38
|
export * from "./SpinnerDemo.mjs";
|
|
37
39
|
export * from "./StacksDemo.mjs";
|
|
38
40
|
export * from "./SwitchDemo.mjs";
|
|
41
|
+
export * from "./SwitchHeadlessDemo.mjs";
|
|
42
|
+
export * from "./SwitchUnstyledDemo.mjs";
|
|
39
43
|
export * from "./TabsAdvancedDemo.mjs";
|
|
40
44
|
export * from "./TabsDemo.mjs";
|
|
41
45
|
export * from "./TextDemo.mjs";
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,116 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
__reExport(src_exports, require("./TabsDemo"), module.exports);
|
|
55
|
-
__reExport(src_exports, require("./TextDemo"), module.exports);
|
|
56
|
-
__reExport(src_exports, require("./ThemeInverseDemo"), module.exports);
|
|
57
|
-
__reExport(src_exports, require("./ToastDemo"), module.exports);
|
|
58
|
-
__reExport(src_exports, require("./ToastDuplicateDemo"), module.exports);
|
|
59
|
-
__reExport(src_exports, require("./ToggleGroupDemo"), module.exports);
|
|
60
|
-
__reExport(src_exports, require("./TokensDemo"), module.exports);
|
|
61
|
-
__reExport(src_exports, require("./TooltipDemo"), module.exports);
|
|
62
|
-
__reExport(src_exports, require("./UpdateThemeDemo"), module.exports);
|
|
63
|
-
__reExport(src_exports, require("./useOnIntersecting"), module.exports);
|
|
64
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
65
|
-
0 && (module.exports = {
|
|
66
|
-
...require("./AccordionDemo"),
|
|
67
|
-
...require("./AddThemeDemo"),
|
|
68
|
-
...require("./AlertDialogDemo"),
|
|
69
|
-
...require("./AnimationsDemo"),
|
|
70
|
-
...require("./AnimationsEnterDemo"),
|
|
71
|
-
...require("./AnimationsHoverDemo"),
|
|
72
|
-
...require("./AnimationsPresenceDemo"),
|
|
73
|
-
...require("./AnimationsTimingDemo"),
|
|
74
|
-
...require("./AvatarDemo"),
|
|
75
|
-
...require("./BuildAButtonDemo"),
|
|
76
|
-
...require("./ButtonDemo"),
|
|
77
|
-
...require("./ThemeBuilderDemo"),
|
|
78
|
-
...require("./CardDemo"),
|
|
79
|
-
...require("./CheckboxDemo"),
|
|
80
|
-
...require("./ColorsDemo"),
|
|
81
|
-
...require("./DialogDemo"),
|
|
82
|
-
...require("./FormsDemo"),
|
|
83
|
-
...require("./GroupDemo"),
|
|
84
|
-
...require("./HeadingsDemo"),
|
|
85
|
-
...require("./ImageDemo"),
|
|
86
|
-
...require("./InputsDemo"),
|
|
87
|
-
...require("./LabelDemo"),
|
|
88
|
-
...require("./LinearGradientDemo"),
|
|
89
|
-
...require("./ListItemDemo"),
|
|
90
|
-
...require("./LucideIconsDemo"),
|
|
91
|
-
...require("./PopoverDemo"),
|
|
92
|
-
...require("./ProgressDemo"),
|
|
93
|
-
...require("./RadioGroupDemo"),
|
|
94
|
-
...require("./ReplaceThemeDemo"),
|
|
95
|
-
...require("./ScrollViewDemo"),
|
|
96
|
-
...require("./SelectDemo"),
|
|
97
|
-
...require("./SeparatorDemo"),
|
|
98
|
-
...require("./ShapesDemo"),
|
|
99
|
-
...require("./SheetDemo"),
|
|
100
|
-
...require("./SliderDemo"),
|
|
101
|
-
...require("./SpinnerDemo"),
|
|
102
|
-
...require("./StacksDemo"),
|
|
103
|
-
...require("./SwitchDemo"),
|
|
104
|
-
...require("./TabsAdvancedDemo"),
|
|
105
|
-
...require("./TabsDemo"),
|
|
106
|
-
...require("./TextDemo"),
|
|
107
|
-
...require("./ThemeInverseDemo"),
|
|
108
|
-
...require("./ToastDemo"),
|
|
109
|
-
...require("./ToastDuplicateDemo"),
|
|
110
|
-
...require("./ToggleGroupDemo"),
|
|
111
|
-
...require("./TokensDemo"),
|
|
112
|
-
...require("./TooltipDemo"),
|
|
113
|
-
...require("./UpdateThemeDemo"),
|
|
114
|
-
...require("./useOnIntersecting")
|
|
115
|
-
});
|
|
1
|
+
export * from "./AccordionDemo";
|
|
2
|
+
export * from "./AddThemeDemo";
|
|
3
|
+
export * from "./AlertDialogDemo";
|
|
4
|
+
export * from "./AnimationsDemo";
|
|
5
|
+
export * from "./AnimationsEnterDemo";
|
|
6
|
+
export * from "./AnimationsHoverDemo";
|
|
7
|
+
export * from "./AnimationsPresenceDemo";
|
|
8
|
+
export * from "./AnimationsTimingDemo";
|
|
9
|
+
export * from "./AvatarDemo";
|
|
10
|
+
export * from "./BuildAButtonDemo";
|
|
11
|
+
export * from "./ButtonDemo";
|
|
12
|
+
export * from "./ThemeBuilderDemo";
|
|
13
|
+
export * from "./CardDemo";
|
|
14
|
+
export * from "./CheckboxDemo";
|
|
15
|
+
export * from "./CheckboxHeadlessDemo";
|
|
16
|
+
export * from "./CheckboxUnstyledDemo";
|
|
17
|
+
export * from "./ColorsDemo";
|
|
18
|
+
export * from "./DialogDemo";
|
|
19
|
+
export * from "./FormsDemo";
|
|
20
|
+
export * from "./GroupDemo";
|
|
21
|
+
export * from "./HeadingsDemo";
|
|
22
|
+
export * from "./ImageDemo";
|
|
23
|
+
export * from "./InputsDemo";
|
|
24
|
+
export * from "./LabelDemo";
|
|
25
|
+
export * from "./LinearGradientDemo";
|
|
26
|
+
export * from "./ListItemDemo";
|
|
27
|
+
export * from "./LucideIconsDemo";
|
|
28
|
+
export * from "./PopoverDemo";
|
|
29
|
+
export * from "./ProgressDemo";
|
|
30
|
+
export * from "./RadioGroupDemo";
|
|
31
|
+
export * from "./ReplaceThemeDemo";
|
|
32
|
+
export * from "./ScrollViewDemo";
|
|
33
|
+
export * from "./SelectDemo";
|
|
34
|
+
export * from "./SeparatorDemo";
|
|
35
|
+
export * from "./ShapesDemo";
|
|
36
|
+
export * from "./SheetDemo";
|
|
37
|
+
export * from "./SliderDemo";
|
|
38
|
+
export * from "./SpinnerDemo";
|
|
39
|
+
export * from "./StacksDemo";
|
|
40
|
+
export * from "./SwitchDemo";
|
|
41
|
+
export * from "./SwitchHeadlessDemo";
|
|
42
|
+
export * from "./SwitchUnstyledDemo";
|
|
43
|
+
export * from "./TabsAdvancedDemo";
|
|
44
|
+
export * from "./TabsDemo";
|
|
45
|
+
export * from "./TextDemo";
|
|
46
|
+
export * from "./ThemeInverseDemo";
|
|
47
|
+
export * from "./ToastDemo";
|
|
48
|
+
export * from "./ToastDuplicateDemo";
|
|
49
|
+
export * from "./ToggleGroupDemo";
|
|
50
|
+
export * from "./TokensDemo";
|
|
51
|
+
export * from "./TooltipDemo";
|
|
52
|
+
export * from "./UpdateThemeDemo";
|
|
53
|
+
export * from "./useOnIntersecting";
|
|
116
54
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,27 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
1
|
+
import { config } from "@tamagui/site-config";
|
|
2
|
+
import { config as config2 } from "@tamagui/site-config";
|
|
3
|
+
var tamagui_config_default = config;
|
|
4
|
+
export {
|
|
5
|
+
config2 as config,
|
|
6
|
+
tamagui_config_default as default
|
|
14
7
|
};
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
-
var tamagui_config_exports = {};
|
|
17
|
-
__export(tamagui_config_exports, {
|
|
18
|
-
config: () => import_site_config2.config,
|
|
19
|
-
default: () => tamagui_config_default
|
|
20
|
-
});
|
|
21
|
-
module.exports = __toCommonJS(tamagui_config_exports);
|
|
22
|
-
var import_site_config = require("@tamagui/site-config"), import_site_config2 = require("@tamagui/site-config"), tamagui_config_default = import_site_config.config;
|
|
23
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
24
|
-
0 && (module.exports = {
|
|
25
|
-
config
|
|
26
|
-
});
|
|
27
8
|
//# sourceMappingURL=tamagui.config.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tamagui.config.ts"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,UAAAA,eAAc;AACvB,IAAO,yBAAQ;",
|
|
5
|
+
"names": ["config"]
|
|
6
6
|
}
|
|
@@ -1,28 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
-
var useOnIntersecting_exports = {};
|
|
17
|
-
__export(useOnIntersecting_exports, {
|
|
18
|
-
useIsIntersecting: () => useIsIntersecting,
|
|
19
|
-
useOnIntersecting: () => useOnIntersecting
|
|
20
|
-
});
|
|
21
|
-
module.exports = __toCommonJS(useOnIntersecting_exports);
|
|
22
|
-
var import_react = require("react"), import_tamagui = require("tamagui");
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
2
|
+
import { isWeb, useEvent } from "tamagui";
|
|
23
3
|
function useIsIntersecting(refs, { once, ...opts } = {}) {
|
|
24
|
-
const [values, setValues] =
|
|
25
|
-
return
|
|
4
|
+
const [values, setValues] = useState([]);
|
|
5
|
+
return isWeb && useOnIntersecting(
|
|
26
6
|
refs,
|
|
27
7
|
(entries) => {
|
|
28
8
|
const intersecting = entries.some((x) => x == null ? void 0 : x.isIntersecting);
|
|
@@ -35,8 +15,8 @@ function useIsIntersecting(refs, { once, ...opts } = {}) {
|
|
|
35
15
|
), Array.isArray(refs) ? values : values[0];
|
|
36
16
|
}
|
|
37
17
|
function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMargin } = {}, mountArgs = []) {
|
|
38
|
-
const onIntersectEvent =
|
|
39
|
-
|
|
18
|
+
const onIntersectEvent = useEvent(incomingCbRaw);
|
|
19
|
+
useEffect(() => {
|
|
40
20
|
const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
|
|
41
21
|
if (!refs.length)
|
|
42
22
|
return;
|
|
@@ -62,9 +42,8 @@ function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMar
|
|
|
62
42
|
...mountArgs
|
|
63
43
|
]);
|
|
64
44
|
}
|
|
65
|
-
|
|
66
|
-
0 && (module.exports = {
|
|
45
|
+
export {
|
|
67
46
|
useIsIntersecting,
|
|
68
47
|
useOnIntersecting
|
|
69
|
-
}
|
|
48
|
+
};
|
|
70
49
|
//# sourceMappingURL=useOnIntersecting.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useOnIntersecting.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,OAAO,gBAAgB;AAWzB,SAAS,kBACd,MACA,EAAE,MAAM,GAAG,KAAK,IAAmD,CAAC,GAC3B;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAoB,CAAC,CAAC;AAElD,SAAI,SACF;AAAA,IACE;AAAA,IACA,CAAC,YAAY;AACX,YAAM,eAAe,QAAQ,KAAK,CAAC,MAAM,uBAAG,cAAc;AAC1D,MAAI,QAAQ,CAAC,gBACb,UAAU,CAAC,SAAS;AAClB,cAAM,OAAO,QAAQ,IAAI,CAAC,OAAM,uBAAG,mBAAkB,EAAK;AAC1D,eAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC,CAAC,IAC5D,OAEF;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA;AAAA,EACF,GAGM,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO,CAAC;AACjD;AAEO,SAAS,kBACd,QACA,eACA,EAAE,YAAY,GAAG,MAAM,WAAW,IAA8B,CAAC,GACjE,YAAmB,CAAC,GACpB;AACA,QAAM,mBAAmB,SAAS,aAAa;AAE/C,YAAU,MAAM;AACd,UAAM,OAAQ,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AACtD,QAAI,CAAC,KAAK;AAAQ;AAElB,QAAI,UAA4B,MAC5B,iBAAuD,CAAC;AAC5D,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,uBAAiB,KAAK,IAAI,CAAC,KAAK,UAE5B,QAAQ,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,KAAK,KAAK,IAE7E,GACD,8BACA,UAAU,iBAAiB,cAAc,KAAK;AAAA,IAChD,GAAG,OAAO;AAEV,eAAW,OAAO;AAChB,MAAI,IAAI,WACN,GAAG,QAAQ,IAAI,OAAO;AAI1B,WAAO,MAAM;AACX,oCACA,GAAG,WAAW;AAAA,IAChB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,GAAG;AAAA,EACL,CAAC;AACH;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,44 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
-
var AccordionDemo_exports = {};
|
|
17
|
-
__export(AccordionDemo_exports, {
|
|
18
|
-
AccordionDemo: () => AccordionDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(AccordionDemo_exports);
|
|
21
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { ChevronDown } from "@tamagui/lucide-icons";
|
|
2
|
+
import { Accordion, Paragraph, Square } from "tamagui";
|
|
3
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
22
4
|
function AccordionDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
/* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ jsxs(Accordion, { overflow: "hidden", width: "$20", type: "multiple", children: [
|
|
6
|
+
/* @__PURE__ */ jsxs(Accordion.Item, { value: "a1", children: [
|
|
7
|
+
/* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
8
|
+
/* @__PURE__ */ jsx(Paragraph, { children: "1. Take a cold shower" }),
|
|
9
|
+
/* @__PURE__ */ jsx(Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" }) })
|
|
28
10
|
] }) }),
|
|
29
|
-
/* @__PURE__ */
|
|
11
|
+
/* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue." }) })
|
|
30
12
|
] }),
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
/* @__PURE__ */
|
|
13
|
+
/* @__PURE__ */ jsxs(Accordion.Item, { value: "a2", children: [
|
|
14
|
+
/* @__PURE__ */ jsx(Accordion.Trigger, { flexDirection: "row", justifyContent: "space-between", children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
15
|
+
/* @__PURE__ */ jsx(Paragraph, { children: "2. Eat 4 eggs" }),
|
|
16
|
+
/* @__PURE__ */ jsx(Square, { animation: "quick", rotate: open ? "180deg" : "0deg", children: /* @__PURE__ */ jsx(ChevronDown, { size: "$1" }) })
|
|
35
17
|
] }) }),
|
|
36
|
-
/* @__PURE__ */
|
|
18
|
+
/* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Paragraph, { children: "Eggs have been a dietary staple since time immemorial and there\u2019s good reason for their continued presence in our menus and meals." }) })
|
|
37
19
|
] })
|
|
38
20
|
] });
|
|
39
21
|
}
|
|
40
|
-
|
|
41
|
-
0 && (module.exports = {
|
|
22
|
+
export {
|
|
42
23
|
AccordionDemo
|
|
43
|
-
}
|
|
24
|
+
};
|
|
44
25
|
//# sourceMappingURL=AccordionDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AccordionDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,WAAW,WAAW,cAAc;AAQjC,mBACE,KADF;AANL,SAAS,gBAAgB;AAC9B,SACE,qBAAC,aAAU,UAAS,UAAS,OAAM,OAAM,MAAK,YAC5C;AAAA,yBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,mCAAqB;AAAA,QAChC,oBAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,wJAGX,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,UAAU,MAAV,EAAe,OAAM,MACpB;AAAA,0BAAC,UAAU,SAAV,EAAkB,eAAc,OAAM,gBAAe,iBACnD,WAAC,EAAE,KAAK,MACP,iCACE;AAAA,4BAAC,aAAU,2BAAa;AAAA,QACxB,oBAAC,UAAO,WAAU,SAAQ,QAAQ,OAAO,WAAW,QAClD,8BAAC,eAAY,MAAK,MAAK,GACzB;AAAA,SACF,GAEJ;AAAA,MACA,oBAAC,UAAU,SAAV,EACC,8BAAC,aAAU,qJAGX,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,38 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
-
var AddThemeDemo_exports = {};
|
|
17
|
-
__export(AddThemeDemo_exports, {
|
|
18
|
-
AddThemeDemo: () => AddThemeDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(AddThemeDemo_exports);
|
|
21
|
-
var import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { addTheme } from "@tamagui/theme";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { Button, H3, Square, Theme, YStack } from "tamagui";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
22
5
|
function AddThemeDemo() {
|
|
23
|
-
const [theme, setTheme] =
|
|
24
|
-
return /* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
6
|
+
const [theme, setTheme] = useState();
|
|
7
|
+
return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
|
|
8
|
+
/* @__PURE__ */ jsxs(H3, { children: [
|
|
26
9
|
"Theme: ",
|
|
27
10
|
theme ?? "none"
|
|
28
11
|
] }),
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
|
|
12
|
+
/* @__PURE__ */ jsx(Theme, { name: theme ?? "red", children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }),
|
|
13
|
+
/* @__PURE__ */ jsx(
|
|
14
|
+
Button,
|
|
32
15
|
{
|
|
33
16
|
disabled: theme === "superblue",
|
|
34
17
|
onPress: () => {
|
|
35
|
-
|
|
18
|
+
addTheme({
|
|
36
19
|
name: "superblue",
|
|
37
20
|
insertCSS: !0,
|
|
38
21
|
theme: {
|
|
@@ -46,8 +29,7 @@ function AddThemeDemo() {
|
|
|
46
29
|
)
|
|
47
30
|
] });
|
|
48
31
|
}
|
|
49
|
-
|
|
50
|
-
0 && (module.exports = {
|
|
32
|
+
export {
|
|
51
33
|
AddThemeDemo
|
|
52
|
-
}
|
|
34
|
+
};
|
|
53
35
|
//# sourceMappingURL=AddThemeDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AddThemeDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAO5C,SAGE,KAHF;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AAExC,SACE,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,yBAAC,MAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,oBAAC,SAAM,MAAM,SAAS,OACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,SAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|