@hanzogui/demos 3.0.6 → 4.3.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.cjs +17 -15
- package/dist/cjs/AccordionDemo.native.js +17 -15
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +31 -28
- package/dist/cjs/AddThemeDemo.native.js +33 -30
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +20 -18
- package/dist/cjs/AlertDialogDemo.native.js +20 -18
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +40 -35
- package/dist/cjs/AnimationsDelayDemo.native.js +41 -36
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +26 -22
- package/dist/cjs/AnimationsDemo.native.js +28 -27
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +39 -34
- package/dist/cjs/AnimationsEnterDemo.native.js +38 -34
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +66 -64
- package/dist/cjs/AnimationsPresenceDemo.native.js +69 -67
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +16 -14
- package/dist/cjs/AvatarDemo.native.js +16 -14
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +14 -12
- package/dist/cjs/BoxShadowTokenDemo.native.js +21 -19
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.cjs +20 -18
- package/dist/cjs/BuildAButtonDemo.native.js +29 -27
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +17 -15
- package/dist/cjs/ButtonDemo.native.js +17 -15
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +15 -13
- package/dist/cjs/CardDemo.native.js +15 -13
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +17 -15
- package/dist/cjs/CheckboxDemo.native.js +23 -21
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +38 -36
- package/dist/cjs/CheckboxHeadlessDemo.native.js +38 -36
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +41 -39
- package/dist/cjs/CheckboxUnstyledDemo.native.js +42 -40
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +62 -56
- package/dist/cjs/ColorsDemo.native.js +32 -30
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +49 -45
- package/dist/cjs/ContextMenuDemo.native.js +37 -35
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +32 -30
- package/dist/cjs/DialogDemo.native.js +34 -32
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +31 -28
- package/dist/cjs/FormsDemo.native.js +31 -28
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.cjs +51 -42
- package/dist/cjs/Grid.native.js +44 -37
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +15 -13
- package/dist/cjs/GroupDemo.native.js +15 -13
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +14 -12
- package/dist/cjs/HeadingsDemo.native.js +14 -12
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.cjs +14 -12
- package/dist/cjs/ImageDemo.native.js +14 -12
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +14 -12
- package/dist/cjs/InputsDemo.native.js +14 -12
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +14 -12
- package/dist/cjs/LabelDemo.native.js +14 -12
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +15 -13
- package/dist/cjs/LinearGradientDemo.native.js +15 -13
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +15 -13
- package/dist/cjs/ListItemDemo.native.js +15 -13
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +54 -52
- package/dist/cjs/LucideIconsDemo.native.js +69 -67
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +38 -36
- package/dist/cjs/MenuDemo.native.js +38 -36
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +15 -13
- package/dist/cjs/NewInputsDemo.native.js +15 -13
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +25 -23
- package/dist/cjs/PopoverDemo.native.js +25 -23
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +35 -31
- package/dist/cjs/ProgressDemo.native.js +35 -31
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +14 -12
- package/dist/cjs/RadioGroupDemo.native.js +14 -12
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +68 -63
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +60 -60
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +38 -33
- package/dist/cjs/ReplaceThemeDemo.native.js +39 -34
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +14 -12
- package/dist/cjs/ScrollViewDemo.native.js +14 -12
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +49 -45
- package/dist/cjs/SelectDemo.native.js +38 -36
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +16 -14
- package/dist/cjs/SeparatorDemo.native.js +16 -14
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +14 -12
- package/dist/cjs/ShapesDemo.native.js +14 -12
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +124 -118
- package/dist/cjs/SheetDemo.native.js +148 -146
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +14 -12
- package/dist/cjs/SliderDemo.native.js +14 -12
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +14 -12
- package/dist/cjs/SpinnerDemo.native.js +14 -12
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +17 -15
- package/dist/cjs/StacksDemo.native.js +29 -16
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +18 -16
- package/dist/cjs/SwitchDemo.native.js +20 -18
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +38 -36
- package/dist/cjs/SwitchHeadlessDemo.native.js +40 -38
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +50 -48
- package/dist/cjs/SwitchUnstyledDemo.native.js +51 -49
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +315 -293
- package/dist/cjs/TabsAdvancedDemo.native.js +364 -348
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +105 -99
- package/dist/cjs/TabsDemo.native.js +162 -160
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +68 -64
- package/dist/cjs/TabsHeadlessDemo.native.js +94 -81
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +14 -12
- package/dist/cjs/TextDemo.native.js +14 -12
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +115 -110
- package/dist/cjs/ToastDemo.native.js +144 -141
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +29 -27
- package/dist/cjs/ToastDuplicateDemo.native.js +74 -72
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToggleGroupDemo.cjs +18 -16
- package/dist/cjs/ToggleGroupDemo.native.js +18 -16
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +80 -74
- package/dist/cjs/TokensDemo.native.js +58 -55
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +18 -16
- package/dist/cjs/TooltipDemo.native.js +18 -16
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +37 -33
- package/dist/cjs/UpdateThemeDemo.native.js +38 -34
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.cjs +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/gui.config.cjs +14 -12
- package/dist/cjs/gui.config.native.js +16 -14
- package/dist/cjs/gui.config.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +44 -28
- package/dist/cjs/useOnIntersecting.native.js +84 -70
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +2 -2
- package/dist/esm/AccordionDemo.native.js +2 -2
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.mjs +3 -2
- package/dist/esm/AddThemeDemo.mjs.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +5 -4
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.mjs +6 -6
- package/dist/esm/AlertDialogDemo.native.js +6 -6
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +12 -9
- package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +12 -9
- package/dist/esm/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.mjs +10 -8
- package/dist/esm/AnimationsDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +12 -13
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +10 -7
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +9 -7
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +34 -34
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +36 -36
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.mjs +2 -2
- package/dist/esm/AvatarDemo.native.js +2 -2
- package/dist/esm/BuildAButtonDemo.mjs +5 -5
- package/dist/esm/BuildAButtonDemo.mjs.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +5 -5
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.mjs +1 -1
- package/dist/esm/ButtonDemo.native.js +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CheckboxDemo.mjs +2 -2
- package/dist/esm/CheckboxDemo.native.js +8 -8
- package/dist/esm/CheckboxHeadlessDemo.mjs +8 -8
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +8 -8
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +24 -24
- package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +24 -24
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.mjs +47 -43
- package/dist/esm/ColorsDemo.mjs.map +1 -1
- package/dist/esm/ColorsDemo.native.js +17 -17
- package/dist/esm/ColorsDemo.native.js.map +1 -1
- package/dist/esm/ContextMenuDemo.mjs +20 -18
- package/dist/esm/ContextMenuDemo.mjs.map +1 -1
- package/dist/esm/ContextMenuDemo.native.js +8 -8
- package/dist/esm/ContextMenuDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +15 -15
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +17 -17
- package/dist/esm/DialogDemo.native.js.map +1 -1
- package/dist/esm/FormsDemo.mjs +4 -3
- package/dist/esm/FormsDemo.mjs.map +1 -1
- package/dist/esm/FormsDemo.native.js +4 -3
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.mjs +23 -16
- package/dist/esm/Grid.mjs.map +1 -1
- package/dist/esm/Grid.native.js +16 -11
- package/dist/esm/Grid.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +24 -24
- package/dist/esm/LucideIconsDemo.mjs.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +31 -31
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/MenuDemo.mjs +9 -9
- package/dist/esm/MenuDemo.mjs.map +1 -1
- package/dist/esm/MenuDemo.native.js +9 -9
- package/dist/esm/MenuDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +9 -9
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +9 -9
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.mjs +7 -5
- package/dist/esm/ProgressDemo.mjs.map +1 -1
- package/dist/esm/ProgressDemo.native.js +7 -5
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +38 -35
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +30 -32
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +10 -7
- package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +11 -8
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +20 -18
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +9 -9
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +2 -2
- package/dist/esm/SeparatorDemo.native.js +2 -2
- package/dist/esm/SheetDemo.mjs +95 -91
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +119 -119
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.mjs +3 -3
- package/dist/esm/StacksDemo.native.js +4 -3
- package/dist/esm/StacksDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.mjs +4 -4
- package/dist/esm/SwitchDemo.native.js +6 -6
- package/dist/esm/SwitchHeadlessDemo.mjs +9 -9
- package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +11 -11
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +34 -34
- package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +34 -34
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +288 -268
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +337 -323
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +77 -73
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.native.js +135 -135
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +48 -46
- package/dist/esm/TabsHeadlessDemo.mjs.map +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +67 -67
- package/dist/esm/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +86 -83
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +115 -114
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToggleGroupDemo.mjs +3 -3
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +3 -3
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.mjs +52 -48
- package/dist/esm/TokensDemo.mjs.map +1 -1
- package/dist/esm/TokensDemo.native.js +24 -23
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.mjs +3 -3
- package/dist/esm/TooltipDemo.native.js +3 -3
- package/dist/esm/UpdateThemeDemo.mjs +8 -6
- package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +9 -7
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/esm/gui.config.native.js +2 -2
- package/dist/esm/gui.config.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +30 -16
- package/dist/esm/useOnIntersecting.mjs.map +1 -1
- package/dist/esm/useOnIntersecting.native.js +70 -58
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/package.json +2 -2
- package/src/MenuDemo.tsx +1 -1
|
@@ -3,51 +3,51 @@ import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } f
|
|
|
3
3
|
import { createTabs } from "@hanzogui/tabs";
|
|
4
4
|
import { getButtonSized } from "@hanzogui/get-button-sized";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
const demos = ["horizontal", "vertical"]
|
|
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
|
-
}
|
|
6
|
+
const demos = ["horizontal", "vertical"];
|
|
7
|
+
const TabsFrame = styled(SizableStack, {
|
|
8
|
+
name: "TabsFrame"
|
|
9
|
+
});
|
|
10
|
+
const TabFrame = styled(ThemeableStack, {
|
|
11
|
+
name: "TabsTrigger",
|
|
12
|
+
render: "button",
|
|
13
|
+
cursor: "pointer",
|
|
14
|
+
backgroundColor: "transparent",
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
"...size": getButtonSized
|
|
18
|
+
},
|
|
19
|
+
disabled: {
|
|
20
|
+
true: {
|
|
21
|
+
pointerEvents: "none"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
active: {
|
|
25
|
+
true: {
|
|
26
|
+
hoverStyle: {
|
|
27
|
+
backgroundColor: "$background"
|
|
28
|
+
},
|
|
29
|
+
focusStyle: {
|
|
30
|
+
backgroundColor: "$background"
|
|
32
31
|
}
|
|
33
32
|
}
|
|
34
33
|
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
const CONTENT_NAME = "TabsContent";
|
|
37
|
+
const ContentFrame = styled(ThemeableStack, {
|
|
38
|
+
name: CONTENT_NAME,
|
|
39
|
+
flex: 1,
|
|
40
|
+
p: "$6",
|
|
41
|
+
justify: "center",
|
|
42
|
+
items: "center",
|
|
43
|
+
bg: "$color4",
|
|
44
|
+
rounded: "$4"
|
|
45
|
+
});
|
|
46
|
+
const CustomTabs = createTabs({
|
|
47
|
+
TabsFrame,
|
|
48
|
+
TabFrame,
|
|
49
|
+
ContentFrame
|
|
50
|
+
});
|
|
51
51
|
function TabsHeadlessDemo() {
|
|
52
52
|
const [demo, setDemo] = useState(demos[0]);
|
|
53
53
|
return (
|
|
@@ -81,10 +81,11 @@ function TabsHeadlessDemo() {
|
|
|
81
81
|
})
|
|
82
82
|
);
|
|
83
83
|
}
|
|
84
|
-
const content = ["Home", "Profile", "Settings"]
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
84
|
+
const content = ["Home", "Profile", "Settings"];
|
|
85
|
+
const TabsView = ({
|
|
86
|
+
flexDirection = "row"
|
|
87
|
+
}) => {
|
|
88
|
+
return /* @__PURE__ */jsxs(CustomTabs, {
|
|
88
89
|
flexDirection: flexDirection === "column" ? "row" : "column",
|
|
89
90
|
defaultValue: content[0],
|
|
90
91
|
children: [/* @__PURE__ */jsx(CustomTabs.List, {
|
|
@@ -101,5 +102,6 @@ const content = ["Home", "Profile", "Settings"],
|
|
|
101
102
|
children: name
|
|
102
103
|
}, index))]
|
|
103
104
|
});
|
|
105
|
+
};
|
|
104
106
|
export { ContentFrame, CustomTabs, TabFrame, TabsFrame, TabsHeadlessDemo };
|
|
105
107
|
//# sourceMappingURL=TabsHeadlessDemo.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","jsx","jsxs","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,QAAA,QAAgB;AAChC,SACEC,MAAA,EACAC,YAAA,EACAC,cAAA,EACAC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,QACK;AACP,SAASC,UAAA,QAAkB;AAC3B,SAASC,cAAA,QAAsB;AA6D3B,SAMEC,GAAA,EANFC,IAAA;AA3DJ,MAAMC,KAAA,GAAQ,CAAC,cAAc,UAAU;
|
|
1
|
+
{"version":3,"names":["useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","jsx","jsxs","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
2
|
+
import React, { useState } from "react";
|
|
3
3
|
import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "@hanzo/gui";
|
|
4
4
|
import { createTabs } from "@hanzogui/tabs";
|
|
5
5
|
import { getButtonSized } from "@hanzogui/get-button-sized";
|
|
6
|
-
var demos = ["horizontal", "vertical"]
|
|
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
|
-
}
|
|
6
|
+
var demos = ["horizontal", "vertical"];
|
|
7
|
+
var TabsFrame = styled(SizableStack, {
|
|
8
|
+
name: "TabsFrame"
|
|
9
|
+
});
|
|
10
|
+
var TabFrame = styled(ThemeableStack, {
|
|
11
|
+
name: "TabsTrigger",
|
|
12
|
+
render: "button",
|
|
13
|
+
cursor: "pointer",
|
|
14
|
+
backgroundColor: "transparent",
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
"...size": getButtonSized
|
|
18
|
+
},
|
|
19
|
+
disabled: {
|
|
20
|
+
true: {
|
|
21
|
+
pointerEvents: "none"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
active: {
|
|
25
|
+
true: {
|
|
26
|
+
hoverStyle: {
|
|
27
|
+
backgroundColor: "$background"
|
|
28
|
+
},
|
|
29
|
+
focusStyle: {
|
|
30
|
+
backgroundColor: "$background"
|
|
32
31
|
}
|
|
33
32
|
}
|
|
34
33
|
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
var CONTENT_NAME = "TabsContent";
|
|
37
|
+
var ContentFrame = styled(ThemeableStack, {
|
|
38
|
+
name: CONTENT_NAME,
|
|
39
|
+
flex: 1,
|
|
40
|
+
p: "$6",
|
|
41
|
+
justify: "center",
|
|
42
|
+
items: "center",
|
|
43
|
+
bg: "$color4",
|
|
44
|
+
rounded: "$4"
|
|
45
|
+
});
|
|
46
|
+
var CustomTabs = createTabs({
|
|
47
|
+
TabsFrame,
|
|
48
|
+
TabFrame,
|
|
49
|
+
ContentFrame
|
|
50
|
+
});
|
|
51
51
|
function TabsHeadlessDemo() {
|
|
52
52
|
var [demo, setDemo] = useState(demos[0]);
|
|
53
53
|
return (
|
|
@@ -83,32 +83,32 @@ function TabsHeadlessDemo() {
|
|
|
83
83
|
})
|
|
84
84
|
);
|
|
85
85
|
}
|
|
86
|
-
var content = ["Home", "Profile", "Settings"]
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
value: name,
|
|
99
|
-
activeStyle: {
|
|
100
|
-
backgroundColor: "transparent"
|
|
101
|
-
},
|
|
102
|
-
children: name
|
|
103
|
-
}, index);
|
|
104
|
-
})
|
|
105
|
-
}), content.map(function (name, index) {
|
|
106
|
-
return /* @__PURE__ */_jsx(CustomTabs.Content, {
|
|
86
|
+
var content = ["Home", "Profile", "Settings"];
|
|
87
|
+
var TabsView = function (param) {
|
|
88
|
+
var {
|
|
89
|
+
flexDirection = "row"
|
|
90
|
+
} = param;
|
|
91
|
+
return /* @__PURE__ */_jsxs(CustomTabs, {
|
|
92
|
+
flexDirection: flexDirection === "column" ? "row" : "column",
|
|
93
|
+
defaultValue: content[0],
|
|
94
|
+
children: [/* @__PURE__ */_jsx(CustomTabs.List, {
|
|
95
|
+
flexDirection,
|
|
96
|
+
children: content.map(function (name, index) {
|
|
97
|
+
return /* @__PURE__ */_jsx(CustomTabs.Tab, {
|
|
107
98
|
value: name,
|
|
99
|
+
activeStyle: {
|
|
100
|
+
backgroundColor: "transparent"
|
|
101
|
+
},
|
|
108
102
|
children: name
|
|
109
103
|
}, index);
|
|
110
|
-
})
|
|
111
|
-
})
|
|
112
|
-
|
|
104
|
+
})
|
|
105
|
+
}), content.map(function (name, index) {
|
|
106
|
+
return /* @__PURE__ */_jsx(CustomTabs.Content, {
|
|
107
|
+
value: name,
|
|
108
|
+
children: name
|
|
109
|
+
}, index);
|
|
110
|
+
})]
|
|
111
|
+
});
|
|
112
|
+
};
|
|
113
113
|
export { ContentFrame, CustomTabs, TabFrame, TabsFrame, TabsHeadlessDemo };
|
|
114
114
|
//# sourceMappingURL=TabsHeadlessDemo.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","param","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AAChC,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","param","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AAChC,OAAAC,KAAA,IAAAC,QAAA;AAAA,SACEC,MAAA,EAAAC,YAAA,EAAAC,cAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA;AAAA,SACAC,UAAA;AAAA,SACAC,cAAA;AAAA,IACAC,KAAA,IACA,cACA;AACA,IAAAC,SACK,GAAAJ,MAAA,CAAAL,YAAA;EACPU,IAAA;AACA;AA6DI,IAAAC,QAME,GANFN,MAAA,CAAAJ,cAAA;EA3DJS,IAAM,eAAS;EAERE,MAAM,UAAY;EACvBC,MAAM;EACPC,eAAA;EAEMC,QAAM;IACXC,IAAM;MACN,SAAQ,EAAAT;IACR;IACAU,QAAA;MACAC,IAAA,EAAU;QACRC,aAAM;MACJ;IACF;IAEAC,MAAA;MACEF,IAAA,EAAM;QACJG,UAAA;UACFP,eAAA;QACF;QAEAQ,UAAQ;UACNR,eAAM;QACJ;MAAY;IACO;EACnB;AAEY;AACO,IAAAS,YACnB;AAAA,IAAAC,YACF,GAAAnB,MAAA,CAAAJ,cAAA;EAAAS,IACF,EAAAa,YAAA;EACFE,IAAA;EACDC,CAAA;EAEDC,OAAM;EAECC,KAAM;EACXC,EAAA,WAAM;EACNC,OAAM;AAAA,EACN;AAAG,IACHC,UAAS,GAAAzB,UAAA;EACTG,SAAO;EACPE,QAAI;EACJa;AACF,CAAC;AAEM,SAAMQ,gBAAaA,CAAA;EACxB,KAAAC,IAAA,EAAAC,OAAA,IAAApC,QAAA,CAAAU,KAAA;EACA;IACA;IACD;IAAAZ,KAAA,CAAAO,MAAA;MAEMgC,EAAA,EAAS;MACd,IAAO/B,KAAA,IAAM;QAEbgC,QAAA;MAAA;MAEEC,QAAA,GAAC,eAAA3C,IAAA,CAAA4C,QAAA;QAAAC,aAAA,EAAAN,IAAA;MACC,IACC,eAAavC,IAAA,CAAAQ,MAAA;QACZ0B,KAAA,UAAU;QACZY,GAAA;QAEAJ,QAAA;QAAAK,CAAA;QAEAC,CAAA;QAAAC,IAAC;UAAAC,OAAA;QAAA;QACOP,QACN,EAAI,eAAA3C,IAAA,CAAAK,MAAA;UAAAiB,IACJ;UAAS6B,OACP,WAAAA,CAAA;YACF,OAAEX,OAAA,CAAAD,IAAA;UAAA;UACsBI,QAExB,iBAAA3C,IAAA,CAAAK,MAAA,CAAA+C,IAAA;YAAAC,aAAC;YAAAV,QAAA,EAAAJ;UAAA;QACM;MACmE;IAE1B;EAAA;AAChD;AACF,IAAAe,OAAA,qBACF,aAEJ;AAEA,IAAAV,QAAM,YAAAA,CAAWW,KAAQ;EAEzB,IAAM;IAAAV,aAAc;EAAA,IAAAU,KAAgB;EAClC,OACE,eAAArD,KAAA,CAAAmC,UAAA;IAACQ,aAAA,EAAAA,aAAA;IAAAW,YAAA,EAAAF,OAAA;IAAAX,QACC,GACA,eAAc3C,IAAA,CAAAqC,UAAS,CAAAoB,IAAA;MAEvBZ,aAAA;MAAAF,QAAA,EAAAW,OAAA,CAAAI,GAAC,WAAW1C,IAAA,EAAX2C,KAAgB;QAEZ,sBAAW3D,IAAA,CAAAqC,UAAA,CAAAuB,GAAA;UAAXC,KAAA,EAAA7C,IAAA;UAEC8C,WAAO;YACP1C,eAAe;UAEd;UAAAuB,QAAA,EAAA3B;QAJI,GAAA2C,KAAA;MAKP,CACD;IACH,EACC,EAIAL,OAAA,CAAAI,GAAA,WAAA1C,IAAA,EAAA2C,KAAA;MAAA,sBAAA3D,IAAA,CAAAqC,UAAA,CAAA0B,OAAA;QACHF,KAAA,EAAA7C,IAAA;QAEJ2B,QAAA,EAAA3B","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ import { Square, XStack, YStack } from "@hanzo/gui";
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
function ThemeBuilderDemo() {
|
|
4
4
|
return /* @__PURE__ */jsx(YStack, {
|
|
5
|
-
fullscreen:
|
|
5
|
+
fullscreen: true,
|
|
6
6
|
overflow: "hidden",
|
|
7
7
|
children: /* @__PURE__ */jsxs(XStack, {
|
|
8
8
|
maxH: 200,
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Square, XStack, YStack } from "@hanzo/gui";
|
|
3
3
|
function ThemeBuilderDemo() {
|
|
4
4
|
return /* @__PURE__ */_jsx(YStack, {
|
|
5
|
-
fullscreen:
|
|
5
|
+
fullscreen: true,
|
|
6
6
|
overflow: "hidden",
|
|
7
7
|
children: /* @__PURE__ */_jsxs(XStack, {
|
|
8
8
|
maxH: 200,
|
package/dist/esm/ToastDemo.mjs
CHANGED
|
@@ -3,94 +3,96 @@ import React from "react";
|
|
|
3
3
|
import { Button, Label, Switch, XStack, YStack } from "@hanzo/gui";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
const ToastDemo = () => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
const [native, setNative] = React.useState(false);
|
|
7
|
+
return /* @__PURE__ */jsxs(YStack, {
|
|
8
|
+
gap: "$4",
|
|
9
|
+
items: "center",
|
|
10
|
+
children: [/* @__PURE__ */jsx(ToastControl, {
|
|
11
|
+
native
|
|
12
|
+
}), /* @__PURE__ */jsx(CurrentToast, {}), /* @__PURE__ */jsx(NativeOptions, {
|
|
13
|
+
native,
|
|
14
|
+
setNative
|
|
15
|
+
})]
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
const CurrentToast = () => {
|
|
19
|
+
const currentToast = useToastState();
|
|
20
|
+
if (!currentToast || currentToast.isHandledNatively) return null;
|
|
21
|
+
return /* @__PURE__ */jsx(Toast, {
|
|
22
|
+
duration: currentToast.duration,
|
|
23
|
+
viewportName: currentToast.viewportName,
|
|
24
|
+
enterStyle: {
|
|
25
|
+
opacity: 0,
|
|
26
|
+
scale: 0.95,
|
|
27
|
+
y: -80
|
|
28
|
+
},
|
|
29
|
+
exitStyle: {
|
|
30
|
+
opacity: 0,
|
|
31
|
+
scale: 0.95,
|
|
32
|
+
y: -80
|
|
33
|
+
},
|
|
34
|
+
opacity: 1,
|
|
35
|
+
scale: 1,
|
|
36
|
+
y: -50,
|
|
37
|
+
transition: "quicker",
|
|
38
|
+
bg: "$color2",
|
|
39
|
+
boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
|
|
40
|
+
children: /* @__PURE__ */jsxs(XStack, {
|
|
41
|
+
gap: "$5",
|
|
9
42
|
items: "center",
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
43
|
+
justify: "space-between",
|
|
44
|
+
children: [/* @__PURE__ */jsxs(YStack, {
|
|
45
|
+
gap: "$0.5",
|
|
46
|
+
flex: 1,
|
|
47
|
+
children: [/* @__PURE__ */jsx(Toast.Title, {
|
|
48
|
+
children: currentToast.title
|
|
49
|
+
}), !!currentToast.message && /* @__PURE__ */jsx(Toast.Description, {
|
|
50
|
+
children: currentToast.message
|
|
51
|
+
})]
|
|
52
|
+
}), /* @__PURE__ */jsx(Toast.Action, {
|
|
53
|
+
asChild: true,
|
|
54
|
+
altText: "Dismiss toast",
|
|
55
|
+
children: /* @__PURE__ */jsx(Button, {
|
|
56
|
+
size: "$2",
|
|
57
|
+
children: "Dismiss"
|
|
58
|
+
})
|
|
15
59
|
})]
|
|
16
|
-
})
|
|
17
|
-
},
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
60
|
+
})
|
|
61
|
+
}, currentToast.id);
|
|
62
|
+
};
|
|
63
|
+
const ToastControl = ({
|
|
64
|
+
native
|
|
65
|
+
}) => {
|
|
66
|
+
const toast = useToastController();
|
|
67
|
+
return /* @__PURE__ */jsxs(XStack, {
|
|
68
|
+
gap: "$2",
|
|
69
|
+
justify: "center",
|
|
70
|
+
children: [/* @__PURE__ */jsx(Button, {
|
|
71
|
+
onPress: () => {
|
|
72
|
+
toast.show("Successfully saved!", {
|
|
73
|
+
message: "Don't worry, we've got your data.",
|
|
74
|
+
native,
|
|
75
|
+
demo: true
|
|
76
|
+
});
|
|
27
77
|
},
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
78
|
+
children: "Show"
|
|
79
|
+
}), /* @__PURE__ */jsx(Button, {
|
|
80
|
+
onPress: () => {
|
|
81
|
+
toast.hide();
|
|
32
82
|
},
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
justify: "space-between",
|
|
43
|
-
children: [/* @__PURE__ */jsxs(YStack, {
|
|
44
|
-
gap: "$0.5",
|
|
45
|
-
flex: 1,
|
|
46
|
-
children: [/* @__PURE__ */jsx(Toast.Title, {
|
|
47
|
-
children: currentToast.title
|
|
48
|
-
}), !!currentToast.message && /* @__PURE__ */jsx(Toast.Description, {
|
|
49
|
-
children: currentToast.message
|
|
50
|
-
})]
|
|
51
|
-
}), /* @__PURE__ */jsx(Toast.Action, {
|
|
52
|
-
asChild: !0,
|
|
53
|
-
altText: "Dismiss toast",
|
|
54
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
55
|
-
size: "$2",
|
|
56
|
-
children: "Dismiss"
|
|
57
|
-
})
|
|
58
|
-
})]
|
|
59
|
-
})
|
|
60
|
-
}, currentToast.id);
|
|
61
|
-
},
|
|
62
|
-
ToastControl = ({
|
|
63
|
-
native
|
|
64
|
-
}) => {
|
|
65
|
-
const toast = useToastController();
|
|
66
|
-
return /* @__PURE__ */jsxs(XStack, {
|
|
67
|
-
gap: "$2",
|
|
68
|
-
justify: "center",
|
|
69
|
-
children: [/* @__PURE__ */jsx(Button, {
|
|
70
|
-
onPress: () => {
|
|
71
|
-
toast.show("Successfully saved!", {
|
|
72
|
-
message: "Don't worry, we've got your data.",
|
|
73
|
-
native,
|
|
74
|
-
demo: !0
|
|
75
|
-
});
|
|
76
|
-
},
|
|
77
|
-
children: "Show"
|
|
78
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
79
|
-
onPress: () => {
|
|
80
|
-
toast.hide();
|
|
81
|
-
},
|
|
82
|
-
children: "Hide"
|
|
83
|
-
})]
|
|
84
|
-
});
|
|
85
|
-
},
|
|
86
|
-
NativeOptions = ({
|
|
87
|
-
native,
|
|
88
|
-
setNative
|
|
89
|
-
}) => /* @__PURE__ */jsxs(XStack, {
|
|
83
|
+
children: "Hide"
|
|
84
|
+
})]
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
const NativeOptions = ({
|
|
88
|
+
native,
|
|
89
|
+
setNative
|
|
90
|
+
}) => {
|
|
91
|
+
return /* @__PURE__ */jsxs(XStack, {
|
|
90
92
|
gap: "$3",
|
|
91
93
|
children: [/* @__PURE__ */jsx(Label, {
|
|
92
94
|
size: "$1",
|
|
93
|
-
onPress: () => setNative(
|
|
95
|
+
onPress: () => setNative(false),
|
|
94
96
|
children: "Custom"
|
|
95
97
|
}), /* @__PURE__ */jsx(Switch, {
|
|
96
98
|
theme: "surface2",
|
|
@@ -102,15 +104,16 @@ const ToastDemo = () => {
|
|
|
102
104
|
theme: "accent",
|
|
103
105
|
transition: ["quickest", {
|
|
104
106
|
transform: {
|
|
105
|
-
overshootClamping:
|
|
107
|
+
overshootClamping: true
|
|
106
108
|
}
|
|
107
109
|
}]
|
|
108
110
|
})
|
|
109
111
|
}), /* @__PURE__ */jsx(Label, {
|
|
110
112
|
size: "$1",
|
|
111
|
-
onPress: () => setNative(
|
|
113
|
+
onPress: () => setNative(true),
|
|
112
114
|
children: "Native"
|
|
113
115
|
})]
|
|
114
116
|
});
|
|
117
|
+
};
|
|
115
118
|
export { ToastDemo };
|
|
116
119
|
//# sourceMappingURL=ToastDemo.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","jsx","jsxs","ToastDemo","native","setNative","useState","gap","items","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","justify","flex","Title","title","message","Description","Action","asChild","altText","size","id","toast","onPress","show","demo","hide","theme","checked","onCheckedChange","val","Thumb","transform","overshootClamping"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,EAAOC,kBAAA,EAAoBC,aAAA,QAAqB;AACzD,OAAOC,KAAA,MAAW;AAClB,SAASC,MAAA,EAAQC,KAAA,EAAOC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAWlD,SACEC,GAAA,EADFC,IAAA;AAJG,MAAMC,SAAA,GAAYA,CAAA,KAAM;
|
|
1
|
+
{"version":3,"names":["Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","jsx","jsxs","ToastDemo","native","setNative","useState","gap","items","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","justify","flex","Title","title","message","Description","Action","asChild","altText","size","id","toast","onPress","show","demo","hide","theme","checked","onCheckedChange","val","Thumb","transform","overshootClamping"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|