@hanzogui/demos 4.4.0 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AccordionDemo.cjs +16 -16
- package/dist/cjs/AccordionDemo.native.js +16 -16
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +6 -6
- package/dist/cjs/AddThemeDemo.native.js +6 -6
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +15 -15
- package/dist/cjs/AlertDialogDemo.native.js +15 -15
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +6 -6
- package/dist/cjs/AnimationsDemo.native.js +6 -6
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +8 -8
- package/dist/cjs/AvatarDemo.native.js +8 -8
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.cjs +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +8 -8
- package/dist/cjs/ButtonDemo.native.js +8 -8
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +12 -12
- package/dist/cjs/CardDemo.native.js +12 -12
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +8 -8
- package/dist/cjs/CheckboxDemo.native.js +8 -8
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +13 -13
- package/dist/cjs/ColorsDemo.native.js +13 -13
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +5 -5
- package/dist/cjs/ContextMenuDemo.native.js +5 -5
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +40 -40
- package/dist/cjs/DialogDemo.native.js +40 -40
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +8 -8
- package/dist/cjs/FormsDemo.native.js +8 -8
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +21 -21
- package/dist/cjs/GroupDemo.native.js +21 -21
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +8 -8
- package/dist/cjs/HeadingsDemo.native.js +8 -8
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +6 -6
- package/dist/cjs/InputsDemo.native.js +6 -6
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +9 -9
- package/dist/cjs/LabelDemo.native.js +9 -9
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +2 -2
- package/dist/cjs/LinearGradientDemo.native.js +2 -2
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +26 -18
- package/dist/cjs/ListItemDemo.native.js +26 -18
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +7 -7
- package/dist/cjs/LucideIconsDemo.native.js +7 -7
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +2 -2
- package/dist/cjs/MenuDemo.native.js +2 -2
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +4 -4
- package/dist/cjs/NewInputsDemo.native.js +4 -4
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +19 -19
- package/dist/cjs/PopoverDemo.native.js +19 -19
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +8 -8
- package/dist/cjs/ProgressDemo.native.js +8 -8
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +8 -8
- package/dist/cjs/RadioGroupDemo.native.js +8 -8
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +11 -11
- package/dist/cjs/ScrollViewDemo.native.js +11 -11
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +30 -30
- package/dist/cjs/SelectDemo.native.js +30 -30
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +11 -11
- package/dist/cjs/SeparatorDemo.native.js +11 -11
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +4 -4
- package/dist/cjs/ShapesDemo.native.js +4 -4
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +16 -16
- package/dist/cjs/SheetDemo.native.js +16 -16
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +6 -6
- package/dist/cjs/SliderDemo.native.js +6 -6
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +4 -4
- package/dist/cjs/SpinnerDemo.native.js +4 -4
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +14 -14
- package/dist/cjs/StacksDemo.native.js +14 -14
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +10 -10
- package/dist/cjs/SwitchDemo.native.js +10 -10
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +41 -41
- package/dist/cjs/TabsAdvancedDemo.native.js +41 -41
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +31 -31
- package/dist/cjs/TabsDemo.native.js +31 -31
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +8 -8
- package/dist/cjs/TextDemo.native.js +8 -8
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +191 -114
- package/dist/cjs/ToastDemo.native.js +202 -118
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +34 -47
- package/dist/cjs/ToastDuplicateDemo.native.js +35 -52
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +155 -0
- package/dist/cjs/ToastV1Demo.native.js +166 -0
- package/dist/cjs/ToastV1Demo.native.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.cjs +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +14 -14
- package/dist/cjs/TokensDemo.native.js +14 -14
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +13 -13
- package/dist/cjs/TooltipDemo.native.js +13 -13
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/{gui.config.cjs → hanzogui.config.cjs} +7 -7
- package/dist/cjs/{gui.config.native.js → hanzogui.config.native.js} +8 -8
- package/dist/cjs/hanzogui.config.native.js.map +1 -0
- package/dist/cjs/index.cjs +1 -0
- package/dist/cjs/index.native.js +1 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +4 -4
- package/dist/cjs/useOnIntersecting.native.js +4 -4
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +1 -1
- package/dist/esm/AccordionDemo.native.js +1 -1
- package/dist/esm/AddThemeDemo.mjs +1 -1
- package/dist/esm/AddThemeDemo.native.js +1 -1
- package/dist/esm/AlertDialogDemo.mjs +1 -1
- package/dist/esm/AlertDialogDemo.native.js +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +1 -1
- package/dist/esm/AnimationsDemo.mjs +1 -1
- package/dist/esm/AnimationsDemo.native.js +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +1 -1
- package/dist/esm/AvatarDemo.mjs +1 -1
- package/dist/esm/AvatarDemo.native.js +1 -1
- package/dist/esm/BoxShadowTokenDemo.mjs +1 -1
- package/dist/esm/BoxShadowTokenDemo.native.js +1 -1
- package/dist/esm/BuildAButtonDemo.mjs +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +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 +1 -1
- package/dist/esm/CheckboxDemo.native.js +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +1 -1
- package/dist/esm/ColorsDemo.mjs +1 -1
- package/dist/esm/ColorsDemo.native.js +1 -1
- package/dist/esm/ContextMenuDemo.mjs +1 -1
- package/dist/esm/ContextMenuDemo.native.js +1 -1
- package/dist/esm/DialogDemo.mjs +1 -1
- package/dist/esm/DialogDemo.native.js +1 -1
- package/dist/esm/FormsDemo.mjs +1 -1
- package/dist/esm/FormsDemo.native.js +1 -1
- package/dist/esm/GroupDemo.mjs +1 -1
- package/dist/esm/GroupDemo.native.js +1 -1
- package/dist/esm/HeadingsDemo.mjs +1 -1
- package/dist/esm/HeadingsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.mjs +1 -1
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/LabelDemo.mjs +1 -1
- package/dist/esm/LabelDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.mjs +1 -1
- package/dist/esm/LinearGradientDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +9 -1
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +9 -1
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +1 -1
- package/dist/esm/LucideIconsDemo.native.js +1 -1
- package/dist/esm/MenuDemo.mjs +1 -1
- package/dist/esm/MenuDemo.native.js +1 -1
- package/dist/esm/NewInputsDemo.mjs +1 -1
- package/dist/esm/NewInputsDemo.native.js +1 -1
- package/dist/esm/PopoverDemo.mjs +1 -1
- package/dist/esm/PopoverDemo.native.js +1 -1
- package/dist/esm/ProgressDemo.mjs +1 -1
- package/dist/esm/ProgressDemo.native.js +1 -1
- package/dist/esm/RadioGroupDemo.mjs +1 -1
- package/dist/esm/RadioGroupDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +1 -1
- package/dist/esm/ScrollViewDemo.mjs +1 -1
- package/dist/esm/ScrollViewDemo.native.js +1 -1
- package/dist/esm/SelectDemo.mjs +2 -2
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +2 -2
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +1 -1
- package/dist/esm/SeparatorDemo.native.js +1 -1
- package/dist/esm/ShapesDemo.mjs +1 -1
- package/dist/esm/ShapesDemo.native.js +1 -1
- package/dist/esm/SheetDemo.mjs +1 -1
- package/dist/esm/SheetDemo.native.js +1 -1
- package/dist/esm/SliderDemo.mjs +1 -1
- package/dist/esm/SliderDemo.native.js +1 -1
- package/dist/esm/SpinnerDemo.mjs +1 -1
- package/dist/esm/SpinnerDemo.native.js +1 -1
- package/dist/esm/StacksDemo.mjs +1 -1
- package/dist/esm/StacksDemo.native.js +1 -1
- package/dist/esm/SwitchDemo.mjs +1 -1
- package/dist/esm/SwitchDemo.native.js +1 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +9 -9
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +9 -9
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +1 -1
- package/dist/esm/TabsDemo.native.js +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +1 -1
- package/dist/esm/TextDemo.mjs +1 -1
- package/dist/esm/TextDemo.native.js +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ThemeInverseDemo.mjs +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +190 -102
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +202 -107
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToastDuplicateDemo.mjs +31 -33
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +32 -38
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/esm/ToastV1Demo.mjs +119 -0
- package/dist/esm/ToastV1Demo.mjs.map +1 -0
- package/dist/esm/ToastV1Demo.native.js +127 -0
- package/dist/esm/ToastV1Demo.native.js.map +1 -0
- package/dist/esm/ToggleGroupDemo.mjs +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +1 -1
- package/dist/esm/TokensDemo.mjs +1 -1
- package/dist/esm/TokensDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.mjs +1 -1
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +1 -1
- package/dist/esm/hanzogui.config.mjs +6 -0
- package/dist/esm/hanzogui.config.mjs.map +1 -0
- package/dist/esm/hanzogui.config.native.js +6 -0
- package/dist/esm/hanzogui.config.native.js.map +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +1 -0
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +1 -1
- package/dist/esm/useOnIntersecting.native.js +1 -1
- package/package.json +40 -17
- package/src/AccordionDemo.tsx +1 -1
- package/src/AddThemeDemo.tsx +1 -1
- package/src/AlertDialogDemo.tsx +1 -1
- package/src/AnimationsDelayDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsHoverDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -1
- package/src/AvatarDemo.tsx +1 -1
- package/src/BoxShadowTokenDemo.tsx +1 -1
- package/src/BuildAButtonDemo.tsx +2 -2
- package/src/ButtonDemo.tsx +1 -1
- package/src/CardDemo.tsx +2 -2
- package/src/CheckboxDemo.tsx +2 -2
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ColorsDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +1 -1
- package/src/DialogDemo.tsx +1 -1
- package/src/FormsDemo.tsx +2 -2
- package/src/GroupDemo.tsx +1 -1
- package/src/HeadingsDemo.tsx +1 -1
- package/src/InputsDemo.tsx +2 -2
- package/src/LabelDemo.tsx +1 -1
- package/src/LinearGradientDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +27 -6
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +2 -2
- package/src/NewInputsDemo.tsx +2 -2
- package/src/PopoverDemo.tsx +2 -2
- package/src/ProgressDemo.tsx +1 -1
- package/src/RadioGroupDemo.tsx +2 -2
- package/src/RadioGroupHeadlessDemo.tsx +1 -1
- package/src/RadioGroupUnstyledDemo.tsx +1 -1
- package/src/ReplaceThemeDemo.tsx +1 -1
- package/src/ScrollViewDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -12
- package/src/SeparatorDemo.tsx +1 -1
- package/src/ShapesDemo.tsx +1 -1
- package/src/SheetDemo.tsx +1 -1
- package/src/SliderDemo.tsx +2 -2
- package/src/SpinnerDemo.tsx +1 -1
- package/src/StacksDemo.tsx +1 -1
- package/src/SwitchDemo.tsx +2 -2
- package/src/SwitchHeadlessDemo.tsx +1 -1
- package/src/SwitchUnstyledDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +15 -13
- package/src/TabsDemo.tsx +2 -2
- package/src/TabsHeadlessDemo.tsx +1 -1
- package/src/TextDemo.tsx +1 -1
- package/src/ThemeBuilderDemo.tsx +2 -2
- package/src/ThemeInverseDemo.tsx +1 -1
- package/src/ToastDemo.tsx +208 -93
- package/src/ToastDuplicateDemo.tsx +39 -29
- package/src/ToastV1Demo.tsx +121 -0
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TokensDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -10
- package/src/UpdateThemeDemo.tsx +1 -1
- package/src/{gui.config.ts → hanzogui.config.ts} +2 -2
- package/src/index.tsx +3 -2
- package/src/useOnIntersecting.tsx +1 -1
- package/LICENSE +0 -21
- package/dist/cjs/gui.config.native.js.map +0 -1
- package/dist/esm/gui.config.mjs +0 -6
- package/dist/esm/gui.config.mjs.map +0 -1
- package/dist/esm/gui.config.native.js +0 -6
- package/dist/esm/gui.config.native.js.map +0 -1
|
@@ -26,17 +26,17 @@ __export(AccordionDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(AccordionDemo_exports);
|
|
28
28
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
29
|
-
var
|
|
29
|
+
var import_hanzogui = require("hanzogui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function AccordionDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Accordion, {
|
|
33
33
|
overflow: "hidden",
|
|
34
34
|
width: "$20",
|
|
35
35
|
type: "multiple",
|
|
36
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
36
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Accordion.Item, {
|
|
37
37
|
value: "a1",
|
|
38
38
|
mb: -1,
|
|
39
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
39
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.Trigger, {
|
|
40
40
|
flexDirection: "row",
|
|
41
41
|
justify: "space-between",
|
|
42
42
|
borderWidth: 1,
|
|
@@ -44,9 +44,9 @@ function AccordionDemo() {
|
|
|
44
44
|
children: ({
|
|
45
45
|
open
|
|
46
46
|
}) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
47
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
47
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
48
48
|
children: "1. Take a cold shower"
|
|
49
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
49
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
50
50
|
transparent: true,
|
|
51
51
|
transition: "quick",
|
|
52
52
|
rotate: open ? "180deg" : "0deg",
|
|
@@ -56,9 +56,9 @@ function AccordionDemo() {
|
|
|
56
56
|
})
|
|
57
57
|
})]
|
|
58
58
|
})
|
|
59
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.HeightAnimator, {
|
|
60
60
|
transition: "300ms",
|
|
61
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.Content, {
|
|
62
62
|
transition: "300ms",
|
|
63
63
|
exitStyle: {
|
|
64
64
|
opacity: 0
|
|
@@ -66,14 +66,14 @@ function AccordionDemo() {
|
|
|
66
66
|
borderWidth: 1,
|
|
67
67
|
borderTopWidth: 0,
|
|
68
68
|
borderColor: "$borderColor",
|
|
69
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
70
70
|
children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
|
|
71
71
|
})
|
|
72
72
|
})
|
|
73
73
|
})]
|
|
74
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
74
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Accordion.Item, {
|
|
75
75
|
value: "a2",
|
|
76
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
76
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.Trigger, {
|
|
77
77
|
flexDirection: "row",
|
|
78
78
|
justify: "space-between",
|
|
79
79
|
borderWidth: 1,
|
|
@@ -81,9 +81,9 @@ function AccordionDemo() {
|
|
|
81
81
|
children: ({
|
|
82
82
|
open
|
|
83
83
|
}) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
84
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
84
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
85
85
|
children: "2. Eat 4 eggs"
|
|
86
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
86
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
87
87
|
transparent: true,
|
|
88
88
|
transition: "quick",
|
|
89
89
|
rotate: open ? "180deg" : "0deg",
|
|
@@ -93,9 +93,9 @@ function AccordionDemo() {
|
|
|
93
93
|
})
|
|
94
94
|
})]
|
|
95
95
|
})
|
|
96
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
96
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.HeightAnimator, {
|
|
97
97
|
transition: "300ms",
|
|
98
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
98
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.Content, {
|
|
99
99
|
transition: "300ms",
|
|
100
100
|
exitStyle: {
|
|
101
101
|
opacity: 0
|
|
@@ -103,7 +103,7 @@ function AccordionDemo() {
|
|
|
103
103
|
borderWidth: 1,
|
|
104
104
|
borderTopWidth: 0,
|
|
105
105
|
borderColor: "$borderColor",
|
|
106
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
106
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
107
107
|
children: "Eggs have been a dietary staple since time immemorial and there's good reason for their continued presence in our menus and meals."
|
|
108
108
|
})
|
|
109
109
|
})
|
|
@@ -29,17 +29,17 @@ __export(AccordionDemo_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(AccordionDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
|
-
var
|
|
32
|
+
var import_hanzogui = require("hanzogui");
|
|
33
33
|
function AccordionDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Accordion, {
|
|
35
35
|
overflow: "hidden",
|
|
36
36
|
width: "$20",
|
|
37
37
|
type: "multiple",
|
|
38
38
|
children: [/* negative margin prevents double border between items */
|
|
39
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
39
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Accordion.Item, {
|
|
40
40
|
value: "a1",
|
|
41
41
|
mb: -1,
|
|
42
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.Trigger, {
|
|
43
43
|
flexDirection: "row",
|
|
44
44
|
justify: "space-between",
|
|
45
45
|
borderWidth: 1,
|
|
@@ -49,9 +49,9 @@ function AccordionDemo() {
|
|
|
49
49
|
open
|
|
50
50
|
} = param;
|
|
51
51
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
52
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
53
53
|
children: "1. Take a cold shower"
|
|
54
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
55
55
|
transparent: true,
|
|
56
56
|
transition: "quick",
|
|
57
57
|
rotate: open ? "180deg" : "0deg",
|
|
@@ -62,9 +62,9 @@ function AccordionDemo() {
|
|
|
62
62
|
})]
|
|
63
63
|
});
|
|
64
64
|
}
|
|
65
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.HeightAnimator, {
|
|
66
66
|
transition: "300ms",
|
|
67
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
67
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.Content, {
|
|
68
68
|
transition: "300ms",
|
|
69
69
|
exitStyle: {
|
|
70
70
|
opacity: 0
|
|
@@ -72,14 +72,14 @@ function AccordionDemo() {
|
|
|
72
72
|
borderWidth: 1,
|
|
73
73
|
borderTopWidth: 0,
|
|
74
74
|
borderColor: "$borderColor",
|
|
75
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
76
76
|
children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
|
|
77
77
|
})
|
|
78
78
|
})
|
|
79
79
|
})]
|
|
80
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
80
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Accordion.Item, {
|
|
81
81
|
value: "a2",
|
|
82
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
82
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.Trigger, {
|
|
83
83
|
flexDirection: "row",
|
|
84
84
|
justify: "space-between",
|
|
85
85
|
borderWidth: 1,
|
|
@@ -89,9 +89,9 @@ function AccordionDemo() {
|
|
|
89
89
|
open
|
|
90
90
|
} = param;
|
|
91
91
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
92
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
92
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
93
93
|
children: "2. Eat 4 eggs"
|
|
94
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
94
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
95
95
|
transparent: true,
|
|
96
96
|
transition: "quick",
|
|
97
97
|
rotate: open ? "180deg" : "0deg",
|
|
@@ -102,9 +102,9 @@ function AccordionDemo() {
|
|
|
102
102
|
})]
|
|
103
103
|
});
|
|
104
104
|
}
|
|
105
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
105
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.HeightAnimator, {
|
|
106
106
|
transition: "300ms",
|
|
107
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
107
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Accordion.Content, {
|
|
108
108
|
transition: "300ms",
|
|
109
109
|
exitStyle: {
|
|
110
110
|
opacity: 0
|
|
@@ -112,7 +112,7 @@ function AccordionDemo() {
|
|
|
112
112
|
borderWidth: 1,
|
|
113
113
|
borderTopWidth: 0,
|
|
114
114
|
borderColor: "$borderColor",
|
|
115
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
115
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
116
116
|
children: "Eggs have been a dietary staple since time immemorial and there's good reason for their continued presence in our menus and meals."
|
|
117
117
|
})
|
|
118
118
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","AccordionDemo_exports","AccordionDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsxs","Accordion","overflow","width","type","children","Item","mb","jsx","Trigger","flexDirection","justify","borderWidth","borderColor","param","open","Fragment","Paragraph","Square","transparent","transition","rotate","ChevronDown","size","color","HeightAnimator","Content","exitStyle","opacity","borderTopWidth"],"sources":["AccordionDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AccordionDemo_exports = {};\n__export(AccordionDemo_exports, {\n AccordionDemo: () => AccordionDemo\n});\nmodule.exports = __toCommonJS(AccordionDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction AccordionDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Accordion, {\n overflow: \"hidden\",\n width: \"$20\",\n type: \"multiple\",\n children: [\n /* negative margin prevents double border between items */\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Accordion.Item, {\n value: \"a1\",\n mb: -1,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Accordion.Trigger, {\n flexDirection: \"row\",\n justify: \"space-between\",\n borderWidth: 1,\n borderColor: \"$borderColor\",\n children: function(param) {\n var { open } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Paragraph, {\n children: \"1. Take a cold shower\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n transparent: true,\n transition: \"quick\",\n rotate: open ? \"180deg\" : \"0deg\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size: \"$1\",\n color: \"$color\"\n })\n })\n ]\n });\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Accordion.HeightAnimator, {\n transition: \"300ms\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Accordion.Content, {\n transition: \"300ms\",\n exitStyle: {\n opacity: 0\n },\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"$borderColor\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Paragraph, {\n children: \"Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue.\"\n })\n })\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Accordion.Item, {\n value: \"a2\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Accordion.Trigger, {\n flexDirection: \"row\",\n justify: \"space-between\",\n borderWidth: 1,\n borderColor: \"$borderColor\",\n children: function(param) {\n var { open } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Paragraph, {\n children: \"2. Eat 4 eggs\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n transparent: true,\n transition: \"quick\",\n rotate: open ? \"180deg\" : \"0deg\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size: \"$1\",\n color: \"$color\"\n })\n })\n ]\n });\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Accordion.HeightAnimator, {\n transition: \"300ms\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Accordion.Content, {\n transition: \"300ms\",\n exitStyle: {\n opacity: 0\n },\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"$borderColor\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Paragraph, {\n children: \"Eggs have been a dietary staple since time immemorial and there's good reason for their continued presence in our menus and meals.\"\n })\n })\n })\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=AccordionDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AccordionDemo_exports","__export","AccordionDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_hanzogui","jsxs","Accordion","overflow","width","type","children","Item","mb","jsx","Trigger","flexDirection","justify","borderWidth","borderColor","param","open","Fragment","Paragraph","Square","transparent","transition","rotate","ChevronDown","size","color","HeightAnimator","Content","exitStyle","opacity","borderTopWidth"],"sources":["../../src/AccordionDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4B,CAAAK,qBAAA;AAC5B,IAAAK,kBAA6C,GAAAC,OAAA;AAcjC,IAAAC,qBAAA,GAAAD,OAAA;AAZL,IAAAE,eAAS,GAAAF,OAAgB;AAC9B,SACEJ,cAAA;EAEE,0BAAAG,kBAAA,CAAAI,IAAC,EAAAD,eAAA,CAAAE,SAAU,EAAV;IACCC,QAAA;IAAAC,KAAC;IAAUC,IAAV;IAAAC,QACC,GAAc;IACN,eACR,CAAa,GAAAT,kBAAA,CAAAI,IAAA,EAAAD,eAAA,CAAAE,SAAA,CAAAK,IAAA;MAAAhB,KACb;MAAYiB,EAEX;MAEGF,QAAA,GAAgC,eAChC,IAAAT,kBAAA,CAAAY,GAAA,EAAAT,eAAC,CAAAE,SAAA,CAAAQ,OAAO;QAERC,aACF;QAAAC,OAAA;QAEJC,WAAA;QACAC,WAAA;QACGR,QAAA,WAAAA,CAAAS,KAAU;UAAV;YAAAC;UAAA,IAAAD,KAAA;UACC,sBAAW,IAAAlB,kBAAA,CAAAI,IAAA,EAAAJ,kBAAA,CAAAoB,QAAA;YACXX,QAAa,GACb,eAAa,IAAAT,kBAAA,CAAAY,GAAA,EAAAT,eAAA,CAAAkB,SAAA;cACbZ,QAAgB;YAChB,IAEA,mBAAAT,kBAAA,CAAAY,GAAA,EAAAT,eAAC,CAAAmB,MAAA;cAGDC,WAAA;cAEJC,UAAA;cACFC,MAAA,EAAAN,IAAA;cAEAV,QAAA,qBAACT,kBAAA,CAAAY,GAAA,EAAAV,qBAAqB,CACpBwB,WAAA;gBAAAC,IAAA;gBAACC,KAAA;cAAA;YACC;UAEA;QACA;MAEC,IAEG,mBAAA5B,kBAAA,CAAAY,GAAA,EAAAT,eAAC,CAAAE,SAAA,CAAAwB,cAAU;QACXL,UAAA;QAEAf,QACF,qBAAAT,kBAAA,CAAAY,GAAA,EAAAT,eAAA,CAAAE,SAAA,CAAAyB,OAAA;UAAAN,UAAA;UAEJO,SAAA;YACAC,OAAA;UACG;UAAAhB,WAAA;UACCiB,cAAW;UACXhB,WAAa,gBAAW;UACxBR,QAAA,EAAa,mBAAAT,kBAAA,CAAAY,GAAA,EAAAT,eAAA,CAAAkB,SAAA;YACbZ,QAAA,EAAgB;UAChB;QAEA;MAGA;IAEJ,CACF,GACF,mBAAAT,kBAAA,CAAAI,IAAA,EAAAD,eAAA,CAAAE,SAAA,CAAAK,IAAA;MAEJhB,KAAA","ignoreList":[]}
|
|
@@ -38,24 +38,24 @@ __export(AddThemeDemo_exports, {
|
|
|
38
38
|
module.exports = __toCommonJS(AddThemeDemo_exports);
|
|
39
39
|
var import_theme = require("@hanzogui/theme");
|
|
40
40
|
var import_react = __toESM(require("react"), 1);
|
|
41
|
-
var
|
|
41
|
+
var import_hanzogui = require("hanzogui");
|
|
42
42
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
43
|
function AddThemeDemo() {
|
|
44
44
|
const [theme, setTheme] = import_react.default.useState();
|
|
45
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
45
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
46
46
|
items: "center",
|
|
47
47
|
gap: "$4",
|
|
48
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
48
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.H3, {
|
|
49
49
|
children: ["Theme: ", theme ?? "none"]
|
|
50
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
50
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
51
51
|
name: theme ?? "red",
|
|
52
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.View, {
|
|
53
53
|
rounded: "$8",
|
|
54
54
|
width: 100,
|
|
55
55
|
height: 100,
|
|
56
56
|
bg: "$color"
|
|
57
57
|
})
|
|
58
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
59
59
|
disabled: theme === "superblue",
|
|
60
60
|
onPress: () => {
|
|
61
61
|
(0, import_theme.addTheme)({
|
|
@@ -41,23 +41,23 @@ module.exports = __toCommonJS(AddThemeDemo_exports);
|
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
var import_theme = require("@hanzogui/theme");
|
|
43
43
|
var import_react = __toESM(require("react"), 1);
|
|
44
|
-
var
|
|
44
|
+
var import_hanzogui = require("hanzogui");
|
|
45
45
|
function AddThemeDemo() {
|
|
46
46
|
var [theme, setTheme] = import_react.default.useState();
|
|
47
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
47
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
48
48
|
items: "center",
|
|
49
49
|
gap: "$4",
|
|
50
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
50
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.H3, {
|
|
51
51
|
children: ["Theme: ", theme !== null && theme !== void 0 ? theme : "none"]
|
|
52
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
53
53
|
name: theme !== null && theme !== void 0 ? theme : "red",
|
|
54
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.View, {
|
|
55
55
|
rounded: "$8",
|
|
56
56
|
width: 100,
|
|
57
57
|
height: 100,
|
|
58
58
|
bg: "$color"
|
|
59
59
|
})
|
|
60
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
61
61
|
disabled: theme === "superblue",
|
|
62
62
|
onPress: function () {
|
|
63
63
|
(0, import_theme.addTheme)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AddThemeDemo_exports","__export","AddThemeDemo","module","exports","import_jsx_runtime","require","import_theme","import_react","__toESM","import_hanzogui","theme","setTheme","default","useState","jsxs","YStack","items","gap","children","H3","jsx","Theme","name","View","rounded","width","height","bg","Button","disabled","onPress","addTheme","insertCSS"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,oBAAA;AACzB,IAAAK,kBAAkB,GAAAC,OAAA;AAElB,IAAAC,YAAA,GAAAD,OAAgD;AAO1C,IAAAE,YAAA,GAAAC,OAAA,CAAAH,OAAA;AALC,IAAAI,eAAS,GAAAJ,OAAe;AAC7B,SAAOJ,YAAOA,CAAA,EAAQ;EAEtB,KAAAS,KACE,EAAAC,QAAA,IAAAJ,YAAA,CAAAK,OAAA,CAAAC,QAAC;EACC,0BAAAT,kBAAA,CAAAU,IAAC,EAAAL,eAAA,CAAAM,MAAG;IAAAC,KAAA;IAAAC,GAAQ;IAASC,QAAO,GAE5B,mBAAAd,kBAAA,CAAAU,IAAC,EAAAL,eAAA,CAAAU,EAAA;MAIDD,QAAA,GAAC,WAAAR,KAAA,aAAAA,KAAA,cAAAA,KAAA;IACqB,EACpB,EACE,mBAAAN,kBAAS,CAAAgB,GAAA,EAAAX,eAAA,CAAAY,KAAA;MAAAC,IACP,EAAAZ,KAAM,aAAAA,KAAA,cAAAA,KAAA;MAAAQ,QACN,iBAAW,IAAAd,kBAAA,CAAAgB,GAAA,EAAAX,eAAA,CAAAc,IAAA;QAAAC,OACX,EAAO;QAAAC,KACL;QAAYC,MACZ,KAAO;QAAAC,EACT;MAAA;IAEF,IAAoB,eACtB,IAAAvB,kBAAA,CAAAgB,GAAA,EAAAX,eAAA,CAAAmB,MAAA;MACDC,QAAA,EAAAnB,KAAA;MAAAoB,OAAA,WAAAA,CAAA;QAED,IAAAxB,YAAA,CAAAyB,QAAA;UACFT,IAAA;UAEJU,SAAA","ignoreList":[]}
|
|
@@ -25,18 +25,18 @@ __export(AlertDialogDemo_exports, {
|
|
|
25
25
|
AlertDialogDemo: () => AlertDialogDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(AlertDialogDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function AlertDialogDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.AlertDialog, {
|
|
32
32
|
native: true,
|
|
33
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
33
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Trigger, {
|
|
34
34
|
asChild: true,
|
|
35
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
35
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
36
36
|
children: "Show Alert"
|
|
37
37
|
})
|
|
38
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
39
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
38
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.AlertDialog.Portal, {
|
|
39
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Overlay, {
|
|
40
40
|
transition: "quick",
|
|
41
41
|
opacity: 0.5,
|
|
42
42
|
backgroundColor: "$background",
|
|
@@ -46,7 +46,7 @@ function AlertDialogDemo() {
|
|
|
46
46
|
exitStyle: {
|
|
47
47
|
opacity: 0
|
|
48
48
|
}
|
|
49
|
-
}, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
49
|
+
}, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Content, {
|
|
50
50
|
elevate: true,
|
|
51
51
|
transition: ["quick", {
|
|
52
52
|
opacity: {
|
|
@@ -69,23 +69,23 @@ function AlertDialogDemo() {
|
|
|
69
69
|
scale: 1,
|
|
70
70
|
opacity: 1,
|
|
71
71
|
y: 0,
|
|
72
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
72
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
73
73
|
gap: "$4",
|
|
74
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
74
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Title, {
|
|
75
75
|
children: "Accept"
|
|
76
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
76
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Description, {
|
|
77
77
|
children: "By pressing yes, you accept our terms and conditions."
|
|
78
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
78
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
79
79
|
gap: "$3",
|
|
80
80
|
justify: "flex-end",
|
|
81
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
81
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Cancel, {
|
|
82
82
|
asChild: true,
|
|
83
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
84
84
|
children: "Cancel"
|
|
85
85
|
})
|
|
86
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
86
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Action, {
|
|
87
87
|
asChild: true,
|
|
88
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
88
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
89
89
|
theme: "accent",
|
|
90
90
|
children: "Accept"
|
|
91
91
|
})
|
|
@@ -28,17 +28,17 @@ __export(AlertDialogDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(AlertDialogDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
function AlertDialogDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.AlertDialog, {
|
|
34
34
|
native: true,
|
|
35
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
35
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Trigger, {
|
|
36
36
|
asChild: true,
|
|
37
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
37
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
38
38
|
children: "Show Alert"
|
|
39
39
|
})
|
|
40
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
41
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.AlertDialog.Portal, {
|
|
41
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Overlay, {
|
|
42
42
|
transition: "quick",
|
|
43
43
|
opacity: 0.5,
|
|
44
44
|
backgroundColor: "$background",
|
|
@@ -48,7 +48,7 @@ function AlertDialogDemo() {
|
|
|
48
48
|
exitStyle: {
|
|
49
49
|
opacity: 0
|
|
50
50
|
}
|
|
51
|
-
}, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
51
|
+
}, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Content, {
|
|
52
52
|
elevate: true,
|
|
53
53
|
transition: ["quick", {
|
|
54
54
|
opacity: {
|
|
@@ -71,23 +71,23 @@ function AlertDialogDemo() {
|
|
|
71
71
|
scale: 1,
|
|
72
72
|
opacity: 1,
|
|
73
73
|
y: 0,
|
|
74
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
74
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
75
75
|
gap: "$4",
|
|
76
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
76
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Title, {
|
|
77
77
|
children: "Accept"
|
|
78
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
78
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Description, {
|
|
79
79
|
children: "By pressing yes, you accept our terms and conditions."
|
|
80
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
80
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
81
81
|
gap: "$3",
|
|
82
82
|
justify: "flex-end",
|
|
83
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Cancel, {
|
|
84
84
|
asChild: true,
|
|
85
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
85
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
86
86
|
children: "Cancel"
|
|
87
87
|
})
|
|
88
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
88
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AlertDialog.Action, {
|
|
89
89
|
asChild: true,
|
|
90
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
90
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
91
91
|
theme: "accent",
|
|
92
92
|
children: "Accept"
|
|
93
93
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AlertDialogDemo_exports","__export","AlertDialogDemo","module","exports","import_jsx_runtime","require","import_hanzogui","jsxs","AlertDialog","native","children","jsx","Trigger","asChild","Button","Portal","Overlay","transition","opacity","backgroundColor","enterStyle","exitStyle","Content","elevate","overshootClamping","x","y","scale"],"sources":["../../src/AlertDialogDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAoD,CAAAK,uBAAA;AAM5C,IAAAK,kBAAA,GAAAC,OAAA;AAJD,IAAAC,eAAS,GAAAD,OAAkB;AAChC,SACEJ,gBAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,eAAA,CAAAE,WAAY;IAIbC,MAAA;IACEC,QAAA,kBAAC,IAAAN,kBAAY,CAAAO,GAAA,EAAAL,eAAA,CAAAE,WAAA,CAAAI,OAAA;MAAZC,OAAA;MAAAH,QAEC,iBAAW,IAAAN,kBAAA,CAAAO,GAAA,EAAAL,eAAA,CAAAQ,MAAA;QACXJ,QAAA,EAAS;MAAA;IACO,IACS,eACd,CAAE,GAAAN,kBAAW,CAAAG,IAAA,EAAAD,eAAA,CAAAE,WAAA,CAAAO,MAAA;MAAAL,QAAA,GALpB,mBAAAN,kBAAA,CAAAO,GAAA,EAAAL,eAAA,CAAAE,WAAA,CAAAQ,OAAA;QAMNC,UAAA;QACAC,OAAA;QAACC,eAAA,eAAY;QAAZC,UAAA;UACCF,OAAO;QAEP;QACEG,SAAA;UACAH,OAAA;QAAA;MACW,YACP,GAAmB,eACrB,IAAAd,kBAAA,CAAAO,GAAA,EAAAL,eAAA,CAAAE,WAAA,CAAAc,OAAA;QACFC,OAAA;QACFN,UAAA,GACA,SACA;UACGC,OAAA;YACIM,iBAAA;UACP;QACG,EAEH;QACEJ,UAAA;UACAK,CAAA;UAIAC,CAAA;UACER,OAAA;UAGAS,KAAA;QAEA;QACFN,SACF;UAAAI,CAAA;UA9BIC,CAAA;UA+BNR,OAAA;UACFS,KAAA;QACF;QAEJF,CAAA","ignoreList":[]}
|
|
@@ -37,7 +37,7 @@ __export(AnimationsDelayDemo_exports, {
|
|
|
37
37
|
});
|
|
38
38
|
module.exports = __toCommonJS(AnimationsDelayDemo_exports);
|
|
39
39
|
var import_react = __toESM(require("react"), 1);
|
|
40
|
-
var
|
|
40
|
+
var import_hanzogui = require("hanzogui");
|
|
41
41
|
var import_useOnIntersecting = require("./useOnIntersecting.cjs");
|
|
42
42
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
43
|
const colors = ["$color9", "$color10", "$color11", "$color12"];
|
|
@@ -47,22 +47,22 @@ function AnimationsDelayDemo() {
|
|
|
47
47
|
once: true
|
|
48
48
|
});
|
|
49
49
|
const [show, setShow] = import_react.default.useState(true);
|
|
50
|
-
if (
|
|
51
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
50
|
+
if (import_hanzogui.isWeb && !hasIntersected) {
|
|
51
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
52
52
|
ref,
|
|
53
53
|
height: 150
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
56
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
57
57
|
gap: "$4",
|
|
58
58
|
items: "center",
|
|
59
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
60
60
|
gap: "$3",
|
|
61
61
|
height: 100,
|
|
62
62
|
items: "center",
|
|
63
63
|
justify: "center",
|
|
64
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
-
children: show && colors.map((color, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
64
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AnimatePresence, {
|
|
65
|
+
children: show && colors.map((color, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
66
66
|
transition: ["200ms", {
|
|
67
67
|
delay: i * 100
|
|
68
68
|
}],
|
|
@@ -81,7 +81,7 @@ function AnimationsDelayDemo() {
|
|
|
81
81
|
rounded: "$4"
|
|
82
82
|
}, color))
|
|
83
83
|
})
|
|
84
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
84
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
85
85
|
size: "$3",
|
|
86
86
|
onPress: () => setShow(!show),
|
|
87
87
|
children: show ? "Hide" : "Show"
|
|
@@ -40,7 +40,7 @@ __export(AnimationsDelayDemo_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(AnimationsDelayDemo_exports);
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
var import_react = __toESM(require("react"), 1);
|
|
43
|
-
var
|
|
43
|
+
var import_hanzogui = require("hanzogui");
|
|
44
44
|
var import_useOnIntersecting = require("./useOnIntersecting.native.js");
|
|
45
45
|
var colors = ["$color9", "$color10", "$color11", "$color12"];
|
|
46
46
|
function AnimationsDelayDemo() {
|
|
@@ -49,23 +49,23 @@ function AnimationsDelayDemo() {
|
|
|
49
49
|
once: true
|
|
50
50
|
});
|
|
51
51
|
var [show, setShow] = import_react.default.useState(true);
|
|
52
|
-
if (
|
|
53
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
+
if (import_hanzogui.isWeb && !hasIntersected) {
|
|
53
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
54
54
|
ref,
|
|
55
55
|
height: 150
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
58
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
59
59
|
gap: "$4",
|
|
60
60
|
items: "center",
|
|
61
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
62
62
|
gap: "$3",
|
|
63
63
|
height: 100,
|
|
64
64
|
items: "center",
|
|
65
65
|
justify: "center",
|
|
66
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
66
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AnimatePresence, {
|
|
67
67
|
children: show && colors.map(function (color, i) {
|
|
68
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
68
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
69
69
|
transition: ["200ms", {
|
|
70
70
|
delay: i * 100
|
|
71
71
|
}],
|
|
@@ -85,7 +85,7 @@ function AnimationsDelayDemo() {
|
|
|
85
85
|
}, color);
|
|
86
86
|
})
|
|
87
87
|
})
|
|
88
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
88
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
89
89
|
size: "$3",
|
|
90
90
|
onPress: function () {
|
|
91
91
|
return setShow(!show);
|