@hanzogui/demos 3.0.5 → 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 +11 -11
- package/src/MenuDemo.tsx +1 -1
|
@@ -5,31 +5,33 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var DialogDemo_exports = {};
|
|
24
26
|
__export(DialogDemo_exports, {
|
|
25
27
|
DialogDemo: () => DialogDemo
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(DialogDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
|
+
var import_react = require("react");
|
|
33
|
+
var import_gui = require("@hanzo/gui");
|
|
34
|
+
var import_SelectDemo = require("./SelectDemo.native.js");
|
|
33
35
|
function DialogDemo() {
|
|
34
36
|
var [mode, setMode] = (0, import_react.useState)("plain");
|
|
35
37
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.View, {
|
|
@@ -72,16 +74,16 @@ function DialogDemo() {
|
|
|
72
74
|
}
|
|
73
75
|
function DialogInstance(param) {
|
|
74
76
|
var {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
77
|
+
mode
|
|
78
|
+
} = param;
|
|
79
|
+
var [open, setOpen] = (0, import_react.useState)(false);
|
|
78
80
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Dialog, {
|
|
79
|
-
modal:
|
|
81
|
+
modal: true,
|
|
80
82
|
keepChildrenMounted: mode === "keepMounted",
|
|
81
83
|
open,
|
|
82
84
|
onOpenChange: setOpen,
|
|
83
85
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Dialog.Trigger, {
|
|
84
|
-
asChild:
|
|
86
|
+
asChild: true,
|
|
85
87
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
86
88
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button.Text, {
|
|
87
89
|
children: "Show Dialog"
|
|
@@ -93,9 +95,9 @@ function DialogInstance(param) {
|
|
|
93
95
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Sheet, {
|
|
94
96
|
transition: "medium",
|
|
95
97
|
zIndex: 2e5,
|
|
96
|
-
modal:
|
|
97
|
-
dismissOnSnapToBottom:
|
|
98
|
-
unmountChildrenWhenHidden:
|
|
98
|
+
modal: true,
|
|
99
|
+
dismissOnSnapToBottom: true,
|
|
100
|
+
unmountChildrenWhenHidden: true,
|
|
99
101
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Sheet.Frame, {
|
|
100
102
|
p: "$4",
|
|
101
103
|
gap: "$4",
|
|
@@ -119,7 +121,7 @@ function DialogInstance(param) {
|
|
|
119
121
|
animateOnly: ["transform", "opacity"],
|
|
120
122
|
transition: ["quicker", {
|
|
121
123
|
opacity: {
|
|
122
|
-
overshootClamping:
|
|
124
|
+
overshootClamping: true
|
|
123
125
|
}
|
|
124
126
|
}],
|
|
125
127
|
enterStyle: {
|
|
@@ -129,11 +131,11 @@ function DialogInstance(param) {
|
|
|
129
131
|
opacity: 0
|
|
130
132
|
}
|
|
131
133
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Dialog.FocusScope, {
|
|
132
|
-
focusOnIdle:
|
|
134
|
+
focusOnIdle: true,
|
|
133
135
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Dialog.Content, {
|
|
134
136
|
transition: ["quicker", {
|
|
135
137
|
opacity: {
|
|
136
|
-
overshootClamping:
|
|
138
|
+
overshootClamping: true
|
|
137
139
|
}
|
|
138
140
|
}],
|
|
139
141
|
enterStyle: {
|
|
@@ -154,7 +156,7 @@ function DialogInstance(param) {
|
|
|
154
156
|
children: "Make changes to your profile here. Click save when you're done."
|
|
155
157
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Fieldset, {
|
|
156
158
|
gap: "$4",
|
|
157
|
-
horizontal:
|
|
159
|
+
horizontal: true,
|
|
158
160
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
159
161
|
width: 64,
|
|
160
162
|
htmlFor: "name",
|
|
@@ -166,7 +168,7 @@ function DialogInstance(param) {
|
|
|
166
168
|
})]
|
|
167
169
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Fieldset, {
|
|
168
170
|
gap: "$4",
|
|
169
|
-
horizontal:
|
|
171
|
+
horizontal: true,
|
|
170
172
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
171
173
|
width: 64,
|
|
172
174
|
htmlFor: "username",
|
|
@@ -194,8 +196,8 @@ function DialogInstance(param) {
|
|
|
194
196
|
self: "flex-end",
|
|
195
197
|
gap: "$4",
|
|
196
198
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Dialog.Close, {
|
|
197
|
-
displayWhenAdapted:
|
|
198
|
-
asChild:
|
|
199
|
+
displayWhenAdapted: true,
|
|
200
|
+
asChild: true,
|
|
199
201
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
200
202
|
theme: "accent",
|
|
201
203
|
"aria-label": "Close",
|
|
@@ -204,12 +206,12 @@ function DialogInstance(param) {
|
|
|
204
206
|
})
|
|
205
207
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Unspaced, {
|
|
206
208
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Dialog.Close, {
|
|
207
|
-
asChild:
|
|
209
|
+
asChild: true,
|
|
208
210
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
209
211
|
position: "absolute",
|
|
210
212
|
r: "$3",
|
|
211
213
|
size: "$2",
|
|
212
|
-
circular:
|
|
214
|
+
circular: true,
|
|
213
215
|
icon: import_lucide_icons_2.X
|
|
214
216
|
})
|
|
215
217
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DialogDemo_exports","__export","DialogDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_react","import_gui","import_SelectDemo","mode","setMode","useState","jsxs","View","gap","justify","items","children","XGroup","jsx","Item","Button","size","theme","onPress","DialogInstance","param","open","setOpen","Dialog","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","Adapt","when","platform","Sheet","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DialogDemo_exports","__export","DialogDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_react","import_gui","import_SelectDemo","mode","setMode","useState","jsxs","View","gap","justify","items","children","XGroup","jsx","Item","Button","size","theme","onPress","DialogInstance","param","open","setOpen","Dialog","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","Adapt","when","platform","Sheet","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/FormsDemo.cjs
CHANGED
|
@@ -2,51 +2,54 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
6
|
-
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
32
34
|
var FormsDemo_exports = {};
|
|
33
35
|
__export(FormsDemo_exports, {
|
|
34
36
|
FormsDemo: () => FormsDemo
|
|
35
37
|
});
|
|
36
38
|
module.exports = __toCommonJS(FormsDemo_exports);
|
|
37
|
-
var import_react = __toESM(require("react"), 1)
|
|
38
|
-
|
|
39
|
-
|
|
39
|
+
var import_react = __toESM(require("react"), 1);
|
|
40
|
+
var import_gui = require("@hanzo/gui");
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
40
42
|
function FormsDemo(props) {
|
|
41
43
|
const [status, setStatus] = import_react.default.useState("off");
|
|
42
|
-
|
|
44
|
+
import_react.default.useEffect(() => {
|
|
43
45
|
if (status === "submitting") {
|
|
44
46
|
const timer = setTimeout(() => setStatus("off"), 2e3);
|
|
45
47
|
return () => {
|
|
46
48
|
clearTimeout(timer);
|
|
47
49
|
};
|
|
48
50
|
}
|
|
49
|
-
}, [status])
|
|
51
|
+
}, [status]);
|
|
52
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Form, {
|
|
50
53
|
items: "center",
|
|
51
54
|
gap: "$2",
|
|
52
55
|
onSubmit: () => setStatus("submitting"),
|
|
@@ -57,7 +60,7 @@ function FormsDemo(props) {
|
|
|
57
60
|
minW: 350,
|
|
58
61
|
p: "$6",
|
|
59
62
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Form.Trigger, {
|
|
60
|
-
asChild:
|
|
63
|
+
asChild: true,
|
|
61
64
|
disabled: status !== "off",
|
|
62
65
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
63
66
|
gap: "$4",
|
|
@@ -4,44 +4,46 @@ var __create = Object.create;
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
8
|
-
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
9
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
18
|
get: () => from[key],
|
|
18
19
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
22
24
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
34
36
|
var FormsDemo_exports = {};
|
|
35
37
|
__export(FormsDemo_exports, {
|
|
36
38
|
FormsDemo: () => FormsDemo
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(FormsDemo_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
40
|
-
|
|
41
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
var import_react = __toESM(require("react"), 1);
|
|
43
|
+
var import_gui = require("@hanzo/gui");
|
|
42
44
|
function FormsDemo(props) {
|
|
43
45
|
var [status, setStatus] = import_react.default.useState("off");
|
|
44
|
-
|
|
46
|
+
import_react.default.useEffect(function () {
|
|
45
47
|
if (status === "submitting") {
|
|
46
48
|
var timer = setTimeout(function () {
|
|
47
49
|
return setStatus("off");
|
|
@@ -50,7 +52,8 @@ function FormsDemo(props) {
|
|
|
50
52
|
clearTimeout(timer);
|
|
51
53
|
};
|
|
52
54
|
}
|
|
53
|
-
}, [status])
|
|
55
|
+
}, [status]);
|
|
56
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Form, {
|
|
54
57
|
items: "center",
|
|
55
58
|
gap: "$2",
|
|
56
59
|
onSubmit: function () {
|
|
@@ -63,7 +66,7 @@ function FormsDemo(props) {
|
|
|
63
66
|
minW: 350,
|
|
64
67
|
p: "$6",
|
|
65
68
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Form.Trigger, {
|
|
66
|
-
asChild:
|
|
69
|
+
asChild: true,
|
|
67
70
|
disabled: status !== "off",
|
|
68
71
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
69
72
|
gap: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormsDemo_exports","__export","FormsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_gui","props","status","setStatus","default","useState","useEffect","timer","setTimeout","clearTimeout","jsx","Form","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","jsxs","YStack","Button","width"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormsDemo_exports","__export","FormsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_gui","props","status","setStatus","default","useState","useEffect","timer","setTimeout","clearTimeout","jsx","Form","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","jsxs","YStack","Button","width"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,iBAAA;AAElB,IAAAK,kBAWO,GAAAC,OAAA;AA2BC,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;AAzBD,IAAAG,UAAS,GAAAH,OAAU,aAA6B;AACrD,SAAOJ,SAAQA,CAAAQ,KAAA,EAAS;EAExB,KAAAC,MAAA,EAAAC,SAAM,IAAAL,YAAgB,CAAAM,OAAA,CAAAC,QAAA;EACpBP,YAAI,CAAAM,OAAW,CAAAE,SAAA,CAAc;IAC3B,IAAAJ,MAAM,iBAAmB;MACzB,IAAAK,KAAO,GAAAC,UAAM;QACX,OAAAL,SAAa,MAAK;MACpB;MACF;QACEM,YAAO,CAAAF,KAAA;MAEX;IACG;EAAA,IAAAL,MACC,CAAM;EACF,OACJ,eAAgB,IAAAN,kBAAsB,CAAAc,GAAA,EAAAV,UAAA,CAAAW,IAAA;IAAAC,KACtC,UAAa;IAAAC,GACb;IAAQC,QACL,WAAAA,CAAA;MACH,OAAAX,SAAY;IAAA;IACNY,WACJ;IAAAC,OAEF;IAEIC,EAAA;IAAcC,WACd;IAGMC,IAAA,EAAC;IAAAC,CAAA;IAAAC,QACC,iBAAW,IAAAzB,kBAAA,CAAAc,GAAA,EAAAV,UAAA,CAAAW,IAAA,CAAAW,OAAA;MAAAC,OACX;MAAyBC,QACzB,EAAAtB,MAAA,KAAU;MAAAmB,QAEV,iBAAO,IAAAzB,kBAAA,CAAA6B,IAAA,EAAAzB,UAAA,CAAA0B,MAAA;QAAAb,GAAA;QAAAQ,QADH,GAEN,eAGN,IAAAzB,kBAAA,CAAAc,GAAA,EAAAV,UAAA,CAAA2B,MAAA;UAEJN,QAAA;QAAA,IACF,mBAAAzB,kBAAA,CAAAc,GAAA,EAAAV,UAAA,CAAA0B,MAAA;UAEJE,KAAA","ignoreList":[]}
|
package/dist/cjs/Grid.cjs
CHANGED
|
@@ -2,68 +2,77 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
6
|
-
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
32
34
|
var Grid_exports = {};
|
|
33
35
|
__export(Grid_exports, {
|
|
34
36
|
Grid: () => Grid
|
|
35
37
|
});
|
|
36
38
|
module.exports = __toCommonJS(Grid_exports);
|
|
37
|
-
var import_core = require("@hanzogui/core")
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
var import_core = require("@hanzogui/core");
|
|
40
|
+
var import_stacks = require("@hanzogui/stacks");
|
|
41
|
+
var import_react = __toESM(require("react"), 1);
|
|
42
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
41
43
|
function Grid({
|
|
42
44
|
children,
|
|
43
45
|
columns,
|
|
44
46
|
itemMinWidth = 200,
|
|
45
47
|
gap
|
|
46
48
|
}) {
|
|
47
|
-
if (import_core.isWeb)
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
49
|
+
if (import_core.isWeb) {
|
|
50
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
51
|
+
style: {
|
|
52
|
+
gap,
|
|
53
|
+
display: "grid",
|
|
54
|
+
justifyContent: "stretch",
|
|
55
|
+
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
56
|
+
},
|
|
57
|
+
children
|
|
58
|
+
});
|
|
59
|
+
}
|
|
56
60
|
const childrenList = import_react.default.Children.toArray(children);
|
|
57
61
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
|
|
58
62
|
items: "center",
|
|
59
63
|
justify: "center",
|
|
60
64
|
flexWrap: "wrap",
|
|
61
|
-
children: childrenList.map((child, i) =>
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
65
|
+
children: childrenList.map((child, i) => {
|
|
66
|
+
if (!child) {
|
|
67
|
+
return null;
|
|
68
|
+
}
|
|
69
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
|
|
70
|
+
flex: 1,
|
|
71
|
+
minW: itemMinWidth,
|
|
72
|
+
mr: gap,
|
|
73
|
+
mb: gap,
|
|
74
|
+
children: child
|
|
75
|
+
}, i);
|
|
76
|
+
})
|
|
68
77
|
});
|
|
69
78
|
}
|
package/dist/cjs/Grid.native.js
CHANGED
|
@@ -4,42 +4,44 @@ var __create = Object.create;
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
8
|
-
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
9
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
18
|
get: () => from[key],
|
|
18
19
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
22
24
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
34
36
|
var Grid_exports = {};
|
|
35
37
|
__export(Grid_exports, {
|
|
36
38
|
Grid: () => Grid
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(Grid_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
var import_core = require("@hanzogui/core");
|
|
43
|
+
var import_stacks = require("@hanzogui/stacks");
|
|
44
|
+
var import_react = __toESM(require("react"), 1);
|
|
43
45
|
function Grid(param) {
|
|
44
46
|
var {
|
|
45
47
|
children,
|
|
@@ -47,28 +49,33 @@ function Grid(param) {
|
|
|
47
49
|
itemMinWidth = 200,
|
|
48
50
|
gap
|
|
49
51
|
} = param;
|
|
50
|
-
if (import_core.isWeb)
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
52
|
+
if (import_core.isWeb) {
|
|
53
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
|
|
54
|
+
style: {
|
|
55
|
+
gap,
|
|
56
|
+
display: "grid",
|
|
57
|
+
justifyContent: "stretch",
|
|
58
|
+
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
59
|
+
},
|
|
60
|
+
children
|
|
61
|
+
});
|
|
62
|
+
}
|
|
59
63
|
var childrenList = import_react.default.Children.toArray(children);
|
|
60
64
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
|
|
61
65
|
items: "center",
|
|
62
66
|
justify: "center",
|
|
63
67
|
flexWrap: "wrap",
|
|
64
68
|
children: childrenList.map(function (child, i) {
|
|
65
|
-
|
|
69
|
+
if (!child) {
|
|
70
|
+
return null;
|
|
71
|
+
}
|
|
72
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
|
|
66
73
|
flex: 1,
|
|
67
74
|
minW: itemMinWidth,
|
|
68
75
|
mr: gap,
|
|
69
76
|
mb: gap,
|
|
70
77
|
children: child
|
|
71
|
-
}, i)
|
|
78
|
+
}, i);
|
|
72
79
|
})
|
|
73
80
|
});
|
|
74
81
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Grid_exports","__export","Grid","module","exports","import_jsx_runtime","require","import_core","import_stacks","import_react","__toESM","param","children","columns","itemMinWidth","gap","isWeb","jsx","style","display","justifyContent","gridTemplateColumns","childrenList","default","Children","toArray","XStack","items","justify"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Grid_exports","__export","Grid","module","exports","import_jsx_runtime","require","import_core","import_stacks","import_react","__toESM","param","children","columns","itemMinWidth","gap","isWeb","jsx","style","display","justifyContent","gridTemplateColumns","childrenList","default","Children","toArray","XStack","items","justify","flexWrap","map","child","i"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,YAAA;AACtB,IAAAK,kBAAuB,GAAAC,OAAA;AACvB,IAAAC,WAAA,GAAAD,OAAkB;AAYZ,IAAAE,aAAA,GAAAF,OAAA;AAHC,IAAAG,YAAgB,GAAAC,OAAU,CAAAJ,OAAA,CAAS;AACxC,SAAIJ,KAAAS,KAAA;EACF;IAAAC,QACE;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EAAA,IAACJ,WAAA,CAAAS,KAAA;IAAA,0BAAAX,kBAAA,CAAAY,GAAA;MAAAC,KACC;QAAOH,GACL;QAAAI,OACA,QAAS;QAAAC,cACT,WAAgB;QAAAC,mBAChB,8BAAqBP,YAA4B;MAAY;MAC/DF;IAEC;EAAA;EAGP,IAAAU,YAAA,GAAAb,YAAA,CAAAc,OAAA,CAAAC,QAAA,CAAAC,OAAA,CAAAb,QAAA;EAEA,OAAM,eAAe,IAAAP,kBAAM,CAAAY,GAAA,EAAST,aAAQ,CAAAkB,MAAQ;IAEpDC,KACE;IAEIC,OAAK,UAAO;IACVC,QAAA,EAAO;IACTjB,QAAA,EAAAU,YAAA,CAAAQ,GAAA,WAAAC,KAAA,EAAAC,CAAA;MAGA,KACED,KAAA;QAKN;MAEJ","ignoreList":[]}
|