@hanzogui/demos 3.0.6 → 4.4.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/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 +11 -11
- package/src/MenuDemo.tsx +1 -1
|
@@ -1,84 +1,84 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Label, XStack, YStack, styled } from "@hanzo/gui";
|
|
3
3
|
import { createRadioGroup } from "@hanzogui/radio-group";
|
|
4
|
-
var RADIO_GROUP_ITEM_NAME = "RadioGroupItem"
|
|
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
|
-
}
|
|
4
|
+
var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
|
|
5
|
+
var RadioGroupItemFrame = styled(YStack, {
|
|
6
|
+
name: RADIO_GROUP_ITEM_NAME,
|
|
7
|
+
render: "button",
|
|
8
|
+
rounded: 1e3,
|
|
9
|
+
bg: "$background",
|
|
10
|
+
items: "center",
|
|
11
|
+
justify: "center",
|
|
12
|
+
borderWidth: 1,
|
|
13
|
+
borderColor: "$borderColor",
|
|
14
|
+
p: 0,
|
|
15
|
+
hoverStyle: {
|
|
16
|
+
borderColor: "$borderColorHover",
|
|
17
|
+
bg: "$backgroundHover"
|
|
18
|
+
},
|
|
19
|
+
focusStyle: {
|
|
20
|
+
borderColor: "$borderColorHover",
|
|
21
|
+
bg: "$backgroundHover"
|
|
22
|
+
},
|
|
23
|
+
focusVisibleStyle: {
|
|
24
|
+
outlineStyle: "solid",
|
|
25
|
+
outlineWidth: 2,
|
|
26
|
+
outlineColor: "$outlineColor"
|
|
27
|
+
},
|
|
28
|
+
pressStyle: {
|
|
29
|
+
borderColor: "$borderColorFocus",
|
|
30
|
+
bg: "$backgroundFocus"
|
|
31
|
+
},
|
|
32
|
+
variants: {
|
|
33
|
+
disabled: {
|
|
34
|
+
true: {
|
|
35
|
+
pointerEvents: "none",
|
|
36
|
+
userSelect: "none",
|
|
37
|
+
cursor: "not-allowed",
|
|
38
|
+
hoverStyle: {
|
|
39
|
+
borderColor: "$borderColor",
|
|
40
|
+
bg: "$background"
|
|
41
|
+
},
|
|
42
|
+
pressStyle: {
|
|
43
|
+
borderColor: "$borderColor",
|
|
44
|
+
bg: "$background"
|
|
45
|
+
},
|
|
46
|
+
focusVisibleStyle: {
|
|
47
|
+
outlineWidth: 0
|
|
49
48
|
}
|
|
50
49
|
}
|
|
51
50
|
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
|
|
54
|
+
var RadioGroupIndicatorFrame = styled(YStack, {
|
|
55
|
+
name: RADIO_GROUP_INDICATOR_NAME,
|
|
56
|
+
width: "53%",
|
|
57
|
+
height: "53%",
|
|
58
|
+
rounded: 1e3,
|
|
59
|
+
bg: "$color"
|
|
60
|
+
});
|
|
61
|
+
var RADIO_GROUP_NAME = "RadioGroup";
|
|
62
|
+
var RadioGroupFrame = styled(YStack, {
|
|
63
|
+
name: RADIO_GROUP_NAME,
|
|
64
|
+
variants: {
|
|
65
|
+
orientation: {
|
|
66
|
+
horizontal: {
|
|
67
|
+
flexDirection: "row",
|
|
68
|
+
spaceDirection: "horizontal"
|
|
69
|
+
},
|
|
70
|
+
vertical: {
|
|
71
|
+
flexDirection: "column",
|
|
72
|
+
spaceDirection: "vertical"
|
|
74
73
|
}
|
|
75
74
|
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
var RadioGroup = createRadioGroup({
|
|
78
|
+
Frame: RadioGroupFrame,
|
|
79
|
+
Indicator: RadioGroupIndicatorFrame,
|
|
80
|
+
Item: RadioGroupItemFrame
|
|
81
|
+
});
|
|
82
82
|
function RadioGroupUnstyledDemo() {
|
|
83
83
|
return /* @__PURE__ */_jsx(RadioGroup, {
|
|
84
84
|
"aria-labelledby": "Select one item",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","XStack","YStack","styled","createRadioGroup","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","gap","RadioGroupItemWithLabel","value","label"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAQ,IAAAC,KAAQ,2BAAc;AAE9C,SAASC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAwB;AAmG3B,SACEC,gBADF;AAjGN,IAAAC,qBAAM,mBAAwB;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","XStack","YStack","styled","createRadioGroup","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","gap","RadioGroupItemWithLabel","value","label"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAQ,IAAAC,KAAQ,2BAAc;AAE9C,SAASC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAwB;AAmG3B,SACEC,gBADF;AAjGN,IAAAC,qBAAM,mBAAwB;AAE9B,IAAAC,mBAAM,GAAAH,MAAsB,CAAAD,MAAO;EACjCK,IAAA,EAAMF,qBAAA;EACNG,MAAA,EAAQ;EAERC,OAAA,EAAS;EACTC,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,CAAA,EAAG;EAEHC,UAAA,EAAY;IACVF,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAO,UAAA,EAAY;IACVH,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAQ,iBAAA,EAAmB;IACjBC,YAAA,EAAc;IACdC,YAAA,EAAc;IACdC,YAAA,EAAc;EAChB;EAEAC,UAAA,EAAY;IACVR,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAa,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;QACfC,UAAA,EAAY;QACZC,MAAA,EAAQ;QAERZ,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,EAAA,EAAI;QACN;QAEAY,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,EAAA,EAAI;QACN;QAEAQ,iBAAA,EAAmB;UACjBE,YAAA,EAAc;QAChB;MACF;IACF;EACF;AACF,CAAU;AAEV,IAAAS,0BAAM,wBAA6B;AAEnC,IAAAC,wBAAM,GAAA3B,MAA2B,CAAAD,MAAO;EACtCK,IAAA,EAAMsB,0BAAA;EACNE,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRvB,OAAA,EAAS;EACTC,EAAA,EAAI;AACN,CAAC;AAED,IAAAuB,gBAAM,eAAmB;AAEzB,IAAAC,eAAM,GAAA/B,MAAkB,CAAAD,MAAO;EAC7BK,IAAA,EAAM0B,gBAAA;EACNV,QAAA,EAAU;IACRY,WAAA,EAAa;MACXC,UAAA,EAAY;QACVC,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;MACAC,QAAA,EAAU;QACRF,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;IACF;EACF;AACF,CAAC;AAED,IAAAE,UAAM,GAAApC,gBAAa;EACjBqC,KAAA,EAAOP,eAAA;EACPQ,SAAA,EAAWZ,wBAAA;EACXa,IAAA,EAAMrC;AACR,CAAC;AAEM,SAASsC,uBAAA,EAAyB;EACvC,OACE,eAAA/C,IAAC,CAAA2C,UAAA;IAEG,oCAAC;IACDK,YAAA;IAAsDtC,IAE1D;IAEJuC,QAAA,iBAAA/C,KAAA,CAAAG,MAAA;MAEA6B,KAAS;MACPpB,KAAM,EAAK;MACXoC,GACE;MACED,QAAA,GAIA,eAACjD,IAAA,CAAAmD,uBAAoB;QACvBC,KAAA;QAEJC,KAAA","ignoreList":[]}
|
|
@@ -3,18 +3,20 @@ import { addTheme, replaceTheme } from "@hanzogui/theme";
|
|
|
3
3
|
import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "@hanzo/gui";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
function ReplaceThemeDemo() {
|
|
6
|
-
const [theme, setTheme] = React.useState()
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
const [theme, setTheme] = React.useState();
|
|
7
|
+
const update = useForceUpdate();
|
|
8
|
+
useIsomorphicLayoutEffect(() => {
|
|
9
9
|
addTheme({
|
|
10
10
|
name: "mytheme",
|
|
11
|
-
insertCSS:
|
|
11
|
+
insertCSS: true,
|
|
12
12
|
theme: {
|
|
13
13
|
color: "red",
|
|
14
14
|
color2: "green"
|
|
15
15
|
}
|
|
16
|
-
})
|
|
17
|
-
|
|
16
|
+
});
|
|
17
|
+
setTheme("mytheme");
|
|
18
|
+
}, []);
|
|
19
|
+
return /* @__PURE__ */jsxs(YStack, {
|
|
18
20
|
items: "center",
|
|
19
21
|
gap: "$4",
|
|
20
22
|
children: [/* @__PURE__ */jsx(XStack, {
|
|
@@ -34,7 +36,8 @@ function ReplaceThemeDemo() {
|
|
|
34
36
|
theme: {
|
|
35
37
|
color: "blue"
|
|
36
38
|
}
|
|
37
|
-
})
|
|
39
|
+
});
|
|
40
|
+
update();
|
|
38
41
|
},
|
|
39
42
|
children: "Replace theme to only have $color: blue"
|
|
40
43
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","jsx","jsxs","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","items","gap","children","rounded","size","bg","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,EAAUC,YAAA,QAAoB;AAEvC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,cAAA,EACAC,yBAAA,QACK;AAmBH,SAGMC,GAAA,EAHNC,IAAA;AAjBG,SAASC,iBAAA,EAAmB;EACjC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAId,KAAA,CAAMe,QAAA,CAAc;
|
|
1
|
+
{"version":3,"names":["React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","jsx","jsxs","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","items","gap","children","rounded","size","bg","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,EAAUC,YAAA,QAAoB;AAEvC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,cAAA,EACAC,yBAAA,QACK;AAmBH,SAGMC,GAAA,EAHNC,IAAA;AAjBG,SAASC,iBAAA,EAAmB;EACjC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAId,KAAA,CAAMe,QAAA,CAAc;EAC9C,MAAMC,MAAA,GAASR,cAAA,CAAe;EAE9BC,yBAAA,CAA0B,MAAM;IAC9BR,QAAA,CAAS;MACPgB,IAAA,EAAM;MACNC,SAAA,EAAW;MACXL,KAAA,EAAO;QACLM,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;IACF,CAAC;IACDN,QAAA,CAAS,SAAS;EACpB,GAAG,EAAE;EAEL,OACE,eAAAH,IAAA,CAACJ,MAAA;IAAOc,KAAA,EAAM;IAASC,GAAA,EAAI;IACzBC,QAAA,kBAAAb,GAAA,CAACJ,MAAA;MAAOgB,GAAA,EAAI;MACVC,QAAA,iBAAAb,GAAA,CAACL,KAAA;QAAMY,IAAA,EAAMJ,KAAA,IAAS;QACpBU,QAAA,iBAAAb,GAAA,CAACN,MAAA;UAAOoB,OAAA,EAAQ;UAAKC,IAAA,EAAM;UAAKC,EAAA,EAAG;QAAA,CAAS;MAAA,CAC9C;IAAA,CACF,GAEA,eAAAhB,GAAA,CAACP,MAAA;MACCwB,OAAA,EAASA,CAAA,KAAM;QACbzB,YAAA,CAAa;UACXe,IAAA,EAAM;UACNJ,KAAA,EAAO;YACLM,KAAA,EAAO;UACT;QACF,CAAC;QACDH,MAAA,CAAO;MACT;MACDO,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -3,24 +3,26 @@ import React from "react";
|
|
|
3
3
|
import { addTheme, replaceTheme } from "@hanzogui/theme";
|
|
4
4
|
import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "@hanzo/gui";
|
|
5
5
|
function ReplaceThemeDemo() {
|
|
6
|
-
var [theme, setTheme] = React.useState()
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
var [theme, setTheme] = React.useState();
|
|
7
|
+
var update = useForceUpdate();
|
|
8
|
+
useIsomorphicLayoutEffect(function () {
|
|
9
9
|
addTheme({
|
|
10
10
|
name: "mytheme",
|
|
11
|
-
insertCSS:
|
|
11
|
+
insertCSS: true,
|
|
12
12
|
theme: {
|
|
13
13
|
color: "red",
|
|
14
14
|
color2: "green"
|
|
15
15
|
}
|
|
16
|
-
})
|
|
17
|
-
|
|
16
|
+
});
|
|
17
|
+
setTheme("mytheme");
|
|
18
|
+
}, []);
|
|
19
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
18
20
|
items: "center",
|
|
19
21
|
gap: "$4",
|
|
20
22
|
children: [/* @__PURE__ */_jsx(XStack, {
|
|
21
23
|
gap: "$5",
|
|
22
24
|
children: /* @__PURE__ */_jsx(Theme, {
|
|
23
|
-
name: theme
|
|
25
|
+
name: theme !== null && theme !== void 0 ? theme : null,
|
|
24
26
|
children: /* @__PURE__ */_jsx(Square, {
|
|
25
27
|
rounded: "$8",
|
|
26
28
|
size: 100,
|
|
@@ -34,7 +36,8 @@ function ReplaceThemeDemo() {
|
|
|
34
36
|
theme: {
|
|
35
37
|
color: "blue"
|
|
36
38
|
}
|
|
37
|
-
})
|
|
39
|
+
});
|
|
40
|
+
update();
|
|
38
41
|
},
|
|
39
42
|
children: "Replace theme to only have $color: blue"
|
|
40
43
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","items","gap","children","rounded","size","bg","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAU;AAEnB,SAAAC,QAAA,EAAAC,YAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,cAAA,EAAAC,yBAAA;AAAA,SACAC,iBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAAZ,KAAA,CAAAa,QAAA;IAAAC,MAAA,GAAAN,cAAA;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","items","gap","children","rounded","size","bg","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAU;AAEnB,SAAAC,QAAA,EAAAC,YAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,cAAA,EAAAC,yBAAA;AAAA,SACAC,iBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAAZ,KAAA,CAAAa,QAAA;EACA,IAAAC,MAAA,GAAAN,cAAA;EACAC,yBAAA;IACAR,QAAA;MACAc,IAAA;MAAAC,SACK;MAmBHL,KAGM;QApBHM,KAAS;QACRC,MAAC,EAAO;MACd;IAEA;IACEN,QAAA,CAAS;EAAA,KACP;EAAM,OACN,eAAWb,KAAA,CAAAQ,MAAA;IAAAY,KACX,UAAO;IAAAC,GAAA,EACL;IAAOC,QACP,GACF,eAAAxB,IAAA,CAAAS,MAAA;MACDc,GAAA;MACDC,QAAS,iBAASxB,IAAA,CAAAQ,KAAA;QACfU,IAAA,EAAAJ,KAAA,aAAAA,KAAA,cAAAA,KAAA;QAGHU,QAAA,iBAACxB,IAAO,CAAAO,MAAM;UACZkB,OAAA,MAAC;UAMDC,IAAA;UAACC,EAAA;QAAA;MACC;IACE,IAAa,eACL3B,IAAA,CAAAM,MAAA;MAAAsB,OACN,WAAAA,CAAA,EAAO;QAAAvB,YACE;UACTa,IAAA;UACDJ,KAAA;YACDM,KAAO;UACT;QACD;QAAAH,MAAA;MAED;MACFO,QAAA;IAEJ","ignoreList":[]}
|
package/dist/esm/SelectDemo.mjs
CHANGED
|
@@ -31,7 +31,7 @@ function SelectDemo() {
|
|
|
31
31
|
children: "Native"
|
|
32
32
|
}), /* @__PURE__ */jsx(SelectDemoContents, {
|
|
33
33
|
id: "select-demo-2",
|
|
34
|
-
native:
|
|
34
|
+
native: true
|
|
35
35
|
})]
|
|
36
36
|
})]
|
|
37
37
|
})
|
|
@@ -43,7 +43,7 @@ function SelectDemoContents(props) {
|
|
|
43
43
|
return /* @__PURE__ */jsxs(Select, {
|
|
44
44
|
value: val,
|
|
45
45
|
onValueChange: setVal,
|
|
46
|
-
disablePreventBodyScroll:
|
|
46
|
+
disablePreventBodyScroll: true,
|
|
47
47
|
...props,
|
|
48
48
|
renderValue: getItemLabel,
|
|
49
49
|
children: [props?.trigger || /* @__PURE__ */jsx(Select.Trigger, {
|
|
@@ -59,8 +59,8 @@ function SelectDemoContents(props) {
|
|
|
59
59
|
platform: "touch",
|
|
60
60
|
children: /* @__PURE__ */jsxs(Sheet, {
|
|
61
61
|
native: !!props.native,
|
|
62
|
-
modal:
|
|
63
|
-
dismissOnSnapToBottom:
|
|
62
|
+
modal: true,
|
|
63
|
+
dismissOnSnapToBottom: true,
|
|
64
64
|
transition: "medium",
|
|
65
65
|
children: [/* @__PURE__ */jsx(Sheet.Frame, {
|
|
66
66
|
children: /* @__PURE__ */jsx(Sheet.ScrollView, {
|
|
@@ -92,7 +92,7 @@ function SelectDemoContents(props) {
|
|
|
92
92
|
}), /* @__PURE__ */jsx(LinearGradient, {
|
|
93
93
|
start: [0, 0],
|
|
94
94
|
end: [0, 1],
|
|
95
|
-
fullscreen:
|
|
95
|
+
fullscreen: true,
|
|
96
96
|
colors: ["$background", "transparent"],
|
|
97
97
|
rounded: "$4"
|
|
98
98
|
})]
|
|
@@ -106,18 +106,20 @@ function SelectDemoContents(props) {
|
|
|
106
106
|
children: [/* @__PURE__ */jsx(Select.Label, {
|
|
107
107
|
fontWeight: "700",
|
|
108
108
|
children: "Fruits"
|
|
109
|
-
}), React.useMemo(() => items.map((item, i) =>
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
children:
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
109
|
+
}), React.useMemo(() => items.map((item, i) => {
|
|
110
|
+
return /* @__PURE__ */jsxs(Select.Item, {
|
|
111
|
+
index: i,
|
|
112
|
+
value: item.name.toLowerCase(),
|
|
113
|
+
children: [/* @__PURE__ */jsx(Select.ItemText, {
|
|
114
|
+
children: item.name
|
|
115
|
+
}), /* @__PURE__ */jsx(Select.ItemIndicator, {
|
|
116
|
+
marginLeft: "auto",
|
|
117
|
+
children: /* @__PURE__ */jsx(Check, {
|
|
118
|
+
size: 16
|
|
119
|
+
})
|
|
120
|
+
})]
|
|
121
|
+
}, item.name);
|
|
122
|
+
}), [items])]
|
|
121
123
|
}), props.native && /* @__PURE__ */jsx(YStack, {
|
|
122
124
|
position: "absolute",
|
|
123
125
|
r: 0,
|
|
@@ -144,7 +146,7 @@ function SelectDemoContents(props) {
|
|
|
144
146
|
}), /* @__PURE__ */jsx(LinearGradient, {
|
|
145
147
|
start: [0, 0],
|
|
146
148
|
end: [0, 1],
|
|
147
|
-
fullscreen:
|
|
149
|
+
fullscreen: true,
|
|
148
150
|
colors: ["transparent", "$background"],
|
|
149
151
|
rounded: "$4"
|
|
150
152
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Check","ChevronDown","ChevronUp","React","Adapt","Label","Select","Sheet","Theme","XStack","YStack","getFontSize","LinearGradient","jsx","jsxs","SelectDemo","name","children","gap","width","items","htmlFor","flex","minW","SelectDemoContents","id","native","getItemLabel","value","find","item","toLowerCase","props","val","setVal","useState","onValueChange","disablePreventBodyScroll","renderValue","trigger","Trigger","maxWidth","iconAfter","borderRadius","backgroundColor","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","transition","Frame","ScrollView","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","ScrollUpButton","justify","position","height","z","size","start","end","fullscreen","colors","rounded","Viewport","borderWidth","borderColor","Group","fontWeight","useMemo","map","i","Item","index","ItemText","ItemIndicator","marginLeft","r","t","pointerEvents","ScrollDownButton"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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
|
|
1
|
+
{"version":3,"names":["Check","ChevronDown","ChevronUp","React","Adapt","Label","Select","Sheet","Theme","XStack","YStack","getFontSize","LinearGradient","jsx","jsxs","SelectDemo","name","children","gap","width","items","htmlFor","flex","minW","SelectDemoContents","id","native","getItemLabel","value","find","item","toLowerCase","props","val","setVal","useState","onValueChange","disablePreventBodyScroll","renderValue","trigger","Trigger","maxWidth","iconAfter","borderRadius","backgroundColor","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","transition","Frame","ScrollView","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","ScrollUpButton","justify","position","height","z","size","start","end","fullscreen","colors","rounded","Viewport","borderWidth","borderColor","Group","fontWeight","useMemo","map","i","Item","index","ItemText","ItemIndicator","marginLeft","r","t","pointerEvents","ScrollDownButton"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -31,7 +31,7 @@ function SelectDemo() {
|
|
|
31
31
|
children: "Native"
|
|
32
32
|
}), /* @__PURE__ */_jsx(SelectDemoContents, {
|
|
33
33
|
id: "select-demo-2",
|
|
34
|
-
native:
|
|
34
|
+
native: true
|
|
35
35
|
})]
|
|
36
36
|
})]
|
|
37
37
|
})
|
|
@@ -44,16 +44,16 @@ var getItemLabel = function (value) {
|
|
|
44
44
|
})) === null || _items_find === void 0 ? void 0 : _items_find.name;
|
|
45
45
|
};
|
|
46
46
|
function SelectDemoContents(props) {
|
|
47
|
-
var [val, setVal] = React.useState("apple")
|
|
48
|
-
|
|
47
|
+
var [val, setVal] = React.useState("apple");
|
|
48
|
+
var _props_size;
|
|
49
49
|
return /* @__PURE__ */_jsxs(Select, {
|
|
50
50
|
value: val,
|
|
51
51
|
onValueChange: setVal,
|
|
52
|
-
disablePreventBodyScroll:
|
|
52
|
+
disablePreventBodyScroll: true,
|
|
53
53
|
...props,
|
|
54
54
|
// renderValue enables SSR support by providing the label synchronously
|
|
55
55
|
renderValue: getItemLabel,
|
|
56
|
-
children: [props
|
|
56
|
+
children: [(props === null || props === void 0 ? void 0 : props.trigger) || /* @__PURE__ */_jsx(Select.Trigger, {
|
|
57
57
|
maxWidth: 220,
|
|
58
58
|
iconAfter: ChevronDown,
|
|
59
59
|
borderRadius: "$4",
|
|
@@ -66,8 +66,8 @@ function SelectDemoContents(props) {
|
|
|
66
66
|
platform: "touch",
|
|
67
67
|
children: /* @__PURE__ */_jsxs(Sheet, {
|
|
68
68
|
native: !!props.native,
|
|
69
|
-
modal:
|
|
70
|
-
dismissOnSnapToBottom:
|
|
69
|
+
modal: true,
|
|
70
|
+
dismissOnSnapToBottom: true,
|
|
71
71
|
transition: "medium",
|
|
72
72
|
children: [/* @__PURE__ */_jsx(Sheet.Frame, {
|
|
73
73
|
children: /* @__PURE__ */_jsx(Sheet.ScrollView, {
|
|
@@ -99,7 +99,7 @@ function SelectDemoContents(props) {
|
|
|
99
99
|
}), /* @__PURE__ */_jsx(LinearGradient, {
|
|
100
100
|
start: [0, 0],
|
|
101
101
|
end: [0, 1],
|
|
102
|
-
fullscreen:
|
|
102
|
+
fullscreen: true,
|
|
103
103
|
colors: ["$background", "transparent"],
|
|
104
104
|
rounded: "$4"
|
|
105
105
|
})]
|
|
@@ -157,7 +157,7 @@ function SelectDemoContents(props) {
|
|
|
157
157
|
}), /* @__PURE__ */_jsx(LinearGradient, {
|
|
158
158
|
start: [0, 0],
|
|
159
159
|
end: [0, 1],
|
|
160
|
-
fullscreen:
|
|
160
|
+
fullscreen: true,
|
|
161
161
|
colors: ["transparent", "$background"],
|
|
162
162
|
rounded: "$4"
|
|
163
163
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Check","ChevronDown","ChevronUp","React","Adapt","Label","Select","Sheet","Theme","XStack","YStack","getFontSize","LinearGradient","SelectDemo","name","children","gap","width","items","htmlFor","flex","minW","SelectDemoContents","id","native","getItemLabel","value","_items_find","find","item","toLowerCase","props","val","setVal","useState","_props_size","onValueChange","disablePreventBodyScroll","renderValue","trigger","Trigger","maxWidth","iconAfter","borderRadius","backgroundColor","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","transition","Frame","ScrollView","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","ScrollUpButton","justify","position","height","z","size","start","end","fullscreen","colors","rounded","Viewport","borderWidth","borderColor","Group","fontWeight","useMemo","map","i","Item","index","ItemText","ItemIndicator","marginLeft","r","t","pointerEvents"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAaC,KAAA,2BAAiB;AAC9C,SAAOC,KAAA,EAAAC,WAAW,EAAAC,SAAA;AAGlB,OAAAC,KAAA;AAAA,SACEC,KAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,WAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAhB,IAAA,CAAAW,KAAA;IACAM,IAAA;IACAC,QAAA,iBAAAhB,KAAA,CAAAW,MAAA;MACAM,GAAA;MACAD,QAAA,GACK,eAAAhB,KAAA,CAAAU,MAAA;QACEQ,KAAA;QAOCC,KADF;QAJQF,GAAA;QAEZD,QAAA,GAEI,eAAClB,IAAA,CAAAQ,KAAO;UACNc,OAAA,iBAAO;UAGPC,IAAA;UACFC,IAAA;UAEAN,QAAA;QACE,IAGA,eAAClB,IAAA,CAAAyB,kBAAmB,EAAG;UACzBC,EAAA;QAEJ;MAOE,IAGC,eAASxB,KACd,CAAAU,MACA;QACOQ,KAAK,QAAM;QAGhBC,KAAA;QAACF,GAAA;QAAAD,QAAA,GACC,eAAOlB,IAAA,CAAAQ,KAAA;UACPc,OAAe;UACfC,IAAA;UACIC,IAAA;UAEJN,QAAa;QAEZ,mBACClB,IAAA,CAAAyB,kBAAA;UAACC,EAAA,EAAO;UAAPC,MAAA;QACC;MACW;IAEK;EAEsB;AAAA;AACxC,IAAAC,YAGF,YAAAA,CAACC,KAAA;EAEG,IAAAC,WAAA;EAIA,QACAA,WAAA,GAAAT,KAAA,CAAAU,IAAA,WAAAC,IAAA;IAAA,OAAAA,IAAC,CAAAf,IAAM,CAAAgB,WAAA,OAAAJ,KAAA;EAAA,YAAN,IAAAC,WAAA,uBAAAA,WAAA,CAAAb,IAAA;AAAA;AACI,SAAAQ,kBACQA,CAAAS,KAAA;EAAA,KAAAC,GAAA,EAAAC,MACX,IAAA9B,KAAY,CAAE+B,QAAA,CAAS,OAAE;IAAAC,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Check","ChevronDown","ChevronUp","React","Adapt","Label","Select","Sheet","Theme","XStack","YStack","getFontSize","LinearGradient","SelectDemo","name","children","gap","width","items","htmlFor","flex","minW","SelectDemoContents","id","native","getItemLabel","value","_items_find","find","item","toLowerCase","props","val","setVal","useState","_props_size","onValueChange","disablePreventBodyScroll","renderValue","trigger","Trigger","maxWidth","iconAfter","borderRadius","backgroundColor","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","transition","Frame","ScrollView","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","ScrollUpButton","justify","position","height","z","size","start","end","fullscreen","colors","rounded","Viewport","borderWidth","borderColor","Group","fontWeight","useMemo","map","i","Item","index","ItemText","ItemIndicator","marginLeft","r","t","pointerEvents"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -19,13 +19,13 @@ function SeparatorDemo() {
|
|
|
19
19
|
children: "Blog"
|
|
20
20
|
}), /* @__PURE__ */jsx(Separator, {
|
|
21
21
|
self: "stretch",
|
|
22
|
-
vertical:
|
|
22
|
+
vertical: true,
|
|
23
23
|
mx: 16
|
|
24
24
|
}), /* @__PURE__ */jsx(Paragraph, {
|
|
25
25
|
children: "Docs"
|
|
26
26
|
}), /* @__PURE__ */jsx(Separator, {
|
|
27
27
|
self: "stretch",
|
|
28
|
-
vertical:
|
|
28
|
+
vertical: true,
|
|
29
29
|
mx: 16
|
|
30
30
|
}), /* @__PURE__ */jsx(Paragraph, {
|
|
31
31
|
children: "Source"
|
|
@@ -19,13 +19,13 @@ function SeparatorDemo() {
|
|
|
19
19
|
children: "Blog"
|
|
20
20
|
}), /* @__PURE__ */_jsx(Separator, {
|
|
21
21
|
self: "stretch",
|
|
22
|
-
vertical:
|
|
22
|
+
vertical: true,
|
|
23
23
|
mx: 16
|
|
24
24
|
}), /* @__PURE__ */_jsx(Paragraph, {
|
|
25
25
|
children: "Docs"
|
|
26
26
|
}), /* @__PURE__ */_jsx(Separator, {
|
|
27
27
|
self: "stretch",
|
|
28
|
-
vertical:
|
|
28
|
+
vertical: true,
|
|
29
29
|
mx: 16
|
|
30
30
|
}), /* @__PURE__ */_jsx(Paragraph, {
|
|
31
31
|
children: "Source"
|