@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDelayDemo_exports","__export","AnimationsDelayDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_hanzogui","import_useOnIntersecting","colors","ref","default","useRef","hasIntersected","useIsIntersecting","once","show","setShow","useState","isWeb","jsx","YStack","height","jsxs","gap","items","children","XStack","justify","AnimatePresence","map","color","i","Square","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAAA;AAClB,IAAAK,kBAAuE,GAAAC,OAAA;AAEvE,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAkC;AAUvB,IAAAG,eAAA,GAAAH,OAAA;AARX,IAAAI,wBAA2B,GAAAJ,OAAA,CAAY,+BAAY,CAAU;AAEtD,IAAAK,MAAS,IACd,SAAM,EACN,UAAM,EACN,UAAO,EAEP,UAAI,CACF;AAA6C,SAC/CT,oBAAA;EAEA,IAAAU,GACE,GAAAL,YAAA,CAAAM,OAAA,CAAAC,MAAA;EACE,IAAAC,cAAA,OAAAL,wBAAC,CAAAM,iBAAA,EAAAJ,GAAO;IAIAK,IAAC;EAAA;EAAA,KAAAC,IAEC,EAAAC,OAAY,CAAC,GAAAZ,YAAW,CAAAM,OAAW,CAAAO,QAAK;EAAA,IAAAX,eAC5B,CAAAY,KAAA,KAAAN,cAAA;IAAA,OACV,eAAS,IAAAV,kBAAA,CAAAiB,GAAA,EAAAb,eAAA,CAAAc,MAAA;MAAAX,GAAA;MACFY,MACP,EAAG;IAAA;EACL;EACW,sBACA,IAAAnB,kBAAA,CAAAoB,IAAA,EAAAhB,eAAA,CAAAc,MAAA;IAAAG,GAAA,MACT;IAAOC,KAAA,EACP,QAAG;IAAAC,QACL,kBACM,IAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,eAAA,CAAAoB,MAAA;MACNH,GAAA,EAAI;MACJF,MAAA,KAAQ;MAAAG,KAAA;MAdHG,OAAA;MAiBbF,QACF,qBAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,eAAA,CAAAsB,eAAA;QAEAH,QAAA,EAAAV,IAAA,IAAAP,MAAA,CAAAqB,GAAA,WAACC,KAAA,EAAAC,CAAA;UAGH,0BAAA7B,kBAAA,CAAAiB,GAAA,EAAAb,eAAA,CAAA0B,MAAA;YAEJC,UAAA,G","ignoreList":[]}
|
|
@@ -28,22 +28,22 @@ __export(AnimationsDemo_exports, {
|
|
|
28
28
|
module.exports = __toCommonJS(AnimationsDemo_exports);
|
|
29
29
|
var import_logo = require("@hanzogui/logo");
|
|
30
30
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
33
|
function AnimationsDemo(props) {
|
|
34
|
-
const [positionI, setPositionI] = (0,
|
|
34
|
+
const [positionI, setPositionI] = (0, import_hanzogui.useControllableState)({
|
|
35
35
|
strategy: "most-recent-wins",
|
|
36
36
|
prop: props.position,
|
|
37
37
|
defaultProp: 0
|
|
38
38
|
});
|
|
39
39
|
const position = positions[positionI];
|
|
40
|
-
const onPress = (0,
|
|
40
|
+
const onPress = (0, import_hanzogui.useEvent)(() => {
|
|
41
41
|
setPositionI(x => {
|
|
42
42
|
return (x + 1) % positions.length;
|
|
43
43
|
});
|
|
44
44
|
});
|
|
45
45
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
46
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
46
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
47
47
|
transition: props.animation ?? "bouncy",
|
|
48
48
|
animateOnly: ["transform"],
|
|
49
49
|
onPress,
|
|
@@ -59,10 +59,10 @@ function AnimationsDemo(props) {
|
|
|
59
59
|
scale: 0.9
|
|
60
60
|
},
|
|
61
61
|
...position,
|
|
62
|
-
children:
|
|
62
|
+
children: import_hanzogui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
|
|
63
63
|
downscale: 0.75
|
|
64
64
|
})
|
|
65
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
66
66
|
position: "absolute",
|
|
67
67
|
b: 20,
|
|
68
68
|
l: 20,
|
|
@@ -31,22 +31,22 @@ module.exports = __toCommonJS(AnimationsDemo_exports);
|
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_logo = require("@hanzogui/logo");
|
|
33
33
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
34
|
-
var
|
|
34
|
+
var import_hanzogui = require("hanzogui");
|
|
35
35
|
function AnimationsDemo(props) {
|
|
36
|
-
var [positionI, setPositionI] = (0,
|
|
36
|
+
var [positionI, setPositionI] = (0, import_hanzogui.useControllableState)({
|
|
37
37
|
strategy: "most-recent-wins",
|
|
38
38
|
prop: props.position,
|
|
39
39
|
defaultProp: 0
|
|
40
40
|
});
|
|
41
41
|
var position = positions[positionI];
|
|
42
|
-
var onPress = (0,
|
|
42
|
+
var onPress = (0, import_hanzogui.useEvent)(function () {
|
|
43
43
|
setPositionI(function (x) {
|
|
44
44
|
return (x + 1) % positions.length;
|
|
45
45
|
});
|
|
46
46
|
});
|
|
47
47
|
var _props_animation, _props_tint;
|
|
48
48
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
49
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
49
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
50
50
|
transition: (_props_animation = props.animation) !== null && _props_animation !== void 0 ? _props_animation : "bouncy",
|
|
51
51
|
animateOnly: ["transform"],
|
|
52
52
|
onPress,
|
|
@@ -62,10 +62,10 @@ function AnimationsDemo(props) {
|
|
|
62
62
|
scale: 0.9
|
|
63
63
|
},
|
|
64
64
|
...position,
|
|
65
|
-
children:
|
|
65
|
+
children: import_hanzogui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
|
|
66
66
|
downscale: 0.75
|
|
67
67
|
})
|
|
68
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
68
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
69
69
|
position: "absolute",
|
|
70
70
|
b: 20,
|
|
71
71
|
l: 20,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDemo_exports","__export","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","import_lucide_icons_2","import_hanzogui","props","positionI","setPositionI","useControllableState","strategy","prop","position","defaultProp","onPress","useEvent","x","length","_props_animation","_props_tint","jsxs","Fragment","children","jsx","Square","transition","animation","animateOnly","size","borderColor","borderWidth","rounded","bg","hoverStyle","scale","pressStyle","isWeb","LogoIcon","downscale","Button","b","l","icon","Play","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,sBAAA;AACzB,IAAAM,kBAAA,GAAAC,OAAqB;AACrB,IAAAC,WAAA,GAAAD,OAA6E;AAgBzE,IAAAE,qBAAA,GAAAF,OAAA;AAdG,IAAAG,eAAS,GAAAH,OAAe,WAAO;AACpC,SAAOL,cAAWA,CAAAS,KAAA;EAAqC,IACrD,CAAAC,SAAU,EAAAC,YAAA,QAAAH,eAAA,CAAAI,oBAAA;IACVC,QAAM,oBAAM;IACZC,IAAA,EAAAL,KAAA,CAAAM,QAAa;IACdC,WAAA;EACD;EACA,IAAAD,QAAM,GAAAd,SAAU,CAAAS,SAAA;EACd,IAAAO,OAAA,IAAa,CAAC,EAAAT,eAAM,CAAAU,QAAA;IAClBP,YAAQ,WAASQ,CAAA;MAClB,QAAAA,CAAA,QAAAlB,SAAA,CAAAmB,MAAA;IACF;EAED;EAEI,IAAAC,gBAAA,EAAAC,WAAA;EAAA,OAAC,mBAAAlB,kBAAA,CAAAmB,IAAA,EAAAnB,kBAAA,CAAAoB,QAAA;IAAAC,QAAA,kBACa,IAAMrB,kBAAa,CAAAsB,GAAA,EAAAlB,eAAA,CAAAmB,MAAA;MAC/BC,UAAA,GAAaP,gBAAY,GAAAZ,KAAA,CAAAoB,SAAA,cAAAR,gBAAA,cAAAA,gBAAA;MACzBS,WAAA,GACA,WAAM,CACN;MACAb,OAAA;MACAc,IAAA,KAAQ;MACRC,WAAG;MACHC,WAAA,EAAY;MAAAC,OACV,EAAO;MACTC,EAAA;MACAC,UAAA,EAAY;QACVC,KAAA,EAAO;MACT;MACCC,UAAG;QAEHD,KAAA;MAAoC;MACvC,GAAAtB,QAAA;MAEAU,QAAA,EAAAjB,eAAA,CAAA+B,KAAA,uBAAAnC,kBAAA,CAAAsB,GAAA,EAAApB,WAAA,CAAAkC,QAAA;QAACC,SAAA;MAAA;IAAA,EACC,EAAS,eACN,IAAArC,kBAAA,CAAAsB,GAAA,EAAAlB,eAAA,CAAAkC,MAAA;MACH3B,QAAG;MACH4B,CAAA;MACAC,CAAA;MACAC,IAAA,EAAKtC,qBAAA,CAAAuC,IAAA;MACLC,KAAA,GAAAzB,WAAQ,GAAAb,KAAA,CAAAuC,IAAA,cAAA1B,WAAA,cAAAA,WAAA;MACRS,IAAA;MAAAkB,QAAA;MACFhC;IACF;EAIG;AAAkB;AACvB,IACEhB,SAAG;EAEHkB,CAAA;EACA+B,CAAA;EACFb,KAAA;EACAc,MAAA;AAAA,GACK;EAEHhC,CAAA;EACA+B,CAAA;EACAb,KAAA;EAAYc,MACV,UAAO;EACTf,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACA;AAAA,GACK;EAEHlB,CAAA;EACA+B,CAAA;EACAb,KAAA;EAAYc,MACV,UAAO;EACTf,UAAA;IACAC,KAAA;EAAY;EAEZC,UAAA;IACFD,KAAA;EACF","ignoreList":[]}
|
|
@@ -38,7 +38,7 @@ __export(AnimationsEnterDemo_exports, {
|
|
|
38
38
|
module.exports = __toCommonJS(AnimationsEnterDemo_exports);
|
|
39
39
|
var import_react = __toESM(require("react"), 1);
|
|
40
40
|
var import_logo = require("@hanzogui/logo");
|
|
41
|
-
var
|
|
41
|
+
var import_hanzogui = require("hanzogui");
|
|
42
42
|
var import_useOnIntersecting = require("./useOnIntersecting.cjs");
|
|
43
43
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
44
44
|
function AnimationsEnterDemo(props) {
|
|
@@ -47,13 +47,13 @@ function AnimationsEnterDemo(props) {
|
|
|
47
47
|
const hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
|
|
48
48
|
once: true
|
|
49
49
|
});
|
|
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
|
});
|
|
54
54
|
}
|
|
55
55
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
56
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
57
57
|
enterStyle: {
|
|
58
58
|
scale: 1.5,
|
|
59
59
|
y: -10,
|
|
@@ -70,7 +70,7 @@ function AnimationsEnterDemo(props) {
|
|
|
70
70
|
children: props.children ?? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
|
|
71
71
|
downscale: 0.75
|
|
72
72
|
})
|
|
73
|
-
}, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
73
|
+
}, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
74
74
|
size: "$3",
|
|
75
75
|
mt: "$4",
|
|
76
76
|
onPress: () => setKey(Math.random()),
|
|
@@ -41,7 +41,7 @@ module.exports = __toCommonJS(AnimationsEnterDemo_exports);
|
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
var import_react = __toESM(require("react"), 1);
|
|
43
43
|
var import_logo = require("@hanzogui/logo");
|
|
44
|
-
var
|
|
44
|
+
var import_hanzogui = require("hanzogui");
|
|
45
45
|
var import_useOnIntersecting = require("./useOnIntersecting.native.js");
|
|
46
46
|
function AnimationsEnterDemo(props) {
|
|
47
47
|
var ref = import_react.default.useRef(null);
|
|
@@ -49,14 +49,14 @@ function AnimationsEnterDemo(props) {
|
|
|
49
49
|
var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
|
|
50
50
|
once: true
|
|
51
51
|
});
|
|
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
|
});
|
|
56
56
|
}
|
|
57
57
|
var _props_children;
|
|
58
58
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
59
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
60
60
|
enterStyle: {
|
|
61
61
|
scale: 1.5,
|
|
62
62
|
y: -10,
|
|
@@ -73,7 +73,7 @@ function AnimationsEnterDemo(props) {
|
|
|
73
73
|
children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
|
|
74
74
|
downscale: 0.75
|
|
75
75
|
})
|
|
76
|
-
}, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
76
|
+
}, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
77
77
|
size: "$3",
|
|
78
78
|
mt: "$4",
|
|
79
79
|
onPress: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsEnterDemo_exports","__export","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_logo","import_hanzogui","import_useOnIntersecting","React","props","ref","default","useRef","key","setKey","useState","hasIntersected","useIsIntersecting","once","isWeb","jsx","YStack","_props_children","jsxs","Fragment","children","Square","enterStyle","scale","y","opacity","transition","elevation","size","bg","rounded","LogoIcon","downscale"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAAA;AAClB,IAAAK,kBAAyB,GAAAC,OAAA;AAEzB,IAAAC,YAAA,GAAAC,OAA8C,CAAAF,OAAA;AAE9C,IAAAG,WAAA,GAAAH,OAAA,iBAAkC;AAQvB,IAAAI,eAAA,GAAAJ,OAAA;AANJ,IAAAK,wBAAS,GAAoBL,OAAY;AAC9C,SAAMJ,mBAAMU,CAAAC,KAAA,EAAM;EAClB,IAAAC,GAAO,GAAAP,YAAe,CAAAQ,OAAA,CAAAC,MAAA,MAAM;EAC5B,KAAAC,GAAM,EAAAC,MAAA,IAAAX,YAAiB,CAAAQ,OAAA,CAAAI,QAAA;EAEvB,IAAIC,cAAA,OAAAT,wBAA0B,CAAAU,iBAAA,EAAAP,GAAA;IAC5BQ,IAAA;EACF;EAEA,IAAAZ,eACE,CAAAa,KAAA,KAAAH,cAAA;IACE,0BAAAf,kBAAA,CAAAmB,GAAA,EAAAd,eAAA,CAAAe,MAAA;MAACX;IAAA;EAAA;EAEa,IAAAY,eACH;EAAA,sBACJ,IAAArB,kBAAA,CAAAsB,IAAA,EAAAtB,kBAAA,CAAAuB,QAAA;IAAAC,QACH,GAAS,eACX,IAAAxB,kBAAA,CAAAmB,GAAA,EAAAd,eAAA,CAAAoB,MAAA;MACAC,UAAA,EAAW;QACXC,KAAA,KAAU;QACVC,CAAA,GAAM;QACNC,OAAS;MACT;MACAC,UAAG;MACHC,SAAG;MACHC,IAAA,KAAQ;MAEPH,OAAA;MAA6CF,KAAA;MAfzCC,CAAA;MAgBPK,EAAA;MAEAC,OAAA;MAGFV,QAAA,GAAAH,eAAA,GAAAb,KAAA,CAAAgB,QAAA,cAAAH,eAAA,cAAAA,eAAA,sBAAArB,kBAAA,CAAAmB,GAAA,EAAAf,WAAA,CAAA+B,QAAA;QAEJC,SAAA","ignoreList":[]}
|
|
@@ -26,10 +26,10 @@ __export(AnimationsHoverDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(AnimationsHoverDemo_exports);
|
|
28
28
|
var import_logo = require("@hanzogui/logo");
|
|
29
|
-
var
|
|
29
|
+
var import_hanzogui = require("hanzogui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function AnimationsHoverDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
33
33
|
borderColor: "$borderColor",
|
|
34
34
|
transition: "bouncy",
|
|
35
35
|
elevation: "$4",
|
|
@@ -29,9 +29,9 @@ __export(AnimationsHoverDemo_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(AnimationsHoverDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_logo = require("@hanzogui/logo");
|
|
32
|
-
var
|
|
32
|
+
var import_hanzogui = require("hanzogui");
|
|
33
33
|
function AnimationsHoverDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
35
35
|
borderColor: "$borderColor",
|
|
36
36
|
transition: "bouncy",
|
|
37
37
|
elevation: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsHoverDemo_exports","__export","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","import_hanzogui","jsx","Square","borderColor","transition","elevation","bg","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsHoverDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,2BAAA;AACzB,IAAAK,kBAAuB,GAAAC,OAAA;AAkBjB,IAAAC,WAAA,GAAAD,OAAA;AAhBC,IAAAE,eAAS,GAAAF,OAAA,WAAsB;AACpC,SACEJ,oBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAE,MAAA;IAAAC,WAAA;IAAAC,UACC,UAAY;IAAAC,SACZ,MAAW;IAAAC,EACX,WAAU;IAAAC,IACV,EAAG;IAAAC,OACH,EAAM;IAAAC,UACN,EAAQ;MACRC,KAAA;IAAY;IACHC,UACT;MACAD,KAAA;IAAY;IACHE,QACT,qBAAAf,kBAAA,CAAAI,GAAA,EAAAF,WAAA,CAAAc,QAAA;MAEAC,SAAA;IAA2B;EAC7B;AAEJ","ignoreList":[]}
|
|
@@ -40,13 +40,13 @@ module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
|
|
|
40
40
|
var import_react = __toESM(require("react"), 1);
|
|
41
41
|
var import_animate_presence = require("@hanzogui/animate-presence");
|
|
42
42
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
43
|
-
var
|
|
43
|
+
var import_hanzogui = require("hanzogui");
|
|
44
44
|
var import_photo1 = __toESM(require("../../public/photo1.jpg"), 1);
|
|
45
45
|
var import_photo2 = __toESM(require("../../public/photo2.jpg"), 1);
|
|
46
46
|
var import_photo3 = __toESM(require("../../public/photo3.jpg"), 1);
|
|
47
47
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
48
48
|
const images = [import_photo1.default, import_photo2.default, import_photo3.default].map(x => x.src || x);
|
|
49
|
-
const GalleryItem = (0,
|
|
49
|
+
const GalleryItem = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
|
|
50
50
|
z: 1,
|
|
51
51
|
x: 0,
|
|
52
52
|
opacity: 1,
|
|
@@ -78,7 +78,7 @@ function AnimationsPresenceDemo() {
|
|
|
78
78
|
const paginate = going2 => {
|
|
79
79
|
setPage([page + going2, going2]);
|
|
80
80
|
};
|
|
81
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
81
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
82
82
|
overflow: "hidden",
|
|
83
83
|
bg: "#000",
|
|
84
84
|
position: "relative",
|
|
@@ -93,14 +93,14 @@ function AnimationsPresenceDemo() {
|
|
|
93
93
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GalleryItem, {
|
|
94
94
|
transition: "slow",
|
|
95
95
|
going,
|
|
96
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
96
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Image, {
|
|
97
97
|
src: images[imageIndex],
|
|
98
98
|
width: 820,
|
|
99
99
|
height: 300,
|
|
100
100
|
objectFit: "cover"
|
|
101
101
|
})
|
|
102
102
|
}, page)
|
|
103
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
103
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
104
104
|
"aria-label": "Carousel left",
|
|
105
105
|
icon: import_lucide_icons_2.ArrowLeft,
|
|
106
106
|
size: "$5",
|
|
@@ -110,7 +110,7 @@ function AnimationsPresenceDemo() {
|
|
|
110
110
|
onPress: () => paginate(-1),
|
|
111
111
|
boxShadow: "0 0 10px rgba(0,0,0,0.5)",
|
|
112
112
|
z: 100
|
|
113
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
113
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
114
114
|
"aria-label": "Carousel right",
|
|
115
115
|
icon: import_lucide_icons_2.ArrowRight,
|
|
116
116
|
size: "$5",
|
|
@@ -43,14 +43,14 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
43
43
|
var import_react = __toESM(require("react"), 1);
|
|
44
44
|
var import_animate_presence = require("@hanzogui/animate-presence");
|
|
45
45
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
46
|
-
var
|
|
46
|
+
var import_hanzogui = require("hanzogui");
|
|
47
47
|
var import_photo1 = __toESM(require("../../public/photo1.jpg"), 1);
|
|
48
48
|
var import_photo2 = __toESM(require("../../public/photo2.jpg"), 1);
|
|
49
49
|
var import_photo3 = __toESM(require("../../public/photo3.jpg"), 1);
|
|
50
50
|
var images = [import_photo1.default, import_photo2.default, import_photo3.default].map(function (x) {
|
|
51
51
|
return x.src || x;
|
|
52
52
|
});
|
|
53
|
-
var GalleryItem = (0,
|
|
53
|
+
var GalleryItem = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
|
|
54
54
|
z: 1,
|
|
55
55
|
x: 0,
|
|
56
56
|
opacity: 1,
|
|
@@ -84,7 +84,7 @@ function AnimationsPresenceDemo() {
|
|
|
84
84
|
var paginate = function (going2) {
|
|
85
85
|
setPage([page + going2, going2]);
|
|
86
86
|
};
|
|
87
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
87
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
88
88
|
overflow: "hidden",
|
|
89
89
|
bg: "#000",
|
|
90
90
|
position: "relative",
|
|
@@ -99,14 +99,14 @@ function AnimationsPresenceDemo() {
|
|
|
99
99
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GalleryItem, {
|
|
100
100
|
transition: "slow",
|
|
101
101
|
going,
|
|
102
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
102
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Image, {
|
|
103
103
|
src: images[imageIndex],
|
|
104
104
|
width: 820,
|
|
105
105
|
height: 300,
|
|
106
106
|
objectFit: "cover"
|
|
107
107
|
})
|
|
108
108
|
}, page)
|
|
109
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
109
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
110
110
|
"aria-label": "Carousel left",
|
|
111
111
|
icon: import_lucide_icons_2.ArrowLeft,
|
|
112
112
|
size: "$5",
|
|
@@ -118,7 +118,7 @@ function AnimationsPresenceDemo() {
|
|
|
118
118
|
},
|
|
119
119
|
boxShadow: "0 0 10px rgba(0,0,0,0.5)",
|
|
120
120
|
z: 100
|
|
121
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
121
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
122
122
|
"aria-label": "Carousel right",
|
|
123
123
|
icon: import_lucide_icons_2.ArrowRight,
|
|
124
124
|
size: "$5",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","AnimationsPresenceDemo_exports","AnimationsPresenceDemo","images","module","exports","import_jsx_runtime","require","import_react","import_animate_presence","import_lucide_icons_2","import_gui","import_photo1","import_photo2","import_photo3","default","map","x","src","GalleryItem","styled","YStack","z","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","zIndex","wrap","min","max","v","rangeSize","page","setPage","useState","imageIndex","length","paginate","going2","jsxs","XStack","overflow","bg","position","height","width","items","children","jsx","AnimatePresence","initial","custom","transition","Image","objectFit","Button","icon","ArrowLeft","size","l","circular","onPress","boxShadow","ArrowRight","r"],"sources":["AnimationsPresenceDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsPresenceDemo_exports = {};\n__export(AnimationsPresenceDemo_exports, {\n AnimationsPresenceDemo: () => AnimationsPresenceDemo,\n images: () => images\n});\nmodule.exports = __toCommonJS(AnimationsPresenceDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_animate_presence = require(\"@hanzogui/animate-presence\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nvar import_photo1 = __toESM(require(\"../../public/photo1.jpg\"), 1);\nvar import_photo2 = __toESM(require(\"../../public/photo2.jpg\"), 1);\nvar import_photo3 = __toESM(require(\"../../public/photo3.jpg\"), 1);\nvar images = [\n import_photo1.default,\n import_photo2.default,\n import_photo3.default\n].map(function(x) {\n return x.src || x;\n});\nvar GalleryItem = (0, import_gui.styled)(import_gui.YStack, {\n z: 1,\n x: 0,\n opacity: 1,\n fullscreen: true,\n variants: {\n // 1 = right, 0 = nowhere, -1 = left\n going: {\n \":number\": function(going) {\n return {\n enterStyle: {\n x: going > 0 ? 1e3 : -1e3,\n opacity: 0\n },\n exitStyle: {\n zIndex: 0,\n x: going < 0 ? 1e3 : -1e3,\n opacity: 0\n }\n };\n }\n }\n }\n});\nvar wrap = function(min, max, v) {\n var rangeSize = max - min;\n return ((v - min) % rangeSize + rangeSize) % rangeSize + min;\n};\nfunction AnimationsPresenceDemo() {\n var [[page, going], setPage] = import_react.default.useState([\n 0,\n 0\n ]);\n var imageIndex = wrap(0, images.length, page);\n var paginate = function(going2) {\n setPage([\n page + going2,\n going2\n ]);\n };\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n overflow: \"hidden\",\n bg: \"#000\",\n position: \"relative\",\n height: 300,\n width: \"100%\",\n items: \"center\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {\n initial: false,\n custom: {\n going\n },\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GalleryItem, {\n transition: \"slow\",\n going,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Image, {\n src: images[imageIndex],\n width: 820,\n height: 300,\n objectFit: \"cover\"\n })\n }, page)\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n \"aria-label\": \"Carousel left\",\n icon: import_lucide_icons_2.ArrowLeft,\n size: \"$5\",\n position: \"absolute\",\n l: \"$4\",\n circular: true,\n onPress: function() {\n return paginate(-1);\n },\n boxShadow: \"0 0 10px rgba(0,0,0,0.5)\",\n z: 100\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n \"aria-label\": \"Carousel right\",\n icon: import_lucide_icons_2.ArrowRight,\n size: \"$5\",\n position: \"absolute\",\n r: \"$4\",\n circular: true,\n onPress: function() {\n return paginate(1);\n },\n boxShadow: \"0 0 10px rgba(0,0,0,0.5)\",\n z: 100\n })\n ]\n });\n}\n//# sourceMappingURL=AnimationsPresenceDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsPresenceDemo_exports","__export","AnimationsPresenceDemo","images","module","exports","import_jsx_runtime","require","import_react","__toESM","import_animate_presence","import_lucide_icons_2","import_hanzogui","import_photo1","import_photo2","import_photo3","default","map","x","src","GalleryItem","styled","YStack","z","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","zIndex","wrap","min","max","v","rangeSize","page","setPage","useState","imageIndex","length","paginate","going2","jsxs","XStack","overflow","bg","position","height","width","items","children","jsx","AnimatePresence","initial","custom","transition","Image","objectFit","Button","icon","ArrowLeft","size"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -26,10 +26,10 @@ __export(AnimationsTimingDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(AnimationsTimingDemo_exports);
|
|
28
28
|
var import_logo = require("@hanzogui/logo");
|
|
29
|
-
var
|
|
29
|
+
var import_hanzogui = require("hanzogui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function AnimationsTimingDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
33
33
|
bg: "$color9",
|
|
34
34
|
transition: "100ms",
|
|
35
35
|
elevation: "$4",
|
|
@@ -29,9 +29,9 @@ __export(AnimationsTimingDemo_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(AnimationsTimingDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_logo = require("@hanzogui/logo");
|
|
32
|
-
var
|
|
32
|
+
var import_hanzogui = require("hanzogui");
|
|
33
33
|
function AnimationsTimingDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
35
35
|
bg: "$color9",
|
|
36
36
|
transition: "100ms",
|
|
37
37
|
elevation: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsTimingDemo_exports","__export","AnimationsTimingDemo","module","exports","import_jsx_runtime","require","import_logo","import_hanzogui","jsx","Square","bg","transition","elevation","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsTimingDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,4BAAA;AACzB,IAAAK,kBAAuB,GAAAC,OAAA;AAiBjB,IAAAC,WAAA,GAAAD,OAAA;AAfC,IAAAE,eAAS,GAAAF,OAAA,WAAuB;AACrC,SACEJ,qBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAE,MAAA;IAAAC,EAAA;IAAAC,UACI;IAAAC,SACH,MAAW;IAAAC,IACX;IAAUC,OACV,EAAM;IAAAC,UACN,EAAQ;MACRC,KAAA;IAAY;IACHC,UACT;MACAD,KAAA;IAAY;IACHE,QACT,qBAAAd,kBAAA,CAAAI,GAAA,EAAAF,WAAA,CAAAa,QAAA;MAEAC,SAAA;IAA2B;EAC7B;AAEJ","ignoreList":[]}
|
package/dist/cjs/AvatarDemo.cjs
CHANGED
|
@@ -25,28 +25,28 @@ __export(AvatarDemo_exports, {
|
|
|
25
25
|
AvatarDemo: () => AvatarDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(AvatarDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function AvatarDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
32
32
|
items: "center",
|
|
33
33
|
gap: "$6",
|
|
34
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Avatar, {
|
|
35
35
|
circular: true,
|
|
36
36
|
size: "$10",
|
|
37
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
37
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Image, {
|
|
38
38
|
"aria-label": "Cam",
|
|
39
39
|
src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
|
|
40
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Fallback, {
|
|
41
41
|
bg: "$blue10"
|
|
42
42
|
})]
|
|
43
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
43
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Avatar, {
|
|
44
44
|
circular: true,
|
|
45
45
|
size: "$8",
|
|
46
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
46
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Image, {
|
|
47
47
|
"aria-label": "Nate Wienert",
|
|
48
48
|
src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
|
|
49
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
49
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Fallback, {
|
|
50
50
|
delayMs: 600,
|
|
51
51
|
bg: "$blue10"
|
|
52
52
|
})]
|
|
@@ -28,27 +28,27 @@ __export(AvatarDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(AvatarDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
function AvatarDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
34
34
|
items: "center",
|
|
35
35
|
gap: "$6",
|
|
36
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
36
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Avatar, {
|
|
37
37
|
circular: true,
|
|
38
38
|
size: "$10",
|
|
39
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
39
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Image, {
|
|
40
40
|
"aria-label": "Cam",
|
|
41
41
|
src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
|
|
42
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Fallback, {
|
|
43
43
|
bg: "$blue10"
|
|
44
44
|
})]
|
|
45
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
45
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Avatar, {
|
|
46
46
|
circular: true,
|
|
47
47
|
size: "$8",
|
|
48
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
48
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Image, {
|
|
49
49
|
"aria-label": "Nate Wienert",
|
|
50
50
|
src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
|
|
51
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
51
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Avatar.Fallback, {
|
|
52
52
|
delayMs: 600,
|
|
53
53
|
bg: "$blue10"
|
|
54
54
|
})]
|