@hanzogui/demos 4.3.1 → 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/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/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/{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":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDemo_exports","__export","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","import_lucide_icons_2","
|
|
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":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsEnterDemo_exports","__export","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_logo","
|
|
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":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsHoverDemo_exports","__export","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","
|
|
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":["__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","
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAkB,CAAAK,8BAAA;AAClB,IAAAM,kBAAA,GAAAC,OAAgC;AAChC,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAsC;AAEtC,IAAAG,uBAAsD,GAAAH,OAAA;AAGtD,IAAAI,qBAAmB,GAAAJ,OAAA;AAEnB,IAAAK,eAAA,GAAmBL,OAAA;AAEnB,IAAAM,aAAA,GAAmBJ,OAAA,CAAAF,OAAA;AA0Cf,IAAAO,aAAA,GAAAL,OAAA,CAAAF,OAAA;AAxCG,IAAAQ,aAAgB,GAAAN,OAAA,CAAAF,OAAA,0BAAQ,CAAQ;AAEvC,IAAAJ,MAAM,IACJU,aAAG,CAAAG,OAAA,EACHF,aAAG,CAAAE,OAAA,EACHD,aAAS,CAAAC,OAAA,EACTC,GAAA,WAAYC,CAAA;EAEZ,OAAAA,CAAA,CAAAC,GAAU,IAAAD,CAAA;AAAA;AAAA,IAERE,WAAO,OAAAR,eAAA,CAAAS,MAAA,EAAAT,eAAA,CAAAU,MAAA;EAAAC,CAAA,GACL;EAAuBL,CAAA;EACTM,OAAA,EACV;EAAsBC,UACtB;EAASC,QACX;IAAA;IACWC,KAAA,EACT;MAAQ,SACL,WAAAC,CAAYD,KAAO;QAAA,OACtB;UACFE,UAAA;YACFX,CAAA,EAAAS,KAAA;YACFH,OAAA;UACF;UACDM,SAAA;YAEKC,MAAQ,EAAa;YACnBb,CAAA,EAAAS,KAAY,OAAM;YACbH,OAAI;UACjB;QAEO,CAAS;MACd;IAEA;EACA;AACE;AAA6B,IAC/BQ,IAAA,YAAAA,CAAAC,GAAA,EAAAC,GAAA,EAAAC,CAAA;EAEA,IAAAC,SACE,GAAAF,GAAA,GAAAD,GAAA;EAAA,OAAC,EAAAE,CAAA,GAAAF,GAAA,IAAAG,SAAA,GAAAA,SAAA,IAAAA,SAAA,GAAAH,GAAA;AAAA;AAAA,SACC/B,sBAASA,CAAA;EAAA,IACT,EAAAmC,IAAG,EAAAV,KAAA,GAAAW,OAAA,IAAA9B,YAAA,CAAAQ,OAAA,CAAAuB,QAAA,KACM,EACD;EACF,IACNC,UAAM,GAAAR,IAAA,IAAA7B,MAAA,CAAAsC,MAAA,EAAAJ,IAAA;EAAA,IAENK,QAAA,YAAAA,CAAAC,MAAA;IAAAL,OAAA,EAIAD,IAEA,GAAAM,MAAA,EAAAA,MAAC;EAAA;EACY,sBACL,IAAArC,kBAAA,CAAAsC,IAAA,EAAAhC,eAAA,CAAAiC,MAAA;IAAAC,QACN,UAAK;IAAAC,EAAA,QACL;IAASC,QACT,YAAE;IAAAC,MAAA,EACF;IAAQC,KAAA,QACR;IAA0BC,KAAA,UAC1B;IAAUC,QACV,GAAG,mBAAA9C,kBAAA,CAAA+C,GAAA,EAAA3C,uBAAA,CAAA4C,eAAA;MACLC,OAAA;MAEAC,MAAA;QAAC7B;MAAA;MAAAyB,QACC,iBAAW,IAAA9C,kBAAA,CAAA+C,GAAA,EAAAjC,WAAA;QAAAqC,UACL;QAAA9B,KACN;QAAKyB,QACL,iBAAS,IAAA9C,kBAAA,CAAA+C,GAAA,EAAAzC,eAAA,CAAA8C,KAAA;UACTvC,GAAE,EAAAhB,MAAA,CAAAqC,UAAA;UACFU,KAAA,KAAQ;UACRD,MAAA,KAAS;UACTU,SAAA,EAAU;QAAA;MACP,GAAAtB,IAAA;IAAA,EACL,qBAAA/B,kBAAA,CAAA+C,GAAA,EAAAzC,eAAA,CAAAgD,MAAA;MAAA;MACFC,IAAA,EAAAlD,qBAAA,CAAAmD,SAAA;MAEJC,IAAA","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":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsTimingDemo_exports","__export","AnimationsTimingDemo","module","exports","import_jsx_runtime","require","import_logo","
|
|
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
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AvatarDemo_exports","__export","AvatarDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AvatarDemo_exports","__export","AvatarDemo","module","exports","import_jsx_runtime","require","import_hanzogui","jsxs","XStack","items","gap","children","Avatar","circular","size","jsx","Image","src","Fallback","bg"],"sources":["../../src/AvatarDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA+B,CAAAK,kBAAA;AAKzB,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,eAAS,GAAaD,OAAA;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAAAG,IAAC,EAAAD,eAAA,CAAAE,MAAO;IACNC,KAAA;IAAAC,GAAA,EAAC;IAAOC,QAAP,kBACC,EAAW,EAAAP,kBAAA,CAAAG,IAAA,EAAAD,eAAA,CAAAM,MAAA;MAAAC,QACP;MAAAC,IAAA;MACNH,QAAA,GACA,mBAAAP,kBAAA,CAAAW,GAAC,EAAAT,eAAA,CAAAM,MAAO,CAAAI,KAAA,EAAP;QACH;QAEAC,GAAA;MACE,IAAC,mBAAAb,kBAAO,CAAAW,GAAA,EAAAT,eAAA,CAAAM,MAAA,CAAAM,QAAA;QAAPC,EAAA;MACC;IACI,IACN,mBAAAf,kBAAA,CAAAG,IAAA,EAAAD,eAAA,CAAAM,MAAA;MACAC,QAAA;MACFC,IAAA;MACFH,QAAA,GAEJ,mBAAAP,kBAAA,CAAAW,GAAA,EAAAT,eAAA,CAAAM,MAAA,CAAAI,KAAA","ignoreList":[]}
|
|
@@ -25,9 +25,9 @@ __export(BoxShadowTokenDemo_exports, {
|
|
|
25
25
|
BoxShadowTokenDemo: () => BoxShadowTokenDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
-
const StyledShadowBox = (0,
|
|
30
|
+
const StyledShadowBox = (0, import_hanzogui.styled)(import_hanzogui.View, {
|
|
31
31
|
width: 100,
|
|
32
32
|
height: 100,
|
|
33
33
|
backgroundColor: "$color5",
|
|
@@ -35,23 +35,23 @@ const StyledShadowBox = (0, import_gui.styled)(import_gui.View, {
|
|
|
35
35
|
boxShadow: "0px 2px 8px $shadowColor"
|
|
36
36
|
});
|
|
37
37
|
function BoxShadowTokenDemo() {
|
|
38
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
38
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
39
39
|
gap: "$4",
|
|
40
40
|
items: "center",
|
|
41
41
|
p: "$4",
|
|
42
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
|
|
43
43
|
testID: "box-shadow-token-title",
|
|
44
44
|
children: "BoxShadow Token Test"
|
|
45
45
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledShadowBox, {
|
|
46
46
|
testID: "box-shadow-styled"
|
|
47
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
47
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.View, {
|
|
48
48
|
width: 100,
|
|
49
49
|
height: 100,
|
|
50
50
|
backgroundColor: "$color5",
|
|
51
51
|
borderRadius: "$4",
|
|
52
52
|
boxShadow: "0px 2px 8px $shadowColor",
|
|
53
53
|
testID: "box-shadow-prop"
|
|
54
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
|
|
55
55
|
testID: "box-shadow-token-ok",
|
|
56
56
|
children: "OK"
|
|
57
57
|
})]
|
|
@@ -28,8 +28,8 @@ __export(BoxShadowTokenDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
32
|
-
var StyledShadowBox = (0,
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
|
+
var StyledShadowBox = (0, import_hanzogui.styled)(import_hanzogui.View, {
|
|
33
33
|
width: 100,
|
|
34
34
|
height: 100,
|
|
35
35
|
backgroundColor: "$color5",
|
|
@@ -37,25 +37,25 @@ var StyledShadowBox = (0, import_gui.styled)(import_gui.View, {
|
|
|
37
37
|
boxShadow: "0px 2px 8px $shadowColor"
|
|
38
38
|
});
|
|
39
39
|
function BoxShadowTokenDemo() {
|
|
40
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
40
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
41
41
|
gap: "$4",
|
|
42
42
|
items: "center",
|
|
43
43
|
p: "$4",
|
|
44
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
|
|
45
45
|
testID: "box-shadow-token-title",
|
|
46
46
|
children: "BoxShadow Token Test"
|
|
47
47
|
}), /* styled() definition - breaks if web imports leak to native */
|
|
48
48
|
/* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledShadowBox, {
|
|
49
49
|
testID: "box-shadow-styled"
|
|
50
50
|
}), /* inline prop - should always work */
|
|
51
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
51
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.View, {
|
|
52
52
|
width: 100,
|
|
53
53
|
height: 100,
|
|
54
54
|
backgroundColor: "$color5",
|
|
55
55
|
borderRadius: "$4",
|
|
56
56
|
boxShadow: "0px 2px 8px $shadowColor",
|
|
57
57
|
testID: "box-shadow-prop"
|
|
58
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
|
|
59
59
|
testID: "box-shadow-token-ok",
|
|
60
60
|
children: "OK"
|
|
61
61
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BoxShadowTokenDemo_exports","__export","BoxShadowTokenDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BoxShadowTokenDemo_exports","__export","BoxShadowTokenDemo","module","exports","import_jsx_runtime","require","import_hanzogui","StyledShadowBox","styled","View","width","height","backgroundColor","borderRadius","boxShadow","jsxs","YStack","gap","items","p","children","jsx","Text","testID"],"sources":["../../src/BoxShadowTokenDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA2C,CAAAK,0BAAA;AAevC,IAAAK,kBAAA,GAAAC,OAAA;AAVJ,IAAAC,eAAM,GAAAD,OAAkB;AAAa,IACnCE,eAAO,OAAAD,eAAA,CAAAE,MAAA,EAAAF,eAAA,CAAAG,IAAA;EACPC,KAAA,KAAQ;EACRC,MAAA;EACAC,eAAc;EACdC,YAAW;EACZC,SAAA;AAEM;AACL,SACEb,mBAAA;EACE,0BAAAG,kBAAA,CAACW,IAAA,EAAAT,eAAA,CAAAU,MAAK;IAGNC,GAAA;IAGAC,KAAA;IAAAC,CAAA,EAAC;IAAAC,QAAA,kBACQ,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAf,eAAA,CAAAgB,IAAA;MACPC,MAAA,EAAQ;MACRH,QAAA;IAAgB,EAChB,EAAa;IACH,eACH,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAd,eAAA;MAAAgB,MAAA;IACT,IAEA;IACF,mBAAAnB,kBAAA,CAAAiB,GAAA,EAAAf,eAAA,CAAAG,IAAA;MAEJC,KAAA","ignoreList":[]}
|
|
@@ -26,7 +26,7 @@ __export(BuildAButtonDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(BuildAButtonDemo_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
|
const outlined = {
|
|
32
32
|
bg: "transparent",
|
|
@@ -39,10 +39,10 @@ const outlined = {
|
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
function BuildAButtonDemo() {
|
|
42
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
43
43
|
fullscreen: true,
|
|
44
44
|
overflow: "hidden",
|
|
45
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
45
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
46
46
|
maxH: 200,
|
|
47
47
|
y: -100,
|
|
48
48
|
x: -40,
|
|
@@ -91,38 +91,38 @@ function ButtonCol(props) {
|
|
|
91
91
|
...buttonProps
|
|
92
92
|
} = props;
|
|
93
93
|
const subThemeSuffix = subTheme ? `_${subTheme}` : "";
|
|
94
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
94
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
95
95
|
p: "$2",
|
|
96
96
|
gap: "$3",
|
|
97
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
97
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
98
98
|
theme: props.subTheme,
|
|
99
99
|
...props,
|
|
100
100
|
children: "Hello"
|
|
101
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
101
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
102
102
|
theme: "orange" + subThemeSuffix,
|
|
103
103
|
...buttonProps,
|
|
104
104
|
children: "Hello"
|
|
105
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
105
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
106
106
|
theme: "yellow" + subThemeSuffix,
|
|
107
107
|
...buttonProps,
|
|
108
108
|
children: "Hello"
|
|
109
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
109
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
110
110
|
theme: "green" + subThemeSuffix,
|
|
111
111
|
...buttonProps,
|
|
112
112
|
children: "Hello"
|
|
113
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
113
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
114
114
|
theme: "blue" + subThemeSuffix,
|
|
115
115
|
...buttonProps,
|
|
116
116
|
children: "Hello"
|
|
117
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
117
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
118
118
|
theme: "purple" + subThemeSuffix,
|
|
119
119
|
...buttonProps,
|
|
120
120
|
children: "Hello"
|
|
121
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
121
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
122
122
|
theme: "pink" + subThemeSuffix,
|
|
123
123
|
...buttonProps,
|
|
124
124
|
children: "Hello"
|
|
125
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
125
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
126
126
|
theme: "red" + subThemeSuffix,
|
|
127
127
|
...buttonProps,
|
|
128
128
|
children: "Hello"
|
|
@@ -29,7 +29,7 @@ __export(BuildAButtonDemo_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(BuildAButtonDemo_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
|
var outlined = {
|
|
34
34
|
bg: "transparent",
|
|
35
35
|
borderWidth: 2,
|
|
@@ -41,10 +41,10 @@ var outlined = {
|
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
43
|
function BuildAButtonDemo() {
|
|
44
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
45
45
|
fullscreen: true,
|
|
46
46
|
overflow: "hidden",
|
|
47
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
47
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
48
48
|
maxH: 200,
|
|
49
49
|
y: -100,
|
|
50
50
|
x: -40,
|
|
@@ -93,38 +93,38 @@ function ButtonCol(props) {
|
|
|
93
93
|
...buttonProps
|
|
94
94
|
} = props;
|
|
95
95
|
var subThemeSuffix = subTheme ? `_${subTheme}` : "";
|
|
96
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
96
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
97
97
|
p: "$2",
|
|
98
98
|
gap: "$3",
|
|
99
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
99
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
100
100
|
theme: props.subTheme,
|
|
101
101
|
...props,
|
|
102
102
|
children: "Hello"
|
|
103
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
103
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
104
104
|
theme: "orange" + subThemeSuffix,
|
|
105
105
|
...buttonProps,
|
|
106
106
|
children: "Hello"
|
|
107
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
107
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
108
108
|
theme: "yellow" + subThemeSuffix,
|
|
109
109
|
...buttonProps,
|
|
110
110
|
children: "Hello"
|
|
111
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
111
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
112
112
|
theme: "green" + subThemeSuffix,
|
|
113
113
|
...buttonProps,
|
|
114
114
|
children: "Hello"
|
|
115
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
115
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
116
116
|
theme: "blue" + subThemeSuffix,
|
|
117
117
|
...buttonProps,
|
|
118
118
|
children: "Hello"
|
|
119
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
119
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
120
120
|
theme: "purple" + subThemeSuffix,
|
|
121
121
|
...buttonProps,
|
|
122
122
|
children: "Hello"
|
|
123
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
123
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
124
124
|
theme: "pink" + subThemeSuffix,
|
|
125
125
|
...buttonProps,
|
|
126
126
|
children: "Hello"
|
|
127
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
127
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
128
128
|
theme: "red" + subThemeSuffix,
|
|
129
129
|
...buttonProps,
|
|
130
130
|
children: "Hello"
|