@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","X","useState","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XGroup","XStack","SelectDemoContents","DialogDemo","mode","setMode","gap","justify","items","children","Item","size","theme","onPress","DialogInstance","param","open","setOpen","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","when","platform","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","x","y","scale","Title"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAS;AAC/B,SAASC,WAAA,EAAAC,CAAA,QAAgB;AACzB,SAAAC,QAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,kBAAA;AAAA,SACAC,WAAA;EACA,KAAAC,IAAA,EAAAC,OAAA,IAAAlB,QAAA;EACA,sBAAAH,KAAA,CAAAe,IAAA;IACAO,GAAA;IACAC,OAAA;IACAC,KAAA;IACAC,QAAA,GACA,eAAAzB,KAAA,CAAAgB,MAAA;MACAS,QAAA,GACA,eAAA3B,IAAA,CAAAkB,MAAA,CAAAU,IAAA;QACAD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UACAsB,IAAA;UACKC,KAAA,EAAAR,IAAA;UACES,OAAA,WAAAA,CAAA;YASH,OAAAR,OAAA;UALU;UACPI,QAAa;QAGlB;MACE,IACE,eAAC3B,IAAA,CAAAkB,MAAO,CAAAU,IACN;QAACD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UAAAsB,IAAA;UACCC,KAAK,EAAAR,IAAA;UACLS,OAAO,WAAAA,CAAA,EAAS;YAChB,OAASR,OAAM,QAAQ;UACxB;UAAAI,QAAA;QAGH;MACA,IACG,eAAA3B,IAAA,CAAAkB,MAAA,CAAAU,IAAA;QAAAD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UACCsB,IAAK;UACLC,KAAO,EAAAR,IAAA,KAAS,aAAU,WAAW;UACrCS,OAAS,WAAAA,CAAA,EAAc;YACxB,OAAAR,OAAA;UAAA;UAGHI,QAAA;QACA;MACG;IAAA,IACM,eACE3B,IAAS,CAAAgC,cAAA,EAAgB;MAAWV;IACP;EACrC;AAGH;AACF,SAEAU,eAACC,KAAA;EAA2B,IAC9B;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","X","useState","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XGroup","XStack","SelectDemoContents","DialogDemo","mode","setMode","gap","justify","items","children","Item","size","theme","onPress","DialogInstance","param","open","setOpen","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","when","platform","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","x","y","scale","Title"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/FormsDemo.mjs
CHANGED
|
@@ -3,14 +3,15 @@ import { Button, Form, Spinner, AnimatePresence, YStack } from "@hanzo/gui";
|
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
function FormsDemo(props) {
|
|
5
5
|
const [status, setStatus] = React.useState("off");
|
|
6
|
-
|
|
6
|
+
React.useEffect(() => {
|
|
7
7
|
if (status === "submitting") {
|
|
8
8
|
const timer = setTimeout(() => setStatus("off"), 2e3);
|
|
9
9
|
return () => {
|
|
10
10
|
clearTimeout(timer);
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
|
-
}, [status])
|
|
13
|
+
}, [status]);
|
|
14
|
+
return /* @__PURE__ */jsx(Form, {
|
|
14
15
|
items: "center",
|
|
15
16
|
gap: "$2",
|
|
16
17
|
onSubmit: () => setStatus("submitting"),
|
|
@@ -21,7 +22,7 @@ function FormsDemo(props) {
|
|
|
21
22
|
minW: 350,
|
|
22
23
|
p: "$6",
|
|
23
24
|
children: /* @__PURE__ */jsx(Form.Trigger, {
|
|
24
|
-
asChild:
|
|
25
|
+
asChild: true,
|
|
25
26
|
disabled: status !== "off",
|
|
26
27
|
children: /* @__PURE__ */jsxs(YStack, {
|
|
27
28
|
gap: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Button","Form","Spinner","AnimatePresence","YStack","jsx","jsxs","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","width","height","justifyContent","alignItems","transition","enterStyle","opacity","alignSelf"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SACEC,MAAA,EACAC,IAAA,EAEAC,OAAA,EACAC,eAAA,EAKAC,MAAA,QACK;AA2BC,SACEC,GAAA,EADFC,IAAA;AAzBD,SAASC,UAAUC,KAAA,EAA6B;EACrD,MAAM,CAACC,MAAA,EAAQC,SAAS,IAAIX,KAAA,CAAMY,QAAA,CAA6C,KAAK;
|
|
1
|
+
{"version":3,"names":["React","Button","Form","Spinner","AnimatePresence","YStack","jsx","jsxs","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","width","height","justifyContent","alignItems","transition","enterStyle","opacity","alignSelf"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SACEC,MAAA,EACAC,IAAA,EAEAC,OAAA,EACAC,eAAA,EAKAC,MAAA,QACK;AA2BC,SACEC,GAAA,EADFC,IAAA;AAzBD,SAASC,UAAUC,KAAA,EAA6B;EACrD,MAAM,CAACC,MAAA,EAAQC,SAAS,IAAIX,KAAA,CAAMY,QAAA,CAA6C,KAAK;EAEpFZ,KAAA,CAAMa,SAAA,CAAU,MAAM;IACpB,IAAIH,MAAA,KAAW,cAAc;MAC3B,MAAMI,KAAA,GAAQC,UAAA,CAAW,MAAMJ,SAAA,CAAU,KAAK,GAAG,GAAI;MACrD,OAAO,MAAM;QACXK,YAAA,CAAaF,KAAK;MACpB;IACF;EACF,GAAG,CAACJ,MAAM,CAAC;EAEX,OACE,eAAAJ,GAAA,CAACJ,IAAA;IACCe,KAAA,EAAM;IACNC,GAAA,EAAI;IACJC,QAAA,EAAUA,CAAA,KAAMR,SAAA,CAAU,YAAY;IACtCS,WAAA,EAAa;IACbC,OAAA,EAAQ;IACRC,EAAA,EAAG;IACHC,WAAA,EAAY;IACZC,IAAA,EAAM;IACNC,CAAA,EAAE;IAEFC,QAAA,iBAAApB,GAAA,CAACJ,IAAA,CAAKyB,OAAA,EAAL;MAAaC,OAAA,EAAO;MAACC,QAAA,EAAUnB,MAAA,KAAW;MACzCgB,QAAA,iBAAAnB,IAAA,CAACF,MAAA;QAAOa,GAAA,EAAI;QACVQ,QAAA,kBAAApB,GAAA,CAACL,MAAA;UAAOyB,QAAA;QAAA,CAAM,GACd,eAAApB,GAAA,CAACD,MAAA;UAAOyB,KAAA,EAAM;UAAOC,MAAA,EAAQ;UAAIC,cAAA,EAAe;UAASC,UAAA,EAAW;UAClEP,QAAA,iBAAApB,GAAA,CAACF,eAAA;YACEsB,QAAA,EAAAhB,MAAA,KAAW,eACV,eAAAJ,GAAA,CAACH,OAAA;cACC+B,UAAA,EAAW;cACXC,UAAA,EAAY;gBAAEC,OAAA,EAAS;cAAE;cACzBC,SAAA,EAAU;cAEVP,KAAA,EAAO;YAAA,GADH,SAEN,IACE;UAAA,CACN;QAAA,CACF;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@ import React from "react";
|
|
|
3
3
|
import { Button, Form, Spinner, AnimatePresence, YStack } from "@hanzo/gui";
|
|
4
4
|
function FormsDemo(props) {
|
|
5
5
|
var [status, setStatus] = React.useState("off");
|
|
6
|
-
|
|
6
|
+
React.useEffect(function () {
|
|
7
7
|
if (status === "submitting") {
|
|
8
8
|
var timer = setTimeout(function () {
|
|
9
9
|
return setStatus("off");
|
|
@@ -12,7 +12,8 @@ function FormsDemo(props) {
|
|
|
12
12
|
clearTimeout(timer);
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
|
-
}, [status])
|
|
15
|
+
}, [status]);
|
|
16
|
+
return /* @__PURE__ */_jsx(Form, {
|
|
16
17
|
items: "center",
|
|
17
18
|
gap: "$2",
|
|
18
19
|
onSubmit: function () {
|
|
@@ -25,7 +26,7 @@ function FormsDemo(props) {
|
|
|
25
26
|
minW: 350,
|
|
26
27
|
p: "$6",
|
|
27
28
|
children: /* @__PURE__ */_jsx(Form.Trigger, {
|
|
28
|
-
asChild:
|
|
29
|
+
asChild: true,
|
|
29
30
|
disabled: status !== "off",
|
|
30
31
|
children: /* @__PURE__ */_jsxs(YStack, {
|
|
31
32
|
gap: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","Form","Spinner","AnimatePresence","YStack","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","width","height","justifyContent","alignItems","transition","enterStyle"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAA;AAAA,SACEC,MAAA,EAAAC,IAAA,EAAAC,OAAA,EAAAC,eAAA,EAAAC,MAAA;AAAA,SACAC,UAAAC,KAAA;EAEA,KAAAC,MAAA,EAAAC,SAAA,IAAAT,KAAA,CAAAU,QAAA;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","Form","Spinner","AnimatePresence","YStack","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","width","height","justifyContent","alignItems","transition","enterStyle"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAA;AAAA,SACEC,MAAA,EAAAC,IAAA,EAAAC,OAAA,EAAAC,eAAA,EAAAC,MAAA;AAAA,SACAC,UAAAC,KAAA;EAEA,KAAAC,MAAA,EAAAC,SAAA,IAAAT,KAAA,CAAAU,QAAA;EACAV,KAAA,CAAAW,SAAA;IAKA,IAAAH,MAAA;MAAA,IACKI,KAAA,GAAAC,UAAA;QA2BC,OAAAJ,SAAA;MAzBD,GAAS;MACd,OAAO,YAAQ;QAETK,YAAU,CAAAF,KAAM;MACpB;IACE;EACA,IACEJ,MAAA,CAAkB;EACpB,OACF,eAAAX,IAAA,CAAAK,IAAA;IACFa,KAAI,UAAO;IAEXC,GAAA,EACE;IAACC,QAAA,WAAAA,CAAA;MAAA,OAAAR,SAAA;IAAA;IACOS,WACF;IAAAC,OACJ,MAAU;IAA4BC,EACtC;IAAaC,WACL;IAAAC,IACR,EAAG;IAAAC,CAAA,EACH;IAAYC,QACN,iBAAA3B,IAAA,CAAAK,IAAA,CAAAuB,OAAA;MACNC,OAAE;MAEFC,QAAA,EAAAnB,MAAA;MAEIgB,QAAA,iBAACzB,KAAA,CAAOM,MAAA;QACRW,GAAA;QAGMQ,QAAC,kBAAA3B,IAAA,CAAAI,MAAA;UACCuB,QAAA;QAAW,EACX,EAAyB,eACf3B,IAAA,CAAAQ,MAAA;UAEVuB,KAAA,EAAO;UAAAC,MAAA;UADHC,cAAA;UAGJC,UAER;UAEJP,QAAA,iBAAA3B,IAAA,CAAAO,eAAA;YAAAoB,QAAA,EAAAhB,MAAA,mCAAAX,IAAA,CAAAM,OAAA;cACF6B,UAAA;cAEJC,UAAA","ignoreList":[]}
|
package/dist/esm/Grid.mjs
CHANGED
|
@@ -8,27 +8,34 @@ function Grid({
|
|
|
8
8
|
itemMinWidth = 200,
|
|
9
9
|
gap
|
|
10
10
|
}) {
|
|
11
|
-
if (isWeb)
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
11
|
+
if (isWeb) {
|
|
12
|
+
return /* @__PURE__ */jsx("div", {
|
|
13
|
+
style: {
|
|
14
|
+
gap,
|
|
15
|
+
display: "grid",
|
|
16
|
+
justifyContent: "stretch",
|
|
17
|
+
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
18
|
+
},
|
|
19
|
+
children
|
|
20
|
+
});
|
|
21
|
+
}
|
|
20
22
|
const childrenList = React.Children.toArray(children);
|
|
21
23
|
return /* @__PURE__ */jsx(XStack, {
|
|
22
24
|
items: "center",
|
|
23
25
|
justify: "center",
|
|
24
26
|
flexWrap: "wrap",
|
|
25
|
-
children: childrenList.map((child, i) =>
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
27
|
+
children: childrenList.map((child, i) => {
|
|
28
|
+
if (!child) {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
return /* @__PURE__ */jsx(XStack, {
|
|
32
|
+
flex: 1,
|
|
33
|
+
minW: itemMinWidth,
|
|
34
|
+
mr: gap,
|
|
35
|
+
mb: gap,
|
|
36
|
+
children: child
|
|
37
|
+
}, i);
|
|
38
|
+
})
|
|
32
39
|
});
|
|
33
40
|
}
|
|
34
41
|
export { Grid };
|
package/dist/esm/Grid.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","XStack","React","jsx","Grid","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap","map","child","i","flex","minW","mr","mb"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,MAAA,QAAc;AACvB,OAAOC,KAAA,MAAW;AAYZ,SAAAC,GAAA;AAHC,SAASC,KAAK;EAAEC,QAAA;EAAUC,OAAA;EAASC,YAAA,GAAe;EAAKC;AAAI,GAAc;EAC9E,IAAIR,KAAA,
|
|
1
|
+
{"version":3,"names":["isWeb","XStack","React","jsx","Grid","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap","map","child","i","flex","minW","mr","mb"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,MAAA,QAAc;AACvB,OAAOC,KAAA,MAAW;AAYZ,SAAAC,GAAA;AAHC,SAASC,KAAK;EAAEC,QAAA;EAAUC,OAAA;EAASC,YAAA,GAAe;EAAKC;AAAI,GAAc;EAC9E,IAAIR,KAAA,EAAO;IACT,OACE,eAAAG,GAAA,CAAC;MACCM,KAAA,EAAO;QACLD,GAAA;QACAE,OAAA,EAAS;QACTC,cAAA,EAAgB;QAChBC,mBAAA,EAAqB,4BAA4BL,YAAY;MAC/D;MAECF;IAAA,CACH;EAEJ;EAEA,MAAMQ,YAAA,GAAeX,KAAA,CAAMY,QAAA,CAASC,OAAA,CAAQV,QAAQ;EAEpD,OACE,eAAAF,GAAA,CAACF,MAAA;IAAOe,KAAA,EAAM;IAASC,OAAA,EAAQ;IAASC,QAAA,EAAS;IAC9Cb,QAAA,EAAAQ,YAAA,CAAaM,GAAA,CAAI,CAACC,KAAA,EAAOC,CAAA,KAAM;MAC9B,IAAI,CAACD,KAAA,EAAO;QACV,OAAO;MACT;MAGA,OACE,eAAAjB,GAAA,CAACF,MAAA;QAAeqB,IAAA,EAAM;QAAGC,IAAA,EAAMhB,YAAA;QAAciB,EAAA,EAAIhB,GAAA;QAAKiB,EAAA,EAAIjB,GAAA;QACvDH,QAAA,EAAAe;MAAA,GADUC,CAEb;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}
|
package/dist/esm/Grid.native.js
CHANGED
|
@@ -9,28 +9,33 @@ function Grid(param) {
|
|
|
9
9
|
itemMinWidth = 200,
|
|
10
10
|
gap
|
|
11
11
|
} = param;
|
|
12
|
-
if (isWeb)
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
12
|
+
if (isWeb) {
|
|
13
|
+
return /* @__PURE__ */_jsx("div", {
|
|
14
|
+
style: {
|
|
15
|
+
gap,
|
|
16
|
+
display: "grid",
|
|
17
|
+
justifyContent: "stretch",
|
|
18
|
+
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
19
|
+
},
|
|
20
|
+
children
|
|
21
|
+
});
|
|
22
|
+
}
|
|
21
23
|
var childrenList = React.Children.toArray(children);
|
|
22
24
|
return /* @__PURE__ */_jsx(XStack, {
|
|
23
25
|
items: "center",
|
|
24
26
|
justify: "center",
|
|
25
27
|
flexWrap: "wrap",
|
|
26
28
|
children: childrenList.map(function (child, i) {
|
|
27
|
-
|
|
29
|
+
if (!child) {
|
|
30
|
+
return null;
|
|
31
|
+
}
|
|
32
|
+
return /* @__PURE__ */_jsx(XStack, {
|
|
28
33
|
flex: 1,
|
|
29
34
|
minW: itemMinWidth,
|
|
30
35
|
mr: gap,
|
|
31
36
|
mb: gap,
|
|
32
37
|
children: child
|
|
33
|
-
}, i)
|
|
38
|
+
}, i);
|
|
34
39
|
})
|
|
35
40
|
});
|
|
36
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","isWeb","XStack","React","Grid","param","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,wBAAc;AACvB,SAAOC,MAAA,QAAW;AAYZ,OAAAC,KAAA;AAHC,SAASC,KAAKC,KAAE;EACrB,IAAI;IAAAC,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","isWeb","XStack","React","Grid","param","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap","map","child","i"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,wBAAc;AACvB,SAAOC,MAAA,QAAW;AAYZ,OAAAC,KAAA;AAHC,SAASC,KAAKC,KAAE;EACrB,IAAI;IAAAC,QAAO;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EACT,IAAAJ,KACE;IAAA,OAAC,eAAAD,IAAA;MAAAU,KAAA;QACCD,GAAA;QAAOE,OACL;QAAAC,cACS;QAAAC,mBACO,8BAAAL,YAAA;MAAA;MAC6CF;IAC/D;EAEC;EAAA,IACHQ,YAAA,GAAAX,KAAA,CAAAY,QAAA,CAAAC,OAAA,CAAAV,QAAA;EAEJ,sBAAAN,IAAA,CAAAE,MAAA;IAEAe,KAAM;IAENC,OACE;IAEIC,QAAK,QAAO;IACVb,QAAA,EAAOQ,YAAA,CAAAM,GAAA,WAAAC,KAAA,EAAAC,CAAA;MACT,KAAAD,KAAA;QAGA,OACE;MAKN;MAEJ,sBAAArB,IAAA,CAAAE,MAAA","ignoreList":[]}
|
|
@@ -6,35 +6,35 @@ import { Grid } from "./Grid.mjs";
|
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
const lucideIcons = Object.keys(
|
|
8
8
|
// vite tree shaking workaround
|
|
9
|
-
typeof LucideIcons
|
|
9
|
+
typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(name => ({
|
|
10
10
|
key: name.toLowerCase(),
|
|
11
11
|
name,
|
|
12
12
|
Icon: LucideIcons[name]
|
|
13
13
|
}));
|
|
14
14
|
function LucideIconsDemo() {
|
|
15
|
-
const [searchRaw, setSearch] = React.useState("")
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
15
|
+
const [searchRaw, setSearch] = React.useState("");
|
|
16
|
+
const search = useDebounceValue(searchRaw, 400);
|
|
17
|
+
const size = 100;
|
|
18
|
+
const iconsMemo = React.useMemo(() => lucideIcons.filter(x => x.key.includes(search.toLowerCase())).map(({
|
|
19
|
+
Icon,
|
|
20
|
+
name
|
|
21
|
+
}) => /* @__PURE__ */jsxs(YStack, {
|
|
22
|
+
height: size + 20,
|
|
23
|
+
items: "center",
|
|
24
|
+
justify: "center",
|
|
25
|
+
children: [/* @__PURE__ */jsx(Icon, {
|
|
26
|
+
size: size * 0.25
|
|
27
|
+
}), /* @__PURE__ */jsx(Spacer, {}), /* @__PURE__ */jsx(Paragraph, {
|
|
28
|
+
height: "$6",
|
|
29
|
+
wordWrap: "break-word",
|
|
30
|
+
maxW: "100%",
|
|
31
|
+
text: "center",
|
|
32
|
+
px: "$2",
|
|
33
|
+
size: "$1",
|
|
34
|
+
opacity: 0.5,
|
|
35
|
+
children: name
|
|
36
|
+
})]
|
|
37
|
+
}, name)), [search]);
|
|
38
38
|
return /* @__PURE__ */jsxs(YStack, {
|
|
39
39
|
minW: "100%",
|
|
40
40
|
p: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","jsx","jsxs","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","height","items","justify","children","wordWrap","maxW","text","px","opacity","minW","p","pb","gap","value","onChangeText","placeholder","itemMinWidth"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,YAAYC,WAAA,MAAiB;AAE7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,gBAAA,QAAwB;AAEnE,SAASC,IAAA,QAAY;AAsBX,SACEC,GAAA,EADFC,IAAA;AApBV,MAAMC,WAAA,GAAcC,MAAA,CAAOC,IAAA;AAAA;AAEzB,OAAOZ,WAAA,
|
|
1
|
+
{"version":3,"names":["React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","jsx","jsxs","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","height","items","justify","children","wordWrap","maxW","text","px","opacity","minW","p","pb","gap","value","onChangeText","placeholder","itemMinWidth"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,YAAYC,WAAA,MAAiB;AAE7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,gBAAA,QAAwB;AAEnE,SAASC,IAAA,QAAY;AAsBX,SACEC,GAAA,EADFC,IAAA;AApBV,MAAMC,WAAA,GAAcC,MAAA,CAAOC,IAAA;AAAA;AAEzB,OAAOZ,WAAA,KAAgB,cAAcA,WAAA,GAAc,CAAC,CACtD,EAAEa,GAAA,CAAKC,IAAA,KAAU;EACfC,GAAA,EAAKD,IAAA,CAAKE,WAAA,CAAY;EACtBF,IAAA;EACAG,IAAA,EAAMjB,WAAA,CAAYc,IAAI;AACxB,EAAE;AAEK,SAASI,gBAAA,EAAkB;EAChC,MAAM,CAACC,SAAA,EAAWC,SAAS,IAAIrB,KAAA,CAAMsB,QAAA,CAAS,EAAE;EAChD,MAAMC,MAAA,GAAShB,gBAAA,CAAiBa,SAAA,EAAW,GAAG;EAE9C,MAAMI,IAAA,GAAO;EAEb,MAAMC,SAAA,GAAYzB,KAAA,CAAM0B,OAAA,CACtB,MACEf,WAAA,CACGgB,MAAA,CAAQC,CAAA,IAAMA,CAAA,CAAEZ,GAAA,CAAIa,QAAA,CAASN,MAAA,CAAON,WAAA,CAAY,CAAC,CAAC,EAClDH,GAAA,CAAI,CAAC;IAAEI,IAAA;IAAMH;EAAK,MACjB,eAAAL,IAAA,CAACJ,MAAA;IAAOwB,MAAA,EAAQN,IAAA,GAAO;IAAIO,KAAA,EAAM;IAASC,OAAA,EAAQ;IAChDC,QAAA,kBAAAxB,GAAA,CAACS,IAAA;MAAKM,IAAA,EAAMA,IAAA,GAAO;IAAA,CAAM,GACzB,eAAAf,GAAA,CAACJ,MAAA,IAAO,GACR,eAAAI,GAAA,CAACL,SAAA;MACC0B,MAAA,EAAO;MACPI,QAAA,EAAS;MACTC,IAAA,EAAK;MACLC,IAAA,EAAK;MACLC,EAAA,EAAG;MACHb,IAAA,EAAK;MACLc,OAAA,EAAS;MAERL,QAAA,EAAAlB;IAAA,CACH;EAAA,GAb8DA,IAchE,CACD,GACL,CAACQ,MAAM,CACT;EAEA,OACE,eAAAb,IAAA,CAACJ,MAAA;IAAOiC,IAAA,EAAK;IAAOC,CAAA,EAAE;IAAKC,EAAA,EAAG;IAAKC,GAAA,EAAI;IACrCT,QAAA,kBAAAxB,GAAA,CAACN,KAAA;MAAMwC,KAAA,EAAOvB,SAAA;MAAWwB,YAAA,EAAcvB,SAAA;MAAkBwB,WAAA,EAAY;IAAA,CAAY,GAEjF,eAAApC,GAAA,CAACH,MAAA;MAAOwB,MAAA,EAAQ;MACdG,QAAA,iBAAAxB,GAAA,CAACP,UAAA;QACC+B,QAAA,iBAAAxB,GAAA,CAACD,IAAA;UAAKsC,YAAA,EAActB,IAAA;UAAOS,QAAA,EAAAR;QAAA,CAAU;MAAA,CACvC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "@hanzo/gui";
|
|
|
6
6
|
import { Grid } from "./Grid.native.js";
|
|
7
7
|
var lucideIcons = Object.keys(
|
|
8
8
|
// vite tree shaking workaround
|
|
9
|
-
typeof LucideIcons
|
|
9
|
+
typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(function (name) {
|
|
10
10
|
return {
|
|
11
11
|
key: name.toLowerCase(),
|
|
12
12
|
name,
|
|
@@ -14,36 +14,36 @@ typeof LucideIcons < "u" ? LucideIcons : {}).map(function (name) {
|
|
|
14
14
|
};
|
|
15
15
|
});
|
|
16
16
|
function LucideIconsDemo() {
|
|
17
|
-
var [searchRaw, setSearch] = React.useState("")
|
|
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
|
-
|
|
17
|
+
var [searchRaw, setSearch] = React.useState("");
|
|
18
|
+
var search = useDebounceValue(searchRaw, 400);
|
|
19
|
+
var size = 100;
|
|
20
|
+
var iconsMemo = React.useMemo(function () {
|
|
21
|
+
return lucideIcons.filter(function (x) {
|
|
22
|
+
return x.key.includes(search.toLowerCase());
|
|
23
|
+
}).map(function (param) {
|
|
24
|
+
var {
|
|
25
|
+
Icon,
|
|
26
|
+
name
|
|
27
|
+
} = param;
|
|
28
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
29
|
+
height: size + 20,
|
|
30
|
+
items: "center",
|
|
31
|
+
justify: "center",
|
|
32
|
+
children: [/* @__PURE__ */_jsx(Icon, {
|
|
33
|
+
size: size * 0.25
|
|
34
|
+
}), /* @__PURE__ */_jsx(Spacer, {}), /* @__PURE__ */_jsx(Paragraph, {
|
|
35
|
+
height: "$6",
|
|
36
|
+
wordWrap: "break-word",
|
|
37
|
+
maxW: "100%",
|
|
38
|
+
text: "center",
|
|
39
|
+
px: "$2",
|
|
40
|
+
size: "$1",
|
|
41
|
+
opacity: 0.5,
|
|
42
|
+
children: name
|
|
43
|
+
})]
|
|
44
|
+
}, name);
|
|
45
|
+
});
|
|
46
|
+
}, [search]);
|
|
47
47
|
return /* @__PURE__ */_jsxs(YStack, {
|
|
48
48
|
minW: "100%",
|
|
49
49
|
p: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","param","height","items","justify","children","wordWrap","maxW","text","px","opacity"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAY;AAEZ,YAASC,WAAA,MAAkB;AAC3B,SAASC,UAAO,QAAW,cAAQ;AAEnC,SAASC,KAAA,EAAAC,SAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA;AAsBX,SACEC,IAAA,QADF;AApBV,IAAAC,WAAM,GAAAC,MAAc,CAAAC,IAAO;AAAA;AAEzB,OAAOV,WAAA,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","param","height","items","justify","children","wordWrap","maxW","text","px","opacity"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAY;AAEZ,YAASC,WAAA,MAAkB;AAC3B,SAASC,UAAO,QAAW,cAAQ;AAEnC,SAASC,KAAA,EAAAC,SAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA;AAsBX,SACEC,IAAA,QADF;AApBV,IAAAC,WAAM,GAAAC,MAAc,CAAAC,IAAO;AAAA;AAEzB,OAAOV,WAAA,KAAgB,cAAcA,WAAA,GAAc,CAAC,CACtD,EAAEW,GAAA,CAAI,UAACC,IAAU;EACf,OAAK;IACLC,GAAA,EAAAD,IAAA,CAAAE,WAAA;IACAF,IAAM;IACNG,IAAA,EAAAf,WAAA,CAAAY,IAAA;EAEK;AACL;AACA,SAAMI,eAASA,CAAA;EAEf,KAAAC,SAAa,EAAAC,SAAA,IAAAnB,KAAA,CAAAoB,QAAA;EAEb,IAAAC,MAAM,GAAAd,gBAAkB,CAAAW,SAAA;EAAA,IACtBI,IACE;EAIM,IAAAC,SAAA,GAAAvB,KAAA,CAAAwB,OAAC,aAAW;IAAa,OACzBf,WAAA,CAAAgB,MAAC,WAAOC,CAAA;MACR,OAAAA,CAAA,CAAAZ,GAAA,CAAAa,QAAA,CAAAN,MAAA,CAAAN,WAAA;IAAA,GAAAH,GAAC,WAAAgB,KAAA;MAAA;QAAAZ,IAAA;QAAAH;MAAA,IAAAe,KAAA;MAAA,OACC,eAAO7B,KAAA,CAAAO,MAAA;QAAAuB,MACP,EAAAP,IAAS;QAAAQ,KACT,UAAK;QAAAC,OACL,EAAK;QAAAC,QACF,GACH,eAAKnC,IAAA,CAAAmB,IAAA;UACLM,IAAA,EAAAA,IAAS;QAER,mBAAAzB,IAAA,CAAAQ,MAAA,OACH,eAAAR,IAAA,CAAAO,SAAA;UAb8DyB,MAejE;UACEI,QAAA;UACTC,IAAA;UAGEC,IAAA;UACEC,EAAA;UAEAd,IAAA;UAKFe,OAAA;UAEJL,QAAA,EAAAnB","ignoreList":[]}
|
package/dist/esm/MenuDemo.mjs
CHANGED
|
@@ -4,17 +4,17 @@ import React from "react";
|
|
|
4
4
|
import { Button } from "@hanzo/gui";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
function MenuDemo() {
|
|
7
|
-
const [bookmarksChecked, setBookmarksChecked] = React.useState(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
const [bookmarksChecked, setBookmarksChecked] = React.useState(true);
|
|
8
|
+
const [native, setNative] = React.useState(true);
|
|
9
|
+
const [subMenuOpen, setSubMenuOpen] = React.useState(false);
|
|
10
|
+
const onSelect = item => {
|
|
11
|
+
console.info(`selected`, item);
|
|
12
|
+
};
|
|
13
13
|
return /* @__PURE__ */jsx(Fragment, {
|
|
14
14
|
children: /* @__PURE__ */jsxs(Menu, {
|
|
15
15
|
offset: 8,
|
|
16
16
|
children: [/* @__PURE__ */jsx(Menu.Trigger, {
|
|
17
|
-
asChild:
|
|
17
|
+
asChild: true,
|
|
18
18
|
children: /* @__PURE__ */jsx(Button, {
|
|
19
19
|
size: "$4",
|
|
20
20
|
icon: Backpack,
|
|
@@ -72,14 +72,14 @@ function MenuDemo() {
|
|
|
72
72
|
})]
|
|
73
73
|
}, "accounts"), /* @__PURE__ */jsx(Menu.Separator, {}), /* @__PURE__ */jsx(Menu.Item, {
|
|
74
74
|
onSelect,
|
|
75
|
-
disabled:
|
|
75
|
+
disabled: true,
|
|
76
76
|
children: /* @__PURE__ */jsx(Menu.ItemTitle, {
|
|
77
77
|
color: "gray",
|
|
78
78
|
children: "Locked Notes"
|
|
79
79
|
})
|
|
80
80
|
}, "close-notes"), /* @__PURE__ */jsx(Menu.Item, {
|
|
81
81
|
onSelect,
|
|
82
|
-
destructive:
|
|
82
|
+
destructive: true,
|
|
83
83
|
children: /* @__PURE__ */jsx(Menu.ItemTitle, {
|
|
84
84
|
color: "red",
|
|
85
85
|
children: "Delete all"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Backpack","Calendar","Check","ChevronRight","FilePlus","RefreshCw","Trash2","Menu","React","Button","Fragment","jsx","jsxs","MenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","children","offset","Trigger","asChild","size","icon","Portal","zIndex","Content","transition","borderRadius","enterStyle","scale","opacity","y","exitStyle","boxShadow","Arrow","borderWidth","borderColor","ScrollView","padding","Item","ItemTitle","Separator","justify","textValue","ItemIcon","androidIconName","ios","name","hierarchicalColor","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","SubContent","Label","select","CheckboxItem","checked","onCheckedChange","ItemIndicator"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,QAAA,EACAC,QAAA,EACAC,KAAA,EACAC,YAAA,EACAC,QAAA,EACAC,SAAA,EACAC,MAAA,QACK;AACP,SAASC,IAAA,QAAY;AACrB,OAAOC,KAAA,MAAW;AAClB,SAASC,MAAA,QAAc;AAuBnB,SAAAC,QAAA,EAGMC,GAAA,EAyBIC,IAAA,QA5BV;AAXG,SAASC,SAAA,EAAW;EACzB,MAAM,CAACC,gBAAA,EAAkBC,mBAAmB,IAAIP,KAAA,CAAMQ,QAAA,CAAS,
|
|
1
|
+
{"version":3,"names":["Backpack","Calendar","Check","ChevronRight","FilePlus","RefreshCw","Trash2","Menu","React","Button","Fragment","jsx","jsxs","MenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","children","offset","Trigger","asChild","size","icon","Portal","zIndex","Content","transition","borderRadius","enterStyle","scale","opacity","y","exitStyle","boxShadow","Arrow","borderWidth","borderColor","ScrollView","padding","Item","ItemTitle","Separator","justify","textValue","ItemIcon","androidIconName","ios","name","hierarchicalColor","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","SubContent","Label","select","CheckboxItem","checked","onCheckedChange","ItemIndicator"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -4,17 +4,17 @@ import { Menu } from "@hanzogui/menu";
|
|
|
4
4
|
import React from "react";
|
|
5
5
|
import { Button } from "@hanzo/gui";
|
|
6
6
|
function MenuDemo() {
|
|
7
|
-
var [bookmarksChecked, setBookmarksChecked] = React.useState(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
var [bookmarksChecked, setBookmarksChecked] = React.useState(true);
|
|
8
|
+
var [native, setNative] = React.useState(true);
|
|
9
|
+
var [subMenuOpen, setSubMenuOpen] = React.useState(false);
|
|
10
|
+
var onSelect = function (item) {
|
|
11
|
+
console.info(`selected`, item);
|
|
12
|
+
};
|
|
13
13
|
return /* @__PURE__ */_jsx(_Fragment, {
|
|
14
14
|
children: /* @__PURE__ */_jsxs(Menu, {
|
|
15
15
|
offset: 8,
|
|
16
16
|
children: [/* @__PURE__ */_jsx(Menu.Trigger, {
|
|
17
|
-
asChild:
|
|
17
|
+
asChild: true,
|
|
18
18
|
children: /* @__PURE__ */_jsx(Button, {
|
|
19
19
|
size: "$4",
|
|
20
20
|
icon: Backpack,
|
|
@@ -75,14 +75,14 @@ function MenuDemo() {
|
|
|
75
75
|
})]
|
|
76
76
|
}, "accounts"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsx(Menu.Item, {
|
|
77
77
|
onSelect,
|
|
78
|
-
disabled:
|
|
78
|
+
disabled: true,
|
|
79
79
|
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
80
80
|
color: "gray",
|
|
81
81
|
children: "Locked Notes"
|
|
82
82
|
})
|
|
83
83
|
}, "close-notes"), /* @__PURE__ */_jsx(Menu.Item, {
|
|
84
84
|
onSelect,
|
|
85
|
-
destructive:
|
|
85
|
+
destructive: true,
|
|
86
86
|
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
87
87
|
color: "red",
|
|
88
88
|
children: "Delete all"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Backpack","Calendar","Check","ChevronRight","FilePlus","RefreshCw","Trash2","Menu","React","Button","MenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","children","offset","Trigger","asChild","size","icon","Portal","zIndex","Content","transition","borderRadius","enterStyle","scale","opacity","y","exitStyle","boxShadow","Arrow","borderWidth","borderColor","ScrollView","padding","Item","ItemTitle","Separator","justify","textValue","ItemIcon","androidIconName","ios","name","hierarchicalColor","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","SubContent","Label","select"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAAA,SACEC,QAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,YAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,MAAA;AAAA,SACAC,IAAA;AAAA,OACAC,KAAA;AAAA,SACAC,MAAA;AAAA,SACAC,SAAA;EACA,KAAAC,gBAAA,EAAAC,mBAAA,IAAAJ,KAAA,CAAAK,QAAA;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Backpack","Calendar","Check","ChevronRight","FilePlus","RefreshCw","Trash2","Menu","React","Button","MenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","children","offset","Trigger","asChild","size","icon","Portal","zIndex","Content","transition","borderRadius","enterStyle","scale","opacity","y","exitStyle","boxShadow","Arrow","borderWidth","borderColor","ScrollView","padding","Item","ItemTitle","Separator","justify","textValue","ItemIcon","androidIconName","ios","name","hierarchicalColor","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","SubContent","Label","select"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/PopoverDemo.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import { useState } from "react";
|
|
|
3
3
|
import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "@hanzo/gui";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
function PopoverDemo() {
|
|
6
|
-
const [shouldAdapt, setShouldAdapt] = useState(
|
|
6
|
+
const [shouldAdapt, setShouldAdapt] = useState(true);
|
|
7
7
|
return /* @__PURE__ */jsxs(YStack, {
|
|
8
8
|
gap: "$4",
|
|
9
9
|
children: [/* @__PURE__ */jsxs(XStack, {
|
|
@@ -46,13 +46,13 @@ function Demo({
|
|
|
46
46
|
}) {
|
|
47
47
|
return /* @__PURE__ */jsxs(Popover, {
|
|
48
48
|
size: "$5",
|
|
49
|
-
allowFlip:
|
|
50
|
-
stayInFrame:
|
|
49
|
+
allowFlip: true,
|
|
50
|
+
stayInFrame: true,
|
|
51
51
|
offset: 15,
|
|
52
|
-
resize:
|
|
52
|
+
resize: true,
|
|
53
53
|
...props,
|
|
54
54
|
children: [/* @__PURE__ */jsx(Popover.Trigger, {
|
|
55
|
-
asChild:
|
|
55
|
+
asChild: true,
|
|
56
56
|
children: /* @__PURE__ */jsx(Button, {
|
|
57
57
|
icon: Icon
|
|
58
58
|
})
|
|
@@ -61,8 +61,8 @@ function Demo({
|
|
|
61
61
|
platform: "touch",
|
|
62
62
|
children: /* @__PURE__ */jsxs(Sheet, {
|
|
63
63
|
transition: "medium",
|
|
64
|
-
modal:
|
|
65
|
-
dismissOnSnapToBottom:
|
|
64
|
+
modal: true,
|
|
65
|
+
dismissOnSnapToBottom: true,
|
|
66
66
|
children: [/* @__PURE__ */jsx(Sheet.Frame, {
|
|
67
67
|
p: "$4",
|
|
68
68
|
children: /* @__PURE__ */jsx(Adapt.Contents, {})
|
|
@@ -93,7 +93,7 @@ function Demo({
|
|
|
93
93
|
boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
|
|
94
94
|
transition: ["quick", {
|
|
95
95
|
opacity: {
|
|
96
|
-
overshootClamping:
|
|
96
|
+
overshootClamping: true
|
|
97
97
|
}
|
|
98
98
|
}],
|
|
99
99
|
children: [/* @__PURE__ */jsx(Popover.Arrow, {
|
|
@@ -112,7 +112,7 @@ function Demo({
|
|
|
112
112
|
id: Name
|
|
113
113
|
})]
|
|
114
114
|
}), /* @__PURE__ */jsx(Popover.Close, {
|
|
115
|
-
asChild:
|
|
115
|
+
asChild: true,
|
|
116
116
|
children: /* @__PURE__ */jsx(Button, {
|
|
117
117
|
size: "$3",
|
|
118
118
|
onPress: () => {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb","htmlFor","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,WAAA,EACAC,WAAA,EACAC,YAAA,EACAC,SAAA,QACK;AACP,SAASC,QAAA,QAAgB;AAEzB,SACEC,KAAA,EACAC,MAAA,EACAC,KAAA,EACAC,KAAA,EACAC,KAAA,EACAC,OAAA,EACAC,KAAA,EAEAC,MAAA,EACAC,MAAA,QACK;AAOD,SACEC,GAAA,EADFC,IAAA;AALC,SAASC,YAAA,EAAc;EAC5B,MAAM,CAACC,WAAA,EAAaC,cAAc,IAAId,QAAA,CAAS,
|
|
1
|
+
{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb","htmlFor","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|