@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":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","items","gap","position","b","l","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","TabsRovingIndicator","width","y","theme","List","loop","backgroundColor","Tab","unstyled","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","items","gap","position","b","l","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","TabsRovingIndicator","width","y","theme","List","loop","backgroundColor","Tab","unstyled","paddingHorizontal","onInteraction","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth","select","cursor"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/TabsDemo.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "
|
|
2
|
+
import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "hanzogui";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
const demos = ["horizontal", "vertical"];
|
|
5
5
|
const demosTitle = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "
|
|
3
|
+
import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "hanzogui";
|
|
4
4
|
var demos = ["horizontal", "vertical"];
|
|
5
5
|
var demosTitle = {
|
|
6
6
|
horizontal: "Horizontal",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState } from "react";
|
|
2
|
-
import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "
|
|
2
|
+
import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "hanzogui";
|
|
3
3
|
import { createTabs } from "@hanzogui/tabs";
|
|
4
4
|
import { getButtonSized } from "@hanzogui/get-button-sized";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React, { useState } from "react";
|
|
3
|
-
import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "
|
|
3
|
+
import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "hanzogui";
|
|
4
4
|
import { createTabs } from "@hanzogui/tabs";
|
|
5
5
|
import { getButtonSized } from "@hanzogui/get-button-sized";
|
|
6
6
|
var demos = ["horizontal", "vertical"];
|
package/dist/esm/TextDemo.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Em, Paragraph, SizableText, Span, Strong, YStack } from "
|
|
2
|
+
import { Em, Paragraph, SizableText, Span, Strong, YStack } from "hanzogui";
|
|
3
3
|
function TextDemo() {
|
|
4
4
|
return /* @__PURE__ */_jsxs(YStack, {
|
|
5
5
|
gap: "$2",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, H5, Theme, XStack, YStack } from "
|
|
2
|
+
import { Button, H5, Theme, XStack, YStack } from "hanzogui";
|
|
3
3
|
function ThemeInverseDemo() {
|
|
4
4
|
return /* @__PURE__ */_jsxs(XStack, {
|
|
5
5
|
gap: "$4",
|
package/dist/esm/ToastDemo.mjs
CHANGED
|
@@ -1,119 +1,207 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { isWeb } from "hanzogui";
|
|
2
|
+
import { Toast, toast, useToastItem } from "@hanzogui/toast/v2";
|
|
3
|
+
import { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowUp, ArrowUpLeft, ArrowUpRight } from "@hanzogui/lucide-icons-2";
|
|
4
|
+
import { useRef, useState } from "react";
|
|
5
|
+
import { Button, Label, SizableText, Slider, XStack, YStack } from "hanzogui";
|
|
6
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
5
7
|
const ToastDemo = () => {
|
|
6
|
-
const [
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
const [position, setPosition] = useState("bottom-right");
|
|
9
|
+
const [gap, setGap] = useState(14);
|
|
10
|
+
const [visibleToasts, setVisibleToasts] = useState(4);
|
|
11
|
+
const [duration, setDuration] = useState(4e3);
|
|
12
|
+
const count = useRef(0);
|
|
13
|
+
const showToast = newPosition => {
|
|
14
|
+
setPosition(newPosition);
|
|
15
|
+
count.current++;
|
|
16
|
+
toast(`Toast #${count.current}`, {
|
|
17
|
+
description: "Swipe to dismiss or wait for auto-close."
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
return /* @__PURE__ */jsxs(Toast, {
|
|
21
|
+
position,
|
|
22
|
+
gap: Math.round(gap),
|
|
23
|
+
visibleToasts,
|
|
24
|
+
duration,
|
|
25
|
+
children: [/* @__PURE__ */jsx(Toast.Viewport, {
|
|
26
|
+
offset: 16,
|
|
27
|
+
children: /* @__PURE__ */jsx(Toast.List, {
|
|
28
|
+
renderItem: ({
|
|
29
|
+
toast: t,
|
|
30
|
+
index
|
|
31
|
+
}) => /* @__PURE__ */jsx(Toast.Item, {
|
|
32
|
+
toast: t,
|
|
33
|
+
index,
|
|
34
|
+
testID: "toast-item",
|
|
35
|
+
children: /* @__PURE__ */jsx(ToastContent, {
|
|
36
|
+
toast: t
|
|
37
|
+
})
|
|
38
|
+
}, t.id)
|
|
39
|
+
})
|
|
40
|
+
}), /* @__PURE__ */jsxs(YStack, {
|
|
41
|
+
gap: "$3",
|
|
42
|
+
self: "center",
|
|
43
|
+
width: 280,
|
|
44
|
+
children: [/* @__PURE__ */jsxs(YStack, {
|
|
45
|
+
gap: "$2",
|
|
46
|
+
self: "center",
|
|
47
|
+
children: [/* @__PURE__ */jsxs(XStack, {
|
|
48
|
+
gap: "$2",
|
|
49
|
+
children: [/* @__PURE__ */jsx(PositionButton, {
|
|
50
|
+
position: "top-left",
|
|
51
|
+
current: position,
|
|
52
|
+
onPress: showToast,
|
|
53
|
+
Icon: ArrowUpLeft
|
|
54
|
+
}), /* @__PURE__ */jsx(PositionButton, {
|
|
55
|
+
position: "top-center",
|
|
56
|
+
current: position,
|
|
57
|
+
onPress: showToast,
|
|
58
|
+
Icon: ArrowUp
|
|
59
|
+
}), /* @__PURE__ */jsx(PositionButton, {
|
|
60
|
+
position: "top-right",
|
|
61
|
+
current: position,
|
|
62
|
+
onPress: showToast,
|
|
63
|
+
Icon: ArrowUpRight,
|
|
64
|
+
testID: "toast-top-right-button"
|
|
65
|
+
})]
|
|
66
|
+
}), /* @__PURE__ */jsxs(XStack, {
|
|
67
|
+
gap: "$2",
|
|
68
|
+
children: [/* @__PURE__ */jsx(PositionButton, {
|
|
69
|
+
position: "bottom-left",
|
|
70
|
+
current: position,
|
|
71
|
+
onPress: showToast,
|
|
72
|
+
Icon: ArrowDownLeft
|
|
73
|
+
}), /* @__PURE__ */jsx(PositionButton, {
|
|
74
|
+
position: "bottom-center",
|
|
75
|
+
current: position,
|
|
76
|
+
onPress: showToast,
|
|
77
|
+
Icon: ArrowDown
|
|
78
|
+
}), /* @__PURE__ */jsx(PositionButton, {
|
|
79
|
+
position: "bottom-right",
|
|
80
|
+
current: position,
|
|
81
|
+
onPress: showToast,
|
|
82
|
+
Icon: ArrowDownRight,
|
|
83
|
+
testID: "toast-show-button"
|
|
84
|
+
})]
|
|
85
|
+
})]
|
|
86
|
+
}), /* @__PURE__ */jsxs(YStack, {
|
|
87
|
+
gap: "$1",
|
|
88
|
+
paddingTop: "$1",
|
|
89
|
+
children: [/* @__PURE__ */jsx(DemoSlider, {
|
|
90
|
+
label: "Gap",
|
|
91
|
+
value: gap,
|
|
92
|
+
min: 0,
|
|
93
|
+
max: 30,
|
|
94
|
+
step: 0.1,
|
|
95
|
+
onChange: setGap
|
|
96
|
+
}), /* @__PURE__ */jsx(DemoSlider, {
|
|
97
|
+
label: "Visible",
|
|
98
|
+
value: visibleToasts,
|
|
99
|
+
min: 1,
|
|
100
|
+
max: 8,
|
|
101
|
+
step: 1,
|
|
102
|
+
onChange: setVisibleToasts
|
|
103
|
+
}), /* @__PURE__ */jsx(DemoSlider, {
|
|
104
|
+
label: "Duration",
|
|
105
|
+
value: duration,
|
|
106
|
+
min: 1e3,
|
|
107
|
+
max: 1e4,
|
|
108
|
+
step: 100,
|
|
109
|
+
onChange: setDuration,
|
|
110
|
+
format: v => `${(v / 1e3).toFixed(1)}s`
|
|
111
|
+
})]
|
|
112
|
+
})]
|
|
15
113
|
})]
|
|
16
114
|
});
|
|
17
115
|
};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
scale: 0.95,
|
|
32
|
-
y: -80
|
|
33
|
-
},
|
|
34
|
-
opacity: 1,
|
|
35
|
-
scale: 1,
|
|
36
|
-
y: -50,
|
|
37
|
-
transition: "quicker",
|
|
38
|
-
bg: "$color2",
|
|
39
|
-
boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
|
|
40
|
-
children: /* @__PURE__ */jsxs(XStack, {
|
|
41
|
-
gap: "$5",
|
|
42
|
-
items: "center",
|
|
43
|
-
justify: "space-between",
|
|
44
|
-
children: [/* @__PURE__ */jsxs(YStack, {
|
|
45
|
-
gap: "$0.5",
|
|
116
|
+
function ToastContent({
|
|
117
|
+
toast: t
|
|
118
|
+
}) {
|
|
119
|
+
const {
|
|
120
|
+
handleClose
|
|
121
|
+
} = useToastItem();
|
|
122
|
+
const title = typeof t.title === "function" ? t.title() : t.title;
|
|
123
|
+
const description = typeof t.description === "function" ? t.description() : t.description;
|
|
124
|
+
return /* @__PURE__ */jsxs(Fragment, {
|
|
125
|
+
children: [/* @__PURE__ */jsxs(XStack, {
|
|
126
|
+
gap: "$3",
|
|
127
|
+
alignItems: "flex-start",
|
|
128
|
+
children: [/* @__PURE__ */jsx(Toast.Icon, {}), /* @__PURE__ */jsxs(YStack, {
|
|
46
129
|
flex: 1,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
altText: "Dismiss toast",
|
|
55
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
130
|
+
gap: "$0.5",
|
|
131
|
+
children: [title && /* @__PURE__ */jsx(Toast.Title, {
|
|
132
|
+
fontWeight: "600",
|
|
133
|
+
size: "$3",
|
|
134
|
+
children: title
|
|
135
|
+
}), description && /* @__PURE__ */jsx(Toast.Description, {
|
|
136
|
+
color: "$color9",
|
|
56
137
|
size: "$2",
|
|
57
|
-
children:
|
|
58
|
-
})
|
|
138
|
+
children: description
|
|
139
|
+
})]
|
|
59
140
|
})]
|
|
60
|
-
})
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
const toast = useToastController();
|
|
67
|
-
return /* @__PURE__ */jsxs(XStack, {
|
|
68
|
-
gap: "$2",
|
|
69
|
-
justify: "center",
|
|
70
|
-
children: [/* @__PURE__ */jsx(Button, {
|
|
71
|
-
onPress: () => {
|
|
72
|
-
toast.show("Successfully saved!", {
|
|
73
|
-
message: "Don't worry, we've got your data.",
|
|
74
|
-
native,
|
|
75
|
-
demo: true
|
|
76
|
-
});
|
|
77
|
-
},
|
|
78
|
-
children: "Show"
|
|
79
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
80
|
-
onPress: () => {
|
|
81
|
-
toast.hide();
|
|
82
|
-
},
|
|
83
|
-
children: "Hide"
|
|
141
|
+
}), isWeb && /* @__PURE__ */jsx(Toast.Close, {
|
|
142
|
+
testID: "toast-close-button",
|
|
143
|
+
position: "absolute",
|
|
144
|
+
top: -6,
|
|
145
|
+
left: -6,
|
|
146
|
+
zIndex: 1
|
|
84
147
|
})]
|
|
85
148
|
});
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
149
|
+
}
|
|
150
|
+
function DemoSlider({
|
|
151
|
+
label,
|
|
152
|
+
value,
|
|
153
|
+
min,
|
|
154
|
+
max,
|
|
155
|
+
step,
|
|
156
|
+
onChange,
|
|
157
|
+
format
|
|
158
|
+
}) {
|
|
91
159
|
return /* @__PURE__ */jsxs(XStack, {
|
|
92
|
-
gap: "$
|
|
160
|
+
gap: "$2",
|
|
161
|
+
alignItems: "center",
|
|
93
162
|
children: [/* @__PURE__ */jsx(Label, {
|
|
94
|
-
size: "$
|
|
95
|
-
|
|
96
|
-
children:
|
|
97
|
-
}), /* @__PURE__ */
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
163
|
+
size: "$2",
|
|
164
|
+
width: 55,
|
|
165
|
+
children: label
|
|
166
|
+
}), /* @__PURE__ */jsxs(Slider, {
|
|
167
|
+
flex: 1,
|
|
168
|
+
value: [value],
|
|
169
|
+
min,
|
|
170
|
+
max,
|
|
171
|
+
step,
|
|
172
|
+
onValueChange: ([v]) => onChange(v),
|
|
173
|
+
children: [/* @__PURE__ */jsx(Slider.Track, {
|
|
174
|
+
children: /* @__PURE__ */jsx(Slider.TrackActive, {})
|
|
175
|
+
}), /* @__PURE__ */jsx(Slider.Thumb, {
|
|
104
176
|
theme: "accent",
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
children:
|
|
177
|
+
size: 16,
|
|
178
|
+
borderRadius: 100,
|
|
179
|
+
index: 0
|
|
180
|
+
})]
|
|
181
|
+
}), /* @__PURE__ */jsx(SizableText, {
|
|
182
|
+
userSelect: "none",
|
|
183
|
+
size: "$2",
|
|
184
|
+
width: 35,
|
|
185
|
+
textAlign: "right",
|
|
186
|
+
children: format ? format(value) : Math.round(value)
|
|
115
187
|
})]
|
|
116
188
|
});
|
|
189
|
+
}
|
|
190
|
+
const PositionButton = ({
|
|
191
|
+
position,
|
|
192
|
+
current,
|
|
193
|
+
onPress,
|
|
194
|
+
Icon,
|
|
195
|
+
testID
|
|
196
|
+
}) => {
|
|
197
|
+
const isActive = position === current;
|
|
198
|
+
return /* @__PURE__ */jsx(Button, {
|
|
199
|
+
icon: Icon,
|
|
200
|
+
circular: true,
|
|
201
|
+
theme: isActive ? "accent" : void 0,
|
|
202
|
+
onPress: () => onPress(position),
|
|
203
|
+
testID
|
|
204
|
+
});
|
|
117
205
|
};
|
|
118
206
|
export { ToastDemo };
|
|
119
207
|
//# sourceMappingURL=ToastDemo.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Toast","
|
|
1
|
+
{"version":3,"names":["isWeb","Toast","toast","useToastItem","ArrowDown","ArrowDownLeft","ArrowDownRight","ArrowUp","ArrowUpLeft","ArrowUpRight","useRef","useState","Button","Label","SizableText","Slider","XStack","YStack","Fragment","jsx","jsxs","ToastDemo","position","setPosition","gap","setGap","visibleToasts","setVisibleToasts","duration","setDuration","count","showToast","newPosition","current","description","Math","round","children","Viewport","offset","List","renderItem","t","index","Item","testID","ToastContent","id","self","width","PositionButton","onPress","Icon","paddingTop","DemoSlider","label","value","min","max","step","onChange","format","v","toFixed","handleClose","title","alignItems","flex","Title","fontWeight","size","Description","color","Close","top","left","zIndex","onValueChange","Track","TrackActive","Thumb","theme","borderRadius","userSelect","textAlign","isActive","icon","circular"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|