@hanzogui/demos 8.2.1 → 8.3.2
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.js +10 -0
- package/dist/cjs/AccordionDemo.js.map +1 -0
- package/dist/cjs/AddThemeDemo.js +23 -0
- package/dist/cjs/AddThemeDemo.js.map +1 -0
- package/dist/cjs/AlertDialogDemo.js +16 -0
- package/dist/cjs/AlertDialogDemo.js.map +1 -0
- package/dist/cjs/AnimationsDelayDemo.js +28 -0
- package/dist/cjs/AnimationsDelayDemo.js.map +1 -0
- package/dist/cjs/AnimationsDemo.js +59 -0
- package/dist/cjs/AnimationsDemo.js.map +1 -0
- package/dist/cjs/AnimationsEnterDemo.js +23 -0
- package/dist/cjs/AnimationsEnterDemo.js.map +1 -0
- package/dist/cjs/AnimationsHoverDemo.js +14 -0
- package/dist/cjs/AnimationsHoverDemo.js.map +1 -0
- package/dist/cjs/AnimationsPresenceDemo.js +52 -0
- package/dist/cjs/AnimationsPresenceDemo.js.map +1 -0
- package/dist/cjs/AnimationsTimingDemo.js +14 -0
- package/dist/cjs/AnimationsTimingDemo.js.map +1 -0
- package/dist/cjs/AvatarDemo.js +9 -0
- package/dist/cjs/AvatarDemo.js.map +1 -0
- package/dist/cjs/BoxShadowTokenDemo.js +19 -0
- package/dist/cjs/BoxShadowTokenDemo.js.map +1 -0
- package/dist/cjs/BrandTokensDemo.js +20 -0
- package/dist/cjs/BrandTokensDemo.js.map +1 -0
- package/dist/cjs/BuildAButtonDemo.js +25 -0
- package/dist/cjs/BuildAButtonDemo.js.map +1 -0
- package/dist/cjs/ButtonDemo.js +11 -0
- package/dist/cjs/ButtonDemo.js.map +1 -0
- package/dist/cjs/CardDemo.js +13 -0
- package/dist/cjs/CardDemo.js.map +1 -0
- package/dist/cjs/CheckboxDemo.js +15 -0
- package/dist/cjs/CheckboxDemo.js.map +1 -0
- package/dist/cjs/CheckboxHeadlessDemo.js +26 -0
- package/dist/cjs/CheckboxHeadlessDemo.js.map +1 -0
- package/dist/cjs/CheckboxUnstyledDemo.js +39 -0
- package/dist/cjs/CheckboxUnstyledDemo.js.map +1 -0
- package/dist/cjs/ColorsDemo.js +51 -0
- package/dist/cjs/ColorsDemo.js.map +1 -0
- package/dist/cjs/ContextMenuDemo.js +25 -0
- package/dist/cjs/ContextMenuDemo.js.map +1 -0
- package/dist/cjs/DialogDemo.js +31 -0
- package/dist/cjs/DialogDemo.js.map +1 -0
- package/dist/cjs/FormsDemo.js +20 -0
- package/dist/cjs/FormsDemo.js.map +1 -0
- package/dist/cjs/GroupDemo.js +10 -0
- package/dist/cjs/GroupDemo.js.map +1 -0
- package/dist/cjs/HeadingsDemo.js +9 -0
- package/dist/cjs/HeadingsDemo.js.map +1 -0
- package/dist/cjs/ImageDemo.js +9 -0
- package/dist/cjs/ImageDemo.js.map +1 -0
- package/dist/cjs/InputsDemo.js +12 -0
- package/dist/cjs/InputsDemo.js.map +1 -0
- package/dist/cjs/LabelDemo.js +11 -0
- package/dist/cjs/LabelDemo.js.map +1 -0
- package/dist/cjs/LinearGradientDemo.js +10 -0
- package/dist/cjs/LinearGradientDemo.js.map +1 -0
- package/dist/cjs/ListItemDemo.js +16 -0
- package/dist/cjs/ListItemDemo.js.map +1 -0
- package/dist/cjs/LucideIconsDemo.js +26 -0
- package/dist/cjs/LucideIconsDemo.js.map +1 -0
- package/dist/cjs/MenuDemo.js +34 -0
- package/dist/cjs/MenuDemo.js.map +1 -0
- package/dist/cjs/NewInputsDemo.js +13 -0
- package/dist/cjs/NewInputsDemo.js.map +1 -0
- package/dist/cjs/PopoverDemo.js +25 -0
- package/dist/cjs/PopoverDemo.js.map +1 -0
- package/dist/cjs/ProgressDemo.js +26 -0
- package/dist/cjs/ProgressDemo.js.map +1 -0
- package/dist/cjs/RadioGroupDemo.js +14 -0
- package/dist/cjs/RadioGroupDemo.js.map +1 -0
- package/dist/cjs/RadioGroupHeadlessDemo.js +78 -0
- package/dist/cjs/RadioGroupHeadlessDemo.js.map +1 -0
- package/dist/cjs/RadioGroupUnstyledDemo.js +92 -0
- package/dist/cjs/RadioGroupUnstyledDemo.js.map +1 -0
- package/dist/cjs/ReplaceThemeDemo.js +33 -0
- package/dist/cjs/ReplaceThemeDemo.js.map +1 -0
- package/dist/cjs/ScrollViewDemo.js +9 -0
- package/dist/cjs/ScrollViewDemo.js.map +1 -0
- package/dist/cjs/SelectDemo.js +48 -0
- package/dist/cjs/SelectDemo.js.map +1 -0
- package/dist/cjs/SeparatorDemo.js +9 -0
- package/dist/cjs/SeparatorDemo.js.map +1 -0
- package/dist/cjs/ShapesDemo.js +9 -0
- package/dist/cjs/ShapesDemo.js.map +1 -0
- package/dist/cjs/SheetDemo.js +41 -0
- package/dist/cjs/SheetDemo.js.map +1 -0
- package/dist/cjs/SliderDemo.js +12 -0
- package/dist/cjs/SliderDemo.js.map +1 -0
- package/dist/cjs/SpinnerDemo.js +9 -0
- package/dist/cjs/SpinnerDemo.js.map +1 -0
- package/dist/cjs/StacksDemo.js +9 -0
- package/dist/cjs/StacksDemo.js.map +1 -0
- package/dist/cjs/SwitchDemo.js +19 -0
- package/dist/cjs/SwitchDemo.js.map +1 -0
- package/dist/cjs/SwitchHeadlessDemo.js +45 -0
- package/dist/cjs/SwitchHeadlessDemo.js.map +1 -0
- package/dist/cjs/SwitchUnstyledDemo.js +50 -0
- package/dist/cjs/SwitchUnstyledDemo.js.map +1 -0
- package/dist/cjs/TabsAdvancedDemo.js +107 -0
- package/dist/cjs/TabsAdvancedDemo.js.map +1 -0
- package/dist/cjs/TabsDemo.js +36 -0
- package/dist/cjs/TabsDemo.js.map +1 -0
- package/dist/cjs/TabsHeadlessDemo.js +65 -0
- package/dist/cjs/TabsHeadlessDemo.js.map +1 -0
- package/dist/cjs/TextDemo.js +9 -0
- package/dist/cjs/TextDemo.js.map +1 -0
- package/dist/cjs/ThemeBuilderDemo.js +13 -0
- package/dist/cjs/ThemeBuilderDemo.js.map +1 -0
- package/dist/cjs/ThemeInverseDemo.js +9 -0
- package/dist/cjs/ThemeInverseDemo.js.map +1 -0
- package/dist/cjs/ToastDemo.js +39 -0
- package/dist/cjs/ToastDemo.js.map +1 -0
- package/dist/cjs/ToastDuplicateDemo.js +23 -0
- package/dist/cjs/ToastDuplicateDemo.js.map +1 -0
- package/dist/cjs/ToastV1Demo.js +47 -0
- package/dist/cjs/ToastV1Demo.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.js +15 -0
- package/dist/cjs/ToggleGroupDemo.js.map +1 -0
- package/dist/cjs/TokensDemo.js +54 -0
- package/dist/cjs/TokensDemo.js.map +1 -0
- package/dist/cjs/TooltipDemo.js +20 -0
- package/dist/cjs/TooltipDemo.js.map +1 -0
- package/dist/cjs/UpdateThemeDemo.js +34 -0
- package/dist/cjs/UpdateThemeDemo.js.map +1 -0
- package/dist/cjs/WebNativeImageDemo.js +9 -0
- package/dist/cjs/WebNativeImageDemo.js.map +1 -0
- package/dist/cjs/hanzogui.config.js +7 -0
- package/dist/cjs/hanzogui.config.js.map +1 -0
- package/dist/cjs/index.js +67 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/useOnIntersecting.js +65 -0
- package/dist/cjs/useOnIntersecting.js.map +1 -0
- package/dist/esm/AccordionDemo.js +7 -0
- package/dist/esm/AccordionDemo.js.map +1 -0
- package/dist/esm/AddThemeDemo.js +19 -0
- package/dist/esm/AddThemeDemo.js.map +1 -0
- package/dist/esm/AlertDialogDemo.js +13 -0
- package/dist/esm/AlertDialogDemo.js.map +1 -0
- package/dist/esm/AnimationsDelayDemo.js +24 -0
- package/dist/esm/AnimationsDelayDemo.js.map +1 -0
- package/dist/esm/AnimationsDemo.js +55 -0
- package/dist/esm/AnimationsDemo.js.map +1 -0
- package/dist/esm/AnimationsEnterDemo.js +19 -0
- package/dist/esm/AnimationsEnterDemo.js.map +1 -0
- package/dist/esm/AnimationsHoverDemo.js +11 -0
- package/dist/esm/AnimationsHoverDemo.js.map +1 -0
- package/dist/esm/AnimationsPresenceDemo.js +47 -0
- package/dist/esm/AnimationsPresenceDemo.js.map +1 -0
- package/dist/esm/AnimationsTimingDemo.js +11 -0
- package/dist/esm/AnimationsTimingDemo.js.map +1 -0
- package/dist/esm/AvatarDemo.js +6 -0
- package/dist/esm/AvatarDemo.js.map +1 -0
- package/dist/esm/BoxShadowTokenDemo.js +16 -0
- package/dist/esm/BoxShadowTokenDemo.js.map +1 -0
- package/dist/esm/BrandTokensDemo.js +17 -0
- package/dist/esm/BrandTokensDemo.js.map +1 -0
- package/dist/esm/BuildAButtonDemo.js +22 -0
- package/dist/esm/BuildAButtonDemo.js.map +1 -0
- package/dist/esm/ButtonDemo.js +8 -0
- package/dist/esm/ButtonDemo.js.map +1 -0
- package/dist/esm/CardDemo.js +9 -0
- package/dist/esm/CardDemo.js.map +1 -0
- package/dist/esm/CheckboxDemo.js +11 -0
- package/dist/esm/CheckboxDemo.js.map +1 -0
- package/dist/esm/CheckboxHeadlessDemo.js +22 -0
- package/dist/esm/CheckboxHeadlessDemo.js.map +1 -0
- package/dist/esm/CheckboxUnstyledDemo.js +35 -0
- package/dist/esm/CheckboxUnstyledDemo.js.map +1 -0
- package/dist/esm/ColorsDemo.js +48 -0
- package/dist/esm/ColorsDemo.js.map +1 -0
- package/dist/esm/ContextMenuDemo.js +21 -0
- package/dist/esm/ContextMenuDemo.js.map +1 -0
- package/dist/esm/DialogDemo.js +28 -0
- package/dist/esm/DialogDemo.js.map +1 -0
- package/dist/esm/FormsDemo.js +16 -0
- package/dist/esm/FormsDemo.js.map +1 -0
- package/dist/esm/GroupDemo.js +7 -0
- package/dist/esm/GroupDemo.js.map +1 -0
- package/dist/esm/HeadingsDemo.js +6 -0
- package/dist/esm/HeadingsDemo.js.map +1 -0
- package/dist/esm/ImageDemo.js +6 -0
- package/dist/esm/ImageDemo.js.map +1 -0
- package/dist/esm/InputsDemo.js +9 -0
- package/dist/esm/InputsDemo.js.map +1 -0
- package/dist/esm/LabelDemo.js +8 -0
- package/dist/esm/LabelDemo.js.map +1 -0
- package/dist/esm/LinearGradientDemo.js +7 -0
- package/dist/esm/LinearGradientDemo.js.map +1 -0
- package/dist/esm/ListItemDemo.js +13 -0
- package/dist/esm/ListItemDemo.js.map +1 -0
- package/dist/esm/LucideIconsDemo.js +22 -0
- package/dist/esm/LucideIconsDemo.js.map +1 -0
- package/dist/esm/MenuDemo.js +30 -0
- package/dist/esm/MenuDemo.js.map +1 -0
- package/dist/esm/NewInputsDemo.js +10 -0
- package/dist/esm/NewInputsDemo.js.map +1 -0
- package/dist/esm/PopoverDemo.js +21 -0
- package/dist/esm/PopoverDemo.js.map +1 -0
- package/dist/esm/ProgressDemo.js +22 -0
- package/dist/esm/ProgressDemo.js.map +1 -0
- package/dist/esm/RadioGroupDemo.js +10 -0
- package/dist/esm/RadioGroupDemo.js.map +1 -0
- package/dist/esm/RadioGroupHeadlessDemo.js +74 -0
- package/dist/esm/RadioGroupHeadlessDemo.js.map +1 -0
- package/dist/esm/RadioGroupUnstyledDemo.js +89 -0
- package/dist/esm/RadioGroupUnstyledDemo.js.map +1 -0
- package/dist/esm/ReplaceThemeDemo.js +29 -0
- package/dist/esm/ReplaceThemeDemo.js.map +1 -0
- package/dist/esm/ScrollViewDemo.js +6 -0
- package/dist/esm/ScrollViewDemo.js.map +1 -0
- package/dist/esm/SelectDemo.js +43 -0
- package/dist/esm/SelectDemo.js.map +1 -0
- package/dist/esm/SeparatorDemo.js +6 -0
- package/dist/esm/SeparatorDemo.js.map +1 -0
- package/dist/esm/ShapesDemo.js +6 -0
- package/dist/esm/ShapesDemo.js.map +1 -0
- package/dist/esm/SheetDemo.js +36 -0
- package/dist/esm/SheetDemo.js.map +1 -0
- package/dist/esm/SliderDemo.js +9 -0
- package/dist/esm/SliderDemo.js.map +1 -0
- package/dist/esm/SpinnerDemo.js +6 -0
- package/dist/esm/SpinnerDemo.js.map +1 -0
- package/dist/esm/StacksDemo.js +6 -0
- package/dist/esm/StacksDemo.js.map +1 -0
- package/dist/esm/SwitchDemo.js +15 -0
- package/dist/esm/SwitchDemo.js.map +1 -0
- package/dist/esm/SwitchHeadlessDemo.js +41 -0
- package/dist/esm/SwitchHeadlessDemo.js.map +1 -0
- package/dist/esm/SwitchUnstyledDemo.js +46 -0
- package/dist/esm/SwitchUnstyledDemo.js.map +1 -0
- package/dist/esm/TabsAdvancedDemo.js +102 -0
- package/dist/esm/TabsAdvancedDemo.js.map +1 -0
- package/dist/esm/TabsDemo.js +32 -0
- package/dist/esm/TabsDemo.js.map +1 -0
- package/dist/esm/TabsHeadlessDemo.js +61 -0
- package/dist/esm/TabsHeadlessDemo.js.map +1 -0
- package/dist/esm/TextDemo.js +6 -0
- package/dist/esm/TextDemo.js.map +1 -0
- package/dist/esm/ThemeBuilderDemo.js +10 -0
- package/dist/esm/ThemeBuilderDemo.js.map +1 -0
- package/dist/esm/ThemeInverseDemo.js +6 -0
- package/dist/esm/ThemeInverseDemo.js.map +1 -0
- package/dist/esm/ToastDemo.js +35 -0
- package/dist/esm/ToastDemo.js.map +1 -0
- package/dist/esm/ToastDuplicateDemo.js +19 -0
- package/dist/esm/ToastDuplicateDemo.js.map +1 -0
- package/dist/esm/ToastV1Demo.js +42 -0
- package/dist/esm/ToastV1Demo.js.map +1 -0
- package/dist/esm/ToggleGroupDemo.js +12 -0
- package/dist/esm/ToggleGroupDemo.js.map +1 -0
- package/dist/esm/TokensDemo.js +50 -0
- package/dist/esm/TokensDemo.js.map +1 -0
- package/dist/esm/TooltipDemo.js +17 -0
- package/dist/esm/TooltipDemo.js.map +1 -0
- package/dist/esm/UpdateThemeDemo.js +30 -0
- package/dist/esm/UpdateThemeDemo.js.map +1 -0
- package/dist/esm/WebNativeImageDemo.js +6 -0
- package/dist/esm/WebNativeImageDemo.js.map +1 -0
- package/dist/esm/hanzogui.config.js +5 -0
- package/dist/esm/hanzogui.config.js.map +1 -0
- package/dist/esm/index.js +64 -64
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/useOnIntersecting.js +61 -0
- package/dist/esm/useOnIntersecting.js.map +1 -0
- package/package.json +53 -53
- package/src/AnimationsDelayDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/BrandTokensDemo.tsx +12 -5
- package/src/DialogDemo.tsx +1 -1
- package/src/TokensDemo.tsx +5 -6
- package/src/hanzogui.config.ts +1 -1
- package/src/index.tsx +64 -64
- package/types/AccordionDemo.d.ts +2 -0
- package/types/AccordionDemo.d.ts.map +1 -0
- package/types/AddThemeDemo.d.ts +3 -0
- package/types/AddThemeDemo.d.ts.map +1 -0
- package/types/AlertDialogDemo.d.ts +2 -0
- package/types/AlertDialogDemo.d.ts.map +1 -0
- package/types/AnimationsDelayDemo.d.ts +3 -0
- package/types/AnimationsDelayDemo.d.ts.map +1 -0
- package/types/AnimationsDemo.d.ts +21 -0
- package/types/AnimationsDemo.d.ts.map +1 -0
- package/types/AnimationsEnterDemo.d.ts +3 -0
- package/types/AnimationsEnterDemo.d.ts.map +1 -0
- package/types/AnimationsHoverDemo.d.ts +2 -0
- package/types/AnimationsHoverDemo.d.ts.map +1 -0
- package/types/AnimationsPresenceDemo.d.ts +4 -0
- package/types/AnimationsPresenceDemo.d.ts.map +1 -0
- package/types/AnimationsTimingDemo.d.ts +2 -0
- package/types/AnimationsTimingDemo.d.ts.map +1 -0
- package/types/AvatarDemo.d.ts +2 -0
- package/types/AvatarDemo.d.ts.map +1 -0
- package/types/BoxShadowTokenDemo.d.ts +2 -0
- package/types/BoxShadowTokenDemo.d.ts.map +1 -0
- package/types/BrandTokensDemo.d.ts +2 -0
- package/types/BrandTokensDemo.d.ts.map +1 -0
- package/types/BuildAButtonDemo.d.ts +2 -0
- package/types/BuildAButtonDemo.d.ts.map +1 -0
- package/types/ButtonDemo.d.ts +2 -0
- package/types/ButtonDemo.d.ts.map +1 -0
- package/types/CardDemo.d.ts +4 -0
- package/types/CardDemo.d.ts.map +1 -0
- package/types/CheckboxDemo.d.ts +6 -0
- package/types/CheckboxDemo.d.ts.map +1 -0
- package/types/CheckboxHeadlessDemo.d.ts +3 -0
- package/types/CheckboxHeadlessDemo.d.ts.map +1 -0
- package/types/CheckboxUnstyledDemo.d.ts +321 -0
- package/types/CheckboxUnstyledDemo.d.ts.map +1 -0
- package/types/ColorsDemo.d.ts +2 -0
- package/types/ColorsDemo.d.ts.map +1 -0
- package/types/ContextMenuDemo.d.ts +6 -0
- package/types/ContextMenuDemo.d.ts.map +1 -0
- package/types/DialogDemo.d.ts +2 -0
- package/types/DialogDemo.d.ts.map +1 -0
- package/types/FormsDemo.d.ts +6 -0
- package/types/FormsDemo.d.ts.map +1 -0
- package/types/GroupDemo.d.ts +2 -0
- package/types/GroupDemo.d.ts.map +1 -0
- package/types/HeadingsDemo.d.ts +2 -0
- package/types/HeadingsDemo.d.ts.map +1 -0
- package/types/ImageDemo.d.ts +2 -0
- package/types/ImageDemo.d.ts.map +1 -0
- package/types/InputsDemo.d.ts +2 -0
- package/types/InputsDemo.d.ts.map +1 -0
- package/types/LabelDemo.d.ts +2 -0
- package/types/LabelDemo.d.ts.map +1 -0
- package/types/LinearGradientDemo.d.ts +2 -0
- package/types/LinearGradientDemo.d.ts.map +1 -0
- package/types/ListItemDemo.d.ts +2 -0
- package/types/ListItemDemo.d.ts.map +1 -0
- package/types/LucideIconsDemo.d.ts +3 -0
- package/types/LucideIconsDemo.d.ts.map +1 -0
- package/types/MenuDemo.d.ts +11 -0
- package/types/MenuDemo.d.ts.map +1 -0
- package/types/NewInputsDemo.d.ts +2 -0
- package/types/NewInputsDemo.d.ts.map +1 -0
- package/types/PopoverDemo.d.ts +8 -0
- package/types/PopoverDemo.d.ts.map +1 -0
- package/types/ProgressDemo.d.ts +3 -0
- package/types/ProgressDemo.d.ts.map +1 -0
- package/types/RadioGroupDemo.d.ts +8 -0
- package/types/RadioGroupDemo.d.ts.map +1 -0
- package/types/RadioGroupHeadlessDemo.d.ts +3 -0
- package/types/RadioGroupHeadlessDemo.d.ts.map +1 -0
- package/types/RadioGroupUnstyledDemo.d.ts +2 -0
- package/types/RadioGroupUnstyledDemo.d.ts.map +1 -0
- package/types/ReplaceThemeDemo.d.ts +3 -0
- package/types/ReplaceThemeDemo.d.ts.map +1 -0
- package/types/ScrollViewDemo.d.ts +2 -0
- package/types/ScrollViewDemo.d.ts.map +1 -0
- package/types/SelectDemo.d.ts +54 -0
- package/types/SelectDemo.d.ts.map +1 -0
- package/types/SeparatorDemo.d.ts +2 -0
- package/types/SeparatorDemo.d.ts.map +1 -0
- package/types/ShapesDemo.d.ts +2 -0
- package/types/ShapesDemo.d.ts.map +1 -0
- package/types/SheetDemo.d.ts +3 -0
- package/types/SheetDemo.d.ts.map +1 -0
- package/types/SliderDemo.d.ts +2 -0
- package/types/SliderDemo.d.ts.map +1 -0
- package/types/SpinnerDemo.d.ts +2 -0
- package/types/SpinnerDemo.d.ts.map +1 -0
- package/types/StacksDemo.d.ts +3 -0
- package/types/StacksDemo.d.ts.map +1 -0
- package/types/SwitchDemo.d.ts +8 -0
- package/types/SwitchDemo.d.ts.map +1 -0
- package/types/SwitchHeadlessDemo.d.ts +3 -0
- package/types/SwitchHeadlessDemo.d.ts.map +1 -0
- package/types/SwitchUnstyledDemo.d.ts +136 -0
- package/types/SwitchUnstyledDemo.d.ts.map +1 -0
- package/types/TabsAdvancedDemo.d.ts +3 -0
- package/types/TabsAdvancedDemo.d.ts.map +1 -0
- package/types/TabsDemo.d.ts +3 -0
- package/types/TabsDemo.d.ts.map +1 -0
- package/types/TabsHeadlessDemo.d.ts +571 -0
- package/types/TabsHeadlessDemo.d.ts.map +1 -0
- package/types/TextDemo.d.ts +2 -0
- package/types/TextDemo.d.ts.map +1 -0
- package/types/ThemeBuilderDemo.d.ts +2 -0
- package/types/ThemeBuilderDemo.d.ts.map +1 -0
- package/types/ThemeInverseDemo.d.ts +2 -0
- package/types/ThemeInverseDemo.d.ts.map +1 -0
- package/types/ToastDemo.d.ts +2 -0
- package/types/ToastDemo.d.ts.map +1 -0
- package/types/ToastDuplicateDemo.d.ts +5 -0
- package/types/ToastDuplicateDemo.d.ts.map +1 -0
- package/types/ToastV1Demo.d.ts +8 -0
- package/types/ToastV1Demo.d.ts.map +1 -0
- package/types/ToggleGroupDemo.d.ts +2 -0
- package/types/ToggleGroupDemo.d.ts.map +1 -0
- package/types/TokensDemo.d.ts +3 -0
- package/types/TokensDemo.d.ts.map +1 -0
- package/types/TooltipDemo.d.ts +2 -0
- package/types/TooltipDemo.d.ts.map +1 -0
- package/types/UpdateThemeDemo.d.ts +3 -0
- package/types/UpdateThemeDemo.d.ts.map +1 -0
- package/types/WebNativeImageDemo.d.ts +2 -0
- package/types/WebNativeImageDemo.d.ts.map +1 -0
- package/types/hanzogui.config.d.ts +598 -0
- package/types/hanzogui.config.d.ts.map +1 -0
- package/types/index.d.ts +64 -0
- package/types/index.d.ts.map +1 -0
- package/types/useOnIntersecting.d.ts +10 -0
- package/types/useOnIntersecting.d.ts.map +1 -0
- package/dist/cjs/AccordionDemo.cjs +0 -113
- package/dist/cjs/AccordionDemo.native.js +0 -123
- package/dist/cjs/AccordionDemo.native.js.map +0 -1
- package/dist/cjs/AddThemeDemo.cjs +0 -74
- package/dist/cjs/AddThemeDemo.native.js +0 -77
- package/dist/cjs/AddThemeDemo.native.js.map +0 -1
- package/dist/cjs/AlertDialogDemo.cjs +0 -98
- package/dist/cjs/AlertDialogDemo.native.js +0 -101
- package/dist/cjs/AlertDialogDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +0 -90
- package/dist/cjs/AnimationsDelayDemo.native.js +0 -97
- package/dist/cjs/AnimationsDelayDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsDemo.cjs +0 -104
- package/dist/cjs/AnimationsDemo.native.js +0 -108
- package/dist/cjs/AnimationsDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +0 -80
- package/dist/cjs/AnimationsEnterDemo.native.js +0 -86
- package/dist/cjs/AnimationsEnterDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +0 -49
- package/dist/cjs/AnimationsHoverDemo.native.js +0 -52
- package/dist/cjs/AnimationsHoverDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +0 -125
- package/dist/cjs/AnimationsPresenceDemo.native.js +0 -136
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +0 -48
- package/dist/cjs/AnimationsTimingDemo.native.js +0 -51
- package/dist/cjs/AnimationsTimingDemo.native.js.map +0 -1
- package/dist/cjs/AvatarDemo.cjs +0 -55
- package/dist/cjs/AvatarDemo.native.js +0 -58
- package/dist/cjs/AvatarDemo.native.js.map +0 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +0 -59
- package/dist/cjs/BoxShadowTokenDemo.native.js +0 -64
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +0 -1
- package/dist/cjs/BrandTokensDemo.cjs +0 -142
- package/dist/cjs/BrandTokensDemo.native.js +0 -151
- package/dist/cjs/BrandTokensDemo.native.js.map +0 -1
- package/dist/cjs/BuildAButtonDemo.cjs +0 -131
- package/dist/cjs/BuildAButtonDemo.native.js +0 -134
- package/dist/cjs/BuildAButtonDemo.native.js.map +0 -1
- package/dist/cjs/ButtonDemo.cjs +0 -91
- package/dist/cjs/ButtonDemo.native.js +0 -94
- package/dist/cjs/ButtonDemo.native.js.map +0 -1
- package/dist/cjs/CardDemo.cjs +0 -91
- package/dist/cjs/CardDemo.native.js +0 -94
- package/dist/cjs/CardDemo.native.js.map +0 -1
- package/dist/cjs/CheckboxDemo.cjs +0 -81
- package/dist/cjs/CheckboxDemo.native.js +0 -85
- package/dist/cjs/CheckboxDemo.native.js.map +0 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +0 -89
- package/dist/cjs/CheckboxHeadlessDemo.native.js +0 -92
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +0 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +0 -80
- package/dist/cjs/CheckboxUnstyledDemo.native.js +0 -83
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +0 -1
- package/dist/cjs/ColorsDemo.cjs +0 -139
- package/dist/cjs/ColorsDemo.native.js +0 -145
- package/dist/cjs/ColorsDemo.native.js.map +0 -1
- package/dist/cjs/ContextMenuDemo.cjs +0 -228
- package/dist/cjs/ContextMenuDemo.native.js +0 -232
- package/dist/cjs/ContextMenuDemo.native.js.map +0 -1
- package/dist/cjs/DialogDemo.cjs +0 -214
- package/dist/cjs/DialogDemo.native.js +0 -224
- package/dist/cjs/DialogDemo.native.js.map +0 -1
- package/dist/cjs/FormsDemo.cjs +0 -88
- package/dist/cjs/FormsDemo.native.js +0 -95
- package/dist/cjs/FormsDemo.native.js.map +0 -1
- package/dist/cjs/GroupDemo.cjs +0 -94
- package/dist/cjs/GroupDemo.native.js +0 -99
- package/dist/cjs/GroupDemo.native.js.map +0 -1
- package/dist/cjs/HeadingsDemo.cjs +0 -47
- package/dist/cjs/HeadingsDemo.native.js +0 -50
- package/dist/cjs/HeadingsDemo.native.js.map +0 -1
- package/dist/cjs/ImageDemo.cjs +0 -40
- package/dist/cjs/ImageDemo.native.js +0 -43
- package/dist/cjs/ImageDemo.native.js.map +0 -1
- package/dist/cjs/InputsDemo.cjs +0 -64
- package/dist/cjs/InputsDemo.native.js +0 -67
- package/dist/cjs/InputsDemo.native.js.map +0 -1
- package/dist/cjs/LabelDemo.cjs +0 -67
- package/dist/cjs/LabelDemo.native.js +0 -70
- package/dist/cjs/LabelDemo.native.js.map +0 -1
- package/dist/cjs/LinearGradientDemo.cjs +0 -50
- package/dist/cjs/LinearGradientDemo.native.js +0 -55
- package/dist/cjs/LinearGradientDemo.native.js.map +0 -1
- package/dist/cjs/ListItemDemo.cjs +0 -111
- package/dist/cjs/ListItemDemo.native.js +0 -114
- package/dist/cjs/ListItemDemo.native.js.map +0 -1
- package/dist/cjs/LucideIconsDemo.cjs +0 -99
- package/dist/cjs/LucideIconsDemo.native.js +0 -120
- package/dist/cjs/LucideIconsDemo.native.js.map +0 -1
- package/dist/cjs/MenuDemo.cjs +0 -229
- package/dist/cjs/MenuDemo.native.js +0 -235
- package/dist/cjs/MenuDemo.native.js.map +0 -1
- package/dist/cjs/NewInputsDemo.cjs +0 -65
- package/dist/cjs/NewInputsDemo.native.js +0 -68
- package/dist/cjs/NewInputsDemo.native.js.map +0 -1
- package/dist/cjs/PopoverDemo.cjs +0 -152
- package/dist/cjs/PopoverDemo.native.js +0 -159
- package/dist/cjs/PopoverDemo.native.js.map +0 -1
- package/dist/cjs/ProgressDemo.cjs +0 -92
- package/dist/cjs/ProgressDemo.native.js +0 -119
- package/dist/cjs/ProgressDemo.native.js.map +0 -1
- package/dist/cjs/RadioGroupDemo.cjs +0 -76
- package/dist/cjs/RadioGroupDemo.native.js +0 -79
- package/dist/cjs/RadioGroupDemo.native.js.map +0 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +0 -173
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +0 -178
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +0 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +0 -143
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +0 -146
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +0 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +0 -83
- package/dist/cjs/ReplaceThemeDemo.native.js +0 -86
- package/dist/cjs/ReplaceThemeDemo.native.js.map +0 -1
- package/dist/cjs/ScrollViewDemo.cjs +0 -76
- package/dist/cjs/ScrollViewDemo.native.js +0 -79
- package/dist/cjs/ScrollViewDemo.native.js.map +0 -1
- package/dist/cjs/SelectDemo.cjs +0 -240
- package/dist/cjs/SelectDemo.native.js +0 -254
- package/dist/cjs/SelectDemo.native.js.map +0 -1
- package/dist/cjs/SeparatorDemo.cjs +0 -62
- package/dist/cjs/SeparatorDemo.native.js +0 -65
- package/dist/cjs/SeparatorDemo.native.js.map +0 -1
- package/dist/cjs/ShapesDemo.cjs +0 -44
- package/dist/cjs/ShapesDemo.native.js +0 -47
- package/dist/cjs/ShapesDemo.native.js.map +0 -1
- package/dist/cjs/SheetDemo.cjs +0 -198
- package/dist/cjs/SheetDemo.native.js +0 -223
- package/dist/cjs/SheetDemo.native.js.map +0 -1
- package/dist/cjs/SliderDemo.cjs +0 -60
- package/dist/cjs/SliderDemo.native.js +0 -64
- package/dist/cjs/SliderDemo.native.js.map +0 -1
- package/dist/cjs/SpinnerDemo.cjs +0 -43
- package/dist/cjs/SpinnerDemo.native.js +0 -46
- package/dist/cjs/SpinnerDemo.native.js.map +0 -1
- package/dist/cjs/StacksDemo.cjs +0 -109
- package/dist/cjs/StacksDemo.native.js +0 -124
- package/dist/cjs/StacksDemo.native.js.map +0 -1
- package/dist/cjs/SwitchDemo.cjs +0 -103
- package/dist/cjs/SwitchDemo.native.js +0 -109
- package/dist/cjs/SwitchDemo.native.js.map +0 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +0 -105
- package/dist/cjs/SwitchHeadlessDemo.native.js +0 -112
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +0 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +0 -91
- package/dist/cjs/SwitchUnstyledDemo.native.js +0 -94
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +0 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +0 -362
- package/dist/cjs/TabsAdvancedDemo.native.js +0 -404
- package/dist/cjs/TabsAdvancedDemo.native.js.map +0 -1
- package/dist/cjs/TabsDemo.cjs +0 -220
- package/dist/cjs/TabsDemo.native.js +0 -227
- package/dist/cjs/TabsDemo.native.js.map +0 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +0 -134
- package/dist/cjs/TabsHeadlessDemo.native.js +0 -157
- package/dist/cjs/TabsHeadlessDemo.native.js.map +0 -1
- package/dist/cjs/TextDemo.cjs +0 -51
- package/dist/cjs/TextDemo.native.js +0 -54
- package/dist/cjs/TextDemo.native.js.map +0 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +0 -180
- package/dist/cjs/ThemeBuilderDemo.native.js +0 -183
- package/dist/cjs/ThemeBuilderDemo.native.js.map +0 -1
- package/dist/cjs/ThemeInverseDemo.cjs +0 -101
- package/dist/cjs/ThemeInverseDemo.native.js +0 -104
- package/dist/cjs/ThemeInverseDemo.native.js.map +0 -1
- package/dist/cjs/ToastDemo.cjs +0 -232
- package/dist/cjs/ToastDemo.native.js +0 -250
- package/dist/cjs/ToastDemo.native.js.map +0 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +0 -72
- package/dist/cjs/ToastDuplicateDemo.native.js +0 -77
- package/dist/cjs/ToastDuplicateDemo.native.js.map +0 -1
- package/dist/cjs/ToastV1Demo.cjs +0 -155
- package/dist/cjs/ToastV1Demo.native.js +0 -166
- package/dist/cjs/ToastV1Demo.native.js.map +0 -1
- package/dist/cjs/ToggleGroupDemo.cjs +0 -122
- package/dist/cjs/ToggleGroupDemo.native.js +0 -125
- package/dist/cjs/ToggleGroupDemo.native.js.map +0 -1
- package/dist/cjs/TokensDemo.cjs +0 -129
- package/dist/cjs/TokensDemo.native.js +0 -148
- package/dist/cjs/TokensDemo.native.js.map +0 -1
- package/dist/cjs/TooltipDemo.cjs +0 -133
- package/dist/cjs/TooltipDemo.native.js +0 -137
- package/dist/cjs/TooltipDemo.native.js.map +0 -1
- package/dist/cjs/UpdateThemeDemo.cjs +0 -84
- package/dist/cjs/UpdateThemeDemo.native.js +0 -87
- package/dist/cjs/UpdateThemeDemo.native.js.map +0 -1
- package/dist/cjs/WebNativeImageDemo.cjs +0 -36
- package/dist/cjs/WebNativeImageDemo.native.js +0 -39
- package/dist/cjs/WebNativeImageDemo.native.js.map +0 -1
- package/dist/cjs/hanzogui.config.cjs +0 -31
- package/dist/cjs/hanzogui.config.native.js +0 -34
- package/dist/cjs/hanzogui.config.native.js.map +0 -1
- package/dist/cjs/index.cjs +0 -82
- package/dist/cjs/index.native.js +0 -85
- package/dist/cjs/index.native.js.map +0 -1
- package/dist/cjs/useOnIntersecting.cjs +0 -84
- package/dist/cjs/useOnIntersecting.native.js +0 -119
- package/dist/cjs/useOnIntersecting.native.js.map +0 -1
- package/dist/esm/AccordionDemo.mjs +0 -88
- package/dist/esm/AccordionDemo.mjs.map +0 -1
- package/dist/esm/AccordionDemo.native.js +0 -95
- package/dist/esm/AccordionDemo.native.js.map +0 -1
- package/dist/esm/AddThemeDemo.mjs +0 -38
- package/dist/esm/AddThemeDemo.mjs.map +0 -1
- package/dist/esm/AddThemeDemo.native.js +0 -38
- package/dist/esm/AddThemeDemo.native.js.map +0 -1
- package/dist/esm/AlertDialogDemo.mjs +0 -73
- package/dist/esm/AlertDialogDemo.mjs.map +0 -1
- package/dist/esm/AlertDialogDemo.native.js +0 -73
- package/dist/esm/AlertDialogDemo.native.js.map +0 -1
- package/dist/esm/AnimationsDelayDemo.mjs +0 -54
- package/dist/esm/AnimationsDelayDemo.mjs.map +0 -1
- package/dist/esm/AnimationsDelayDemo.native.js +0 -58
- package/dist/esm/AnimationsDelayDemo.native.js.map +0 -1
- package/dist/esm/AnimationsDemo.mjs +0 -78
- package/dist/esm/AnimationsDemo.mjs.map +0 -1
- package/dist/esm/AnimationsDemo.native.js +0 -79
- package/dist/esm/AnimationsDemo.native.js.map +0 -1
- package/dist/esm/AnimationsEnterDemo.mjs +0 -44
- package/dist/esm/AnimationsEnterDemo.mjs.map +0 -1
- package/dist/esm/AnimationsEnterDemo.native.js +0 -47
- package/dist/esm/AnimationsEnterDemo.native.js.map +0 -1
- package/dist/esm/AnimationsHoverDemo.mjs +0 -24
- package/dist/esm/AnimationsHoverDemo.mjs.map +0 -1
- package/dist/esm/AnimationsHoverDemo.native.js +0 -24
- package/dist/esm/AnimationsHoverDemo.native.js.map +0 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +0 -88
- package/dist/esm/AnimationsPresenceDemo.mjs.map +0 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +0 -96
- package/dist/esm/AnimationsPresenceDemo.native.js.map +0 -1
- package/dist/esm/AnimationsTimingDemo.mjs +0 -23
- package/dist/esm/AnimationsTimingDemo.mjs.map +0 -1
- package/dist/esm/AnimationsTimingDemo.native.js +0 -23
- package/dist/esm/AnimationsTimingDemo.native.js.map +0 -1
- package/dist/esm/AvatarDemo.mjs +0 -30
- package/dist/esm/AvatarDemo.mjs.map +0 -1
- package/dist/esm/AvatarDemo.native.js +0 -30
- package/dist/esm/AvatarDemo.native.js.map +0 -1
- package/dist/esm/BoxShadowTokenDemo.mjs +0 -34
- package/dist/esm/BoxShadowTokenDemo.mjs.map +0 -1
- package/dist/esm/BoxShadowTokenDemo.native.js +0 -36
- package/dist/esm/BoxShadowTokenDemo.native.js.map +0 -1
- package/dist/esm/BrandTokensDemo.mjs +0 -117
- package/dist/esm/BrandTokensDemo.mjs.map +0 -1
- package/dist/esm/BrandTokensDemo.native.js +0 -123
- package/dist/esm/BrandTokensDemo.native.js.map +0 -1
- package/dist/esm/BuildAButtonDemo.mjs +0 -106
- package/dist/esm/BuildAButtonDemo.mjs.map +0 -1
- package/dist/esm/BuildAButtonDemo.native.js +0 -106
- package/dist/esm/BuildAButtonDemo.native.js.map +0 -1
- package/dist/esm/ButtonDemo.mjs +0 -66
- package/dist/esm/ButtonDemo.mjs.map +0 -1
- package/dist/esm/ButtonDemo.native.js +0 -66
- package/dist/esm/ButtonDemo.native.js.map +0 -1
- package/dist/esm/CardDemo.mjs +0 -65
- package/dist/esm/CardDemo.mjs.map +0 -1
- package/dist/esm/CardDemo.native.js +0 -65
- package/dist/esm/CardDemo.native.js.map +0 -1
- package/dist/esm/CheckboxDemo.mjs +0 -55
- package/dist/esm/CheckboxDemo.mjs.map +0 -1
- package/dist/esm/CheckboxDemo.native.js +0 -56
- package/dist/esm/CheckboxDemo.native.js.map +0 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +0 -53
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +0 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +0 -53
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +0 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +0 -54
- package/dist/esm/CheckboxUnstyledDemo.mjs.map +0 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +0 -54
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +0 -1
- package/dist/esm/ColorsDemo.mjs +0 -114
- package/dist/esm/ColorsDemo.mjs.map +0 -1
- package/dist/esm/ColorsDemo.native.js +0 -117
- package/dist/esm/ColorsDemo.native.js.map +0 -1
- package/dist/esm/ContextMenuDemo.mjs +0 -192
- package/dist/esm/ContextMenuDemo.mjs.map +0 -1
- package/dist/esm/ContextMenuDemo.native.js +0 -193
- package/dist/esm/ContextMenuDemo.native.js.map +0 -1
- package/dist/esm/DialogDemo.mjs +0 -189
- package/dist/esm/DialogDemo.mjs.map +0 -1
- package/dist/esm/DialogDemo.native.js +0 -196
- package/dist/esm/DialogDemo.native.js.map +0 -1
- package/dist/esm/FormsDemo.mjs +0 -52
- package/dist/esm/FormsDemo.mjs.map +0 -1
- package/dist/esm/FormsDemo.native.js +0 -56
- package/dist/esm/FormsDemo.native.js.map +0 -1
- package/dist/esm/GroupDemo.mjs +0 -69
- package/dist/esm/GroupDemo.mjs.map +0 -1
- package/dist/esm/GroupDemo.native.js +0 -71
- package/dist/esm/GroupDemo.native.js.map +0 -1
- package/dist/esm/HeadingsDemo.mjs +0 -22
- package/dist/esm/HeadingsDemo.mjs.map +0 -1
- package/dist/esm/HeadingsDemo.native.js +0 -22
- package/dist/esm/HeadingsDemo.native.js.map +0 -1
- package/dist/esm/ImageDemo.mjs +0 -15
- package/dist/esm/ImageDemo.mjs.map +0 -1
- package/dist/esm/ImageDemo.native.js +0 -15
- package/dist/esm/ImageDemo.native.js.map +0 -1
- package/dist/esm/InputsDemo.mjs +0 -39
- package/dist/esm/InputsDemo.mjs.map +0 -1
- package/dist/esm/InputsDemo.native.js +0 -39
- package/dist/esm/InputsDemo.native.js.map +0 -1
- package/dist/esm/LabelDemo.mjs +0 -42
- package/dist/esm/LabelDemo.mjs.map +0 -1
- package/dist/esm/LabelDemo.native.js +0 -42
- package/dist/esm/LabelDemo.native.js.map +0 -1
- package/dist/esm/LinearGradientDemo.mjs +0 -25
- package/dist/esm/LinearGradientDemo.mjs.map +0 -1
- package/dist/esm/LinearGradientDemo.native.js +0 -27
- package/dist/esm/LinearGradientDemo.native.js.map +0 -1
- package/dist/esm/ListItemDemo.mjs +0 -86
- package/dist/esm/ListItemDemo.mjs.map +0 -1
- package/dist/esm/ListItemDemo.native.js +0 -86
- package/dist/esm/ListItemDemo.native.js.map +0 -1
- package/dist/esm/LucideIconsDemo.mjs +0 -63
- package/dist/esm/LucideIconsDemo.mjs.map +0 -1
- package/dist/esm/LucideIconsDemo.native.js +0 -81
- package/dist/esm/LucideIconsDemo.native.js.map +0 -1
- package/dist/esm/MenuDemo.mjs +0 -193
- package/dist/esm/MenuDemo.mjs.map +0 -1
- package/dist/esm/MenuDemo.native.js +0 -196
- package/dist/esm/MenuDemo.native.js.map +0 -1
- package/dist/esm/NewInputsDemo.mjs +0 -40
- package/dist/esm/NewInputsDemo.mjs.map +0 -1
- package/dist/esm/NewInputsDemo.native.js +0 -40
- package/dist/esm/NewInputsDemo.native.js.map +0 -1
- package/dist/esm/PopoverDemo.mjs +0 -126
- package/dist/esm/PopoverDemo.mjs.map +0 -1
- package/dist/esm/PopoverDemo.native.js +0 -130
- package/dist/esm/PopoverDemo.native.js.map +0 -1
- package/dist/esm/ProgressDemo.mjs +0 -56
- package/dist/esm/ProgressDemo.mjs.map +0 -1
- package/dist/esm/ProgressDemo.native.js +0 -80
- package/dist/esm/ProgressDemo.native.js.map +0 -1
- package/dist/esm/RadioGroupDemo.mjs +0 -50
- package/dist/esm/RadioGroupDemo.mjs.map +0 -1
- package/dist/esm/RadioGroupDemo.native.js +0 -50
- package/dist/esm/RadioGroupDemo.native.js.map +0 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +0 -137
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +0 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +0 -139
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +0 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +0 -118
- package/dist/esm/RadioGroupUnstyledDemo.mjs.map +0 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +0 -118
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +0 -1
- package/dist/esm/ReplaceThemeDemo.mjs +0 -47
- package/dist/esm/ReplaceThemeDemo.mjs.map +0 -1
- package/dist/esm/ReplaceThemeDemo.native.js +0 -47
- package/dist/esm/ReplaceThemeDemo.native.js.map +0 -1
- package/dist/esm/ScrollViewDemo.mjs +0 -51
- package/dist/esm/ScrollViewDemo.mjs.map +0 -1
- package/dist/esm/ScrollViewDemo.native.js +0 -51
- package/dist/esm/ScrollViewDemo.native.js.map +0 -1
- package/dist/esm/SelectDemo.mjs +0 -203
- package/dist/esm/SelectDemo.mjs.map +0 -1
- package/dist/esm/SelectDemo.native.js +0 -214
- package/dist/esm/SelectDemo.native.js.map +0 -1
- package/dist/esm/SeparatorDemo.mjs +0 -37
- package/dist/esm/SeparatorDemo.mjs.map +0 -1
- package/dist/esm/SeparatorDemo.native.js +0 -37
- package/dist/esm/SeparatorDemo.native.js.map +0 -1
- package/dist/esm/ShapesDemo.mjs +0 -19
- package/dist/esm/ShapesDemo.mjs.map +0 -1
- package/dist/esm/ShapesDemo.native.js +0 -19
- package/dist/esm/ShapesDemo.native.js.map +0 -1
- package/dist/esm/SheetDemo.mjs +0 -162
- package/dist/esm/SheetDemo.mjs.map +0 -1
- package/dist/esm/SheetDemo.native.js +0 -184
- package/dist/esm/SheetDemo.native.js.map +0 -1
- package/dist/esm/SliderDemo.mjs +0 -35
- package/dist/esm/SliderDemo.mjs.map +0 -1
- package/dist/esm/SliderDemo.native.js +0 -36
- package/dist/esm/SliderDemo.native.js.map +0 -1
- package/dist/esm/SpinnerDemo.mjs +0 -18
- package/dist/esm/SpinnerDemo.mjs.map +0 -1
- package/dist/esm/SpinnerDemo.native.js +0 -18
- package/dist/esm/SpinnerDemo.native.js.map +0 -1
- package/dist/esm/StacksDemo.mjs +0 -84
- package/dist/esm/StacksDemo.mjs.map +0 -1
- package/dist/esm/StacksDemo.native.js +0 -85
- package/dist/esm/StacksDemo.native.js.map +0 -1
- package/dist/esm/SwitchDemo.mjs +0 -77
- package/dist/esm/SwitchDemo.mjs.map +0 -1
- package/dist/esm/SwitchDemo.native.js +0 -80
- package/dist/esm/SwitchDemo.native.js.map +0 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +0 -69
- package/dist/esm/SwitchHeadlessDemo.mjs.map +0 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +0 -73
- package/dist/esm/SwitchHeadlessDemo.native.js.map +0 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +0 -65
- package/dist/esm/SwitchUnstyledDemo.mjs.map +0 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +0 -65
- package/dist/esm/SwitchUnstyledDemo.native.js.map +0 -1
- package/dist/esm/TabsAdvancedDemo.mjs +0 -326
- package/dist/esm/TabsAdvancedDemo.mjs.map +0 -1
- package/dist/esm/TabsAdvancedDemo.native.js +0 -365
- package/dist/esm/TabsAdvancedDemo.native.js.map +0 -1
- package/dist/esm/TabsDemo.mjs +0 -184
- package/dist/esm/TabsDemo.mjs.map +0 -1
- package/dist/esm/TabsDemo.native.js +0 -188
- package/dist/esm/TabsDemo.native.js.map +0 -1
- package/dist/esm/TabsHeadlessDemo.mjs +0 -107
- package/dist/esm/TabsHeadlessDemo.mjs.map +0 -1
- package/dist/esm/TabsHeadlessDemo.native.js +0 -114
- package/dist/esm/TabsHeadlessDemo.native.js.map +0 -1
- package/dist/esm/TextDemo.mjs +0 -26
- package/dist/esm/TextDemo.mjs.map +0 -1
- package/dist/esm/TextDemo.native.js +0 -26
- package/dist/esm/TextDemo.native.js.map +0 -1
- package/dist/esm/ThemeBuilderDemo.mjs +0 -155
- package/dist/esm/ThemeBuilderDemo.mjs.map +0 -1
- package/dist/esm/ThemeBuilderDemo.native.js +0 -155
- package/dist/esm/ThemeBuilderDemo.native.js.map +0 -1
- package/dist/esm/ThemeInverseDemo.mjs +0 -76
- package/dist/esm/ThemeInverseDemo.mjs.map +0 -1
- package/dist/esm/ThemeInverseDemo.native.js +0 -76
- package/dist/esm/ThemeInverseDemo.native.js.map +0 -1
- package/dist/esm/ToastDemo.mjs +0 -207
- package/dist/esm/ToastDemo.mjs.map +0 -1
- package/dist/esm/ToastDemo.native.js +0 -222
- package/dist/esm/ToastDemo.native.js.map +0 -1
- package/dist/esm/ToastDuplicateDemo.mjs +0 -47
- package/dist/esm/ToastDuplicateDemo.mjs.map +0 -1
- package/dist/esm/ToastDuplicateDemo.native.js +0 -49
- package/dist/esm/ToastDuplicateDemo.native.js.map +0 -1
- package/dist/esm/ToastV1Demo.mjs +0 -119
- package/dist/esm/ToastV1Demo.mjs.map +0 -1
- package/dist/esm/ToastV1Demo.native.js +0 -127
- package/dist/esm/ToastV1Demo.native.js.map +0 -1
- package/dist/esm/ToggleGroupDemo.mjs +0 -97
- package/dist/esm/ToggleGroupDemo.mjs.map +0 -1
- package/dist/esm/ToggleGroupDemo.native.js +0 -97
- package/dist/esm/ToggleGroupDemo.native.js.map +0 -1
- package/dist/esm/TokensDemo.mjs +0 -93
- package/dist/esm/TokensDemo.mjs.map +0 -1
- package/dist/esm/TokensDemo.native.js +0 -109
- package/dist/esm/TokensDemo.native.js.map +0 -1
- package/dist/esm/TooltipDemo.mjs +0 -108
- package/dist/esm/TooltipDemo.mjs.map +0 -1
- package/dist/esm/TooltipDemo.native.js +0 -109
- package/dist/esm/TooltipDemo.native.js.map +0 -1
- package/dist/esm/UpdateThemeDemo.mjs +0 -48
- package/dist/esm/UpdateThemeDemo.mjs.map +0 -1
- package/dist/esm/UpdateThemeDemo.native.js +0 -48
- package/dist/esm/UpdateThemeDemo.native.js.map +0 -1
- package/dist/esm/WebNativeImageDemo.mjs +0 -11
- package/dist/esm/WebNativeImageDemo.mjs.map +0 -1
- package/dist/esm/WebNativeImageDemo.native.js +0 -11
- package/dist/esm/WebNativeImageDemo.native.js.map +0 -1
- package/dist/esm/hanzogui.config.mjs +0 -6
- package/dist/esm/hanzogui.config.mjs.map +0 -1
- package/dist/esm/hanzogui.config.native.js +0 -6
- package/dist/esm/hanzogui.config.native.js.map +0 -1
- package/dist/esm/index.mjs +0 -64
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js +0 -64
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/useOnIntersecting.mjs +0 -58
- package/dist/esm/useOnIntersecting.mjs.map +0 -1
- package/dist/esm/useOnIntersecting.native.js +0 -90
- package/dist/esm/useOnIntersecting.native.js.map +0 -1
package/dist/esm/ToastDemo.mjs
DELETED
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
import { isWeb } from "@hanzo/gui";
|
|
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 "@hanzo/gui";
|
|
6
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
const ToastDemo = () => {
|
|
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
|
-
})]
|
|
113
|
-
})]
|
|
114
|
-
});
|
|
115
|
-
};
|
|
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, {
|
|
129
|
-
flex: 1,
|
|
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",
|
|
137
|
-
size: "$2",
|
|
138
|
-
children: description
|
|
139
|
-
})]
|
|
140
|
-
})]
|
|
141
|
-
}), isWeb && /* @__PURE__ */jsx(Toast.Close, {
|
|
142
|
-
testID: "toast-close-button",
|
|
143
|
-
position: "absolute",
|
|
144
|
-
top: -6,
|
|
145
|
-
left: -6,
|
|
146
|
-
zIndex: 1
|
|
147
|
-
})]
|
|
148
|
-
});
|
|
149
|
-
}
|
|
150
|
-
function DemoSlider({
|
|
151
|
-
label,
|
|
152
|
-
value,
|
|
153
|
-
min,
|
|
154
|
-
max,
|
|
155
|
-
step,
|
|
156
|
-
onChange,
|
|
157
|
-
format
|
|
158
|
-
}) {
|
|
159
|
-
return /* @__PURE__ */jsxs(XStack, {
|
|
160
|
-
gap: "$2",
|
|
161
|
-
alignItems: "center",
|
|
162
|
-
children: [/* @__PURE__ */jsx(Label, {
|
|
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, {
|
|
176
|
-
theme: "accent",
|
|
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)
|
|
187
|
-
})]
|
|
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
|
-
});
|
|
205
|
-
};
|
|
206
|
-
export { ToastDemo };
|
|
207
|
-
//# sourceMappingURL=ToastDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
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":"AAAA,SAASA,KAAA,QAAa;AACtB,SACEC,KAAA,EACAC,KAAA,EACAC,YAAA,QAGK;AACP,SACEC,SAAA,EACAC,aAAA,EACAC,cAAA,EACAC,OAAA,EACAC,WAAA,EACAC,YAAA,QACK;AACP,SAASC,MAAA,EAAQC,QAAA,QAAgB;AACjC,SAASC,MAAA,EAAQC,KAAA,EAAOC,WAAA,EAAaC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AA4BrD,SA8FVC,QAAA,EA9FUC,GAAA,EASJC,IAAA,QATI;AA1BP,MAAMC,SAAA,GAAYA,CAAA,KAAM;EAC7B,MAAM,CAACC,QAAA,EAAUC,WAAW,IAAIZ,QAAA,CAAwB,cAAc;EACtE,MAAM,CAACa,GAAA,EAAKC,MAAM,IAAId,QAAA,CAAS,EAAE;EACjC,MAAM,CAACe,aAAA,EAAeC,gBAAgB,IAAIhB,QAAA,CAAS,CAAC;EACpD,MAAM,CAACiB,QAAA,EAAUC,WAAW,IAAIlB,QAAA,CAAS,GAAI;EAC7C,MAAMmB,KAAA,GAAQpB,MAAA,CAAO,CAAC;EAEtB,MAAMqB,SAAA,GAAaC,WAAA,IAA+B;IAChDT,WAAA,CAAYS,WAAW;IACvBF,KAAA,CAAMG,OAAA;IACN/B,KAAA,CAAM,UAAU4B,KAAA,CAAMG,OAAO,IAAI;MAC/BC,WAAA,EAAa;IACf,CAAC;EACH;EAEA,OACE,eAAAd,IAAA,CAACnB,KAAA;IACCqB,QAAA;IACAE,GAAA,EAAKW,IAAA,CAAKC,KAAA,CAAMZ,GAAG;IACnBE,aAAA;IACAE,QAAA;IAEAS,QAAA,kBAAAlB,GAAA,CAAClB,KAAA,CAAMqC,QAAA,EAAN;MAAeC,MAAA,EAAQ;MACtBF,QAAA,iBAAAlB,GAAA,CAAClB,KAAA,CAAMuC,IAAA,EAAN;QACCC,UAAA,EAAYA,CAAC;UAAEvC,KAAA,EAAOwC,CAAA;UAAGC;QAAM,MAC7B,eAAAxB,GAAA,CAAClB,KAAA,CAAM2C,IAAA,EAAN;UAAsB1C,KAAA,EAAOwC,CAAA;UAAGC,KAAA;UAAcE,MAAA,EAAO;UACpDR,QAAA,iBAAAlB,GAAA,CAAC2B,YAAA;YAAa5C,KAAA,EAAOwC;UAAA,CAAG;QAAA,GADTA,CAAA,CAAEK,EAEnB;MAAA,CAEJ;IAAA,CACF,GAEA,eAAA3B,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKwB,IAAA,EAAK;MAASC,KAAA,EAAO;MAEpCZ,QAAA,kBAAAjB,IAAA,CAACH,MAAA;QAAOO,GAAA,EAAI;QAAKwB,IAAA,EAAK;QACpBX,QAAA,kBAAAjB,IAAA,CAACJ,MAAA;UAAOQ,GAAA,EAAI;UACVa,QAAA,kBAAAlB,GAAA,CAAC+B,cAAA;YACC5B,QAAA,EAAS;YACTW,OAAA,EAASX,QAAA;YACT6B,OAAA,EAASpB,SAAA;YACTqB,IAAA,EAAM5C;UAAA,CACR,GACA,eAAAW,GAAA,CAAC+B,cAAA;YACC5B,QAAA,EAAS;YACTW,OAAA,EAASX,QAAA;YACT6B,OAAA,EAASpB,SAAA;YACTqB,IAAA,EAAM7C;UAAA,CACR,GACA,eAAAY,GAAA,CAAC+B,cAAA;YACC5B,QAAA,EAAS;YACTW,OAAA,EAASX,QAAA;YACT6B,OAAA,EAASpB,SAAA;YACTqB,IAAA,EAAM3C,YAAA;YACNoC,MAAA,EAAO;UAAA,CACT;QAAA,CACF,GACA,eAAAzB,IAAA,CAACJ,MAAA;UAAOQ,GAAA,EAAI;UACVa,QAAA,kBAAAlB,GAAA,CAAC+B,cAAA;YACC5B,QAAA,EAAS;YACTW,OAAA,EAASX,QAAA;YACT6B,OAAA,EAASpB,SAAA;YACTqB,IAAA,EAAM/C;UAAA,CACR,GACA,eAAAc,GAAA,CAAC+B,cAAA;YACC5B,QAAA,EAAS;YACTW,OAAA,EAASX,QAAA;YACT6B,OAAA,EAASpB,SAAA;YACTqB,IAAA,EAAMhD;UAAA,CACR,GACA,eAAAe,GAAA,CAAC+B,cAAA;YACC5B,QAAA,EAAS;YACTW,OAAA,EAASX,QAAA;YACT6B,OAAA,EAASpB,SAAA;YACTqB,IAAA,EAAM9C,cAAA;YACNuC,MAAA,EAAO;UAAA,CACT;QAAA,CACF;MAAA,CACF,GAGA,eAAAzB,IAAA,CAACH,MAAA;QAAOO,GAAA,EAAI;QAAK6B,UAAA,EAAW;QAC1BhB,QAAA,kBAAAlB,GAAA,CAACmC,UAAA;UACCC,KAAA,EAAM;UACNC,KAAA,EAAOhC,GAAA;UACPiC,GAAA,EAAK;UACLC,GAAA,EAAK;UACLC,IAAA,EAAM;UACNC,QAAA,EAAUnC;QAAA,CACZ,GACA,eAAAN,GAAA,CAACmC,UAAA;UACCC,KAAA,EAAM;UACNC,KAAA,EAAO9B,aAAA;UACP+B,GAAA,EAAK;UACLC,GAAA,EAAK;UACLC,IAAA,EAAM;UACNC,QAAA,EAAUjC;QAAA,CACZ,GACA,eAAAR,GAAA,CAACmC,UAAA;UACCC,KAAA,EAAM;UACNC,KAAA,EAAO5B,QAAA;UACP6B,GAAA,EAAK;UACLC,GAAA,EAAK;UACLC,IAAA,EAAM;UACNC,QAAA,EAAU/B,WAAA;UACVgC,MAAA,EAASC,CAAA,IAAM,IAAIA,CAAA,GAAI,KAAMC,OAAA,CAAQ,CAAC,CAAC;QAAA,CACzC;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ;AAEA,SAASjB,aAAa;EAAE5C,KAAA,EAAOwC;AAAE,GAAsB;EACrD,MAAM;IAAEsB;EAAY,IAAI7D,YAAA,CAAa;EAErC,MAAM8D,KAAA,GAAQ,OAAOvB,CAAA,CAAEuB,KAAA,KAAU,aAAavB,CAAA,CAAEuB,KAAA,CAAM,IAAIvB,CAAA,CAAEuB,KAAA;EAC5D,MAAM/B,WAAA,GACJ,OAAOQ,CAAA,CAAER,WAAA,KAAgB,aAAaQ,CAAA,CAAER,WAAA,CAAY,IAAIQ,CAAA,CAAER,WAAA;EAE5D,OACE,eAAAd,IAAA,CAAAF,QAAA;IACEmB,QAAA,kBAAAjB,IAAA,CAACJ,MAAA;MAAOQ,GAAA,EAAI;MAAK0C,UAAA,EAAW;MAC1B7B,QAAA,kBAAAlB,GAAA,CAAClB,KAAA,CAAMmD,IAAA,EAAN,EAAW,GACZ,eAAAhC,IAAA,CAACH,MAAA;QAAOkD,IAAA,EAAM;QAAG3C,GAAA,EAAI;QAClBa,QAAA,GAAA4B,KAAA,IACC,eAAA9C,GAAA,CAAClB,KAAA,CAAMmE,KAAA,EAAN;UAAYC,UAAA,EAAW;UAAMC,IAAA,EAAK;UAChCjC,QAAA,EAAA4B;QAAA,CACH,GAED/B,WAAA,IACC,eAAAf,GAAA,CAAClB,KAAA,CAAMsE,WAAA,EAAN;UAAkBC,KAAA,EAAM;UAAUF,IAAA,EAAK;UACrCjC,QAAA,EAAAH;QAAA,CACH;MAAA,CAEJ;IAAA,CACF,GAEClC,KAAA,IACC,eAAAmB,GAAA,CAAClB,KAAA,CAAMwE,KAAA,EAAN;MACC5B,MAAA,EAAO;MACPvB,QAAA,EAAS;MACToD,GAAA,EAAK;MACLC,IAAA,EAAM;MACNC,MAAA,EAAQ;IAAA,CACV;EAAA,CAEJ;AAEJ;AAEA,SAAStB,WAAW;EAClBC,KAAA;EACAC,KAAA;EACAC,GAAA;EACAC,GAAA;EACAC,IAAA;EACAC,QAAA;EACAC;AACF,GAQG;EACD,OACE,eAAAzC,IAAA,CAACJ,MAAA;IAAOQ,GAAA,EAAI;IAAK0C,UAAA,EAAW;IAC1B7B,QAAA,kBAAAlB,GAAA,CAACN,KAAA;MAAMyD,IAAA,EAAK;MAAKrB,KAAA,EAAO;MACrBZ,QAAA,EAAAkB;IAAA,CACH,GACA,eAAAnC,IAAA,CAACL,MAAA;MACCoD,IAAA,EAAM;MACNX,KAAA,EAAO,CAACA,KAAK;MACbC,GAAA;MACAC,GAAA;MACAC,IAAA;MACAkB,aAAA,EAAeA,CAAC,CAACf,CAAC,MAAMF,QAAA,CAASE,CAAC;MAElCzB,QAAA,kBAAAlB,GAAA,CAACJ,MAAA,CAAO+D,KAAA,EAAP;QACCzC,QAAA,iBAAAlB,GAAA,CAACJ,MAAA,CAAOgE,WAAA,EAAP,EAAmB;MAAA,CACtB,GACA,eAAA5D,GAAA,CAACJ,MAAA,CAAOiE,KAAA,EAAP;QAAaC,KAAA,EAAM;QAASX,IAAA,EAAM;QAAIY,YAAA,EAAc;QAAKvC,KAAA,EAAO;MAAA,CAAG;IAAA,CACtE,GACA,eAAAxB,GAAA,CAACL,WAAA;MAAYqE,UAAA,EAAW;MAAOb,IAAA,EAAK;MAAKrB,KAAA,EAAO;MAAImC,SAAA,EAAU;MAC3D/C,QAAA,EAAAwB,MAAA,GAASA,MAAA,CAAOL,KAAK,IAAIrB,IAAA,CAAKC,KAAA,CAAMoB,KAAK;IAAA,CAC5C;EAAA,CACF;AAEJ;AAEA,MAAMN,cAAA,GAAiBA,CAAC;EACtB5B,QAAA;EACAW,OAAA;EACAkB,OAAA;EACAC,IAAA;EACAP;AACF,MAMM;EACJ,MAAMwC,QAAA,GAAW/D,QAAA,KAAaW,OAAA;EAE9B,OACE,eAAAd,GAAA,CAACP,MAAA;IACC0E,IAAA,EAAMlC,IAAA;IACNmC,QAAA,EAAQ;IACRN,KAAA,EAAOI,QAAA,GAAW,WAAW;IAC7BlC,OAAA,EAASA,CAAA,KAAMA,OAAA,CAAQ7B,QAAQ;IAC/BuB;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,222 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { isWeb } from "@hanzo/gui";
|
|
3
|
-
import { Toast, toast, useToastItem } from "@hanzogui/toast/v2";
|
|
4
|
-
import { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowUp, ArrowUpLeft, ArrowUpRight } from "@hanzogui/lucide-icons-2";
|
|
5
|
-
import { useRef, useState } from "react";
|
|
6
|
-
import { Button, Label, SizableText, Slider, XStack, YStack } from "@hanzo/gui";
|
|
7
|
-
var ToastDemo = function () {
|
|
8
|
-
var [position, setPosition] = useState("bottom-right");
|
|
9
|
-
var [gap, setGap] = useState(14);
|
|
10
|
-
var [visibleToasts, setVisibleToasts] = useState(4);
|
|
11
|
-
var [duration, setDuration] = useState(4e3);
|
|
12
|
-
var count = useRef(0);
|
|
13
|
-
var showToast = function (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: function (param) {
|
|
29
|
-
var {
|
|
30
|
-
toast: t,
|
|
31
|
-
index
|
|
32
|
-
} = param;
|
|
33
|
-
return /* @__PURE__ */_jsx(Toast.Item, {
|
|
34
|
-
toast: t,
|
|
35
|
-
index,
|
|
36
|
-
testID: "toast-item",
|
|
37
|
-
children: /* @__PURE__ */_jsx(ToastContent, {
|
|
38
|
-
toast: t
|
|
39
|
-
})
|
|
40
|
-
}, t.id);
|
|
41
|
-
}
|
|
42
|
-
})
|
|
43
|
-
}), /* @__PURE__ */_jsxs(YStack, {
|
|
44
|
-
gap: "$3",
|
|
45
|
-
self: "center",
|
|
46
|
-
width: 280,
|
|
47
|
-
children: [/* Position buttons */
|
|
48
|
-
/* @__PURE__ */_jsxs(YStack, {
|
|
49
|
-
gap: "$2",
|
|
50
|
-
self: "center",
|
|
51
|
-
children: [/* @__PURE__ */_jsxs(XStack, {
|
|
52
|
-
gap: "$2",
|
|
53
|
-
children: [/* @__PURE__ */_jsx(PositionButton, {
|
|
54
|
-
position: "top-left",
|
|
55
|
-
current: position,
|
|
56
|
-
onPress: showToast,
|
|
57
|
-
Icon: ArrowUpLeft
|
|
58
|
-
}), /* @__PURE__ */_jsx(PositionButton, {
|
|
59
|
-
position: "top-center",
|
|
60
|
-
current: position,
|
|
61
|
-
onPress: showToast,
|
|
62
|
-
Icon: ArrowUp
|
|
63
|
-
}), /* @__PURE__ */_jsx(PositionButton, {
|
|
64
|
-
position: "top-right",
|
|
65
|
-
current: position,
|
|
66
|
-
onPress: showToast,
|
|
67
|
-
Icon: ArrowUpRight,
|
|
68
|
-
testID: "toast-top-right-button"
|
|
69
|
-
})]
|
|
70
|
-
}), /* @__PURE__ */_jsxs(XStack, {
|
|
71
|
-
gap: "$2",
|
|
72
|
-
children: [/* @__PURE__ */_jsx(PositionButton, {
|
|
73
|
-
position: "bottom-left",
|
|
74
|
-
current: position,
|
|
75
|
-
onPress: showToast,
|
|
76
|
-
Icon: ArrowDownLeft
|
|
77
|
-
}), /* @__PURE__ */_jsx(PositionButton, {
|
|
78
|
-
position: "bottom-center",
|
|
79
|
-
current: position,
|
|
80
|
-
onPress: showToast,
|
|
81
|
-
Icon: ArrowDown
|
|
82
|
-
}), /* @__PURE__ */_jsx(PositionButton, {
|
|
83
|
-
position: "bottom-right",
|
|
84
|
-
current: position,
|
|
85
|
-
onPress: showToast,
|
|
86
|
-
Icon: ArrowDownRight,
|
|
87
|
-
testID: "toast-show-button"
|
|
88
|
-
})]
|
|
89
|
-
})]
|
|
90
|
-
}), /* Controls */
|
|
91
|
-
/* @__PURE__ */_jsxs(YStack, {
|
|
92
|
-
gap: "$1",
|
|
93
|
-
paddingTop: "$1",
|
|
94
|
-
children: [/* @__PURE__ */_jsx(DemoSlider, {
|
|
95
|
-
label: "Gap",
|
|
96
|
-
value: gap,
|
|
97
|
-
min: 0,
|
|
98
|
-
max: 30,
|
|
99
|
-
step: 0.1,
|
|
100
|
-
onChange: setGap
|
|
101
|
-
}), /* @__PURE__ */_jsx(DemoSlider, {
|
|
102
|
-
label: "Visible",
|
|
103
|
-
value: visibleToasts,
|
|
104
|
-
min: 1,
|
|
105
|
-
max: 8,
|
|
106
|
-
step: 1,
|
|
107
|
-
onChange: setVisibleToasts
|
|
108
|
-
}), /* @__PURE__ */_jsx(DemoSlider, {
|
|
109
|
-
label: "Duration",
|
|
110
|
-
value: duration,
|
|
111
|
-
min: 1e3,
|
|
112
|
-
max: 1e4,
|
|
113
|
-
step: 100,
|
|
114
|
-
onChange: setDuration,
|
|
115
|
-
format: function (v) {
|
|
116
|
-
return `${(v / 1e3).toFixed(1)}s`;
|
|
117
|
-
}
|
|
118
|
-
})]
|
|
119
|
-
})]
|
|
120
|
-
})]
|
|
121
|
-
});
|
|
122
|
-
};
|
|
123
|
-
function ToastContent(param) {
|
|
124
|
-
var {
|
|
125
|
-
toast: t
|
|
126
|
-
} = param;
|
|
127
|
-
var {
|
|
128
|
-
handleClose
|
|
129
|
-
} = useToastItem();
|
|
130
|
-
var title = typeof t.title === "function" ? t.title() : t.title;
|
|
131
|
-
var description = typeof t.description === "function" ? t.description() : t.description;
|
|
132
|
-
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
133
|
-
children: [/* @__PURE__ */_jsxs(XStack, {
|
|
134
|
-
gap: "$3",
|
|
135
|
-
alignItems: "flex-start",
|
|
136
|
-
children: [/* @__PURE__ */_jsx(Toast.Icon, {}), /* @__PURE__ */_jsxs(YStack, {
|
|
137
|
-
flex: 1,
|
|
138
|
-
gap: "$0.5",
|
|
139
|
-
children: [title && /* @__PURE__ */_jsx(Toast.Title, {
|
|
140
|
-
fontWeight: "600",
|
|
141
|
-
size: "$3",
|
|
142
|
-
children: title
|
|
143
|
-
}), description && /* @__PURE__ */_jsx(Toast.Description, {
|
|
144
|
-
color: "$color9",
|
|
145
|
-
size: "$2",
|
|
146
|
-
children: description
|
|
147
|
-
})]
|
|
148
|
-
})]
|
|
149
|
-
}), isWeb && /* @__PURE__ */_jsx(Toast.Close, {
|
|
150
|
-
testID: "toast-close-button",
|
|
151
|
-
position: "absolute",
|
|
152
|
-
top: -6,
|
|
153
|
-
left: -6,
|
|
154
|
-
zIndex: 1
|
|
155
|
-
})]
|
|
156
|
-
});
|
|
157
|
-
}
|
|
158
|
-
function DemoSlider(param) {
|
|
159
|
-
var {
|
|
160
|
-
label,
|
|
161
|
-
value,
|
|
162
|
-
min,
|
|
163
|
-
max,
|
|
164
|
-
step,
|
|
165
|
-
onChange,
|
|
166
|
-
format
|
|
167
|
-
} = param;
|
|
168
|
-
return /* @__PURE__ */_jsxs(XStack, {
|
|
169
|
-
gap: "$2",
|
|
170
|
-
alignItems: "center",
|
|
171
|
-
children: [/* @__PURE__ */_jsx(Label, {
|
|
172
|
-
size: "$2",
|
|
173
|
-
width: 55,
|
|
174
|
-
children: label
|
|
175
|
-
}), /* @__PURE__ */_jsxs(Slider, {
|
|
176
|
-
flex: 1,
|
|
177
|
-
value: [value],
|
|
178
|
-
min,
|
|
179
|
-
max,
|
|
180
|
-
step,
|
|
181
|
-
onValueChange: function (param2) {
|
|
182
|
-
var [v] = param2;
|
|
183
|
-
return onChange(v);
|
|
184
|
-
},
|
|
185
|
-
children: [/* @__PURE__ */_jsx(Slider.Track, {
|
|
186
|
-
children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
|
|
187
|
-
}), /* @__PURE__ */_jsx(Slider.Thumb, {
|
|
188
|
-
theme: "accent",
|
|
189
|
-
size: 16,
|
|
190
|
-
borderRadius: 100,
|
|
191
|
-
index: 0
|
|
192
|
-
})]
|
|
193
|
-
}), /* @__PURE__ */_jsx(SizableText, {
|
|
194
|
-
userSelect: "none",
|
|
195
|
-
size: "$2",
|
|
196
|
-
width: 35,
|
|
197
|
-
textAlign: "right",
|
|
198
|
-
children: format ? format(value) : Math.round(value)
|
|
199
|
-
})]
|
|
200
|
-
});
|
|
201
|
-
}
|
|
202
|
-
var PositionButton = function (param) {
|
|
203
|
-
var {
|
|
204
|
-
position,
|
|
205
|
-
current,
|
|
206
|
-
onPress,
|
|
207
|
-
Icon,
|
|
208
|
-
testID
|
|
209
|
-
} = param;
|
|
210
|
-
var isActive = position === current;
|
|
211
|
-
return /* @__PURE__ */_jsx(Button, {
|
|
212
|
-
icon: Icon,
|
|
213
|
-
circular: true,
|
|
214
|
-
theme: isActive ? "accent" : void 0,
|
|
215
|
-
onPress: function () {
|
|
216
|
-
return onPress(position);
|
|
217
|
-
},
|
|
218
|
-
testID
|
|
219
|
-
});
|
|
220
|
-
};
|
|
221
|
-
export { ToastDemo };
|
|
222
|
-
//# sourceMappingURL=ToastDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","isWeb","Toast","toast","useToastItem","ArrowDown","ArrowDownLeft","ArrowDownRight","ArrowUp","ArrowUpLeft","ArrowUpRight","useRef","useState","Button","Label","SizableText","Slider","XStack","YStack","ToastDemo","position","setPosition","gap","setGap","visibleToasts","setVisibleToasts","duration","setDuration","count","showToast","newPosition","current","description","Math","round","children","Viewport","offset","List","renderItem","param","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","param2","Track","TrackActive","Thumb","theme","borderRadius","userSelect","textAlign"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { CheckCircle2 } from "@hanzogui/lucide-icons-2";
|
|
2
|
-
import { Toast, toast, useToasts } from "@hanzogui/toast/v2";
|
|
3
|
-
import { Button, XStack, YStack } from "@hanzo/gui";
|
|
4
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
const ToastDuplicateDemo = () => {
|
|
6
|
-
return /* @__PURE__ */jsxs(Toast, {
|
|
7
|
-
children: [/* @__PURE__ */jsx(Toast.Viewport, {
|
|
8
|
-
children: /* @__PURE__ */jsx(ToastList, {})
|
|
9
|
-
}), /* @__PURE__ */jsx(YStack, {
|
|
10
|
-
items: "center",
|
|
11
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
12
|
-
onPress: () => {
|
|
13
|
-
toast("Successfully saved!", {
|
|
14
|
-
description: "Don't worry... We've got your data."
|
|
15
|
-
});
|
|
16
|
-
},
|
|
17
|
-
children: "Show toast"
|
|
18
|
-
})
|
|
19
|
-
})]
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
const ToastList = () => {
|
|
23
|
-
const {
|
|
24
|
-
toasts
|
|
25
|
-
} = useToasts();
|
|
26
|
-
return /* @__PURE__ */jsx(Fragment, {
|
|
27
|
-
children: toasts.map((t, index) => /* @__PURE__ */jsx(Toast.Item, {
|
|
28
|
-
toast: t,
|
|
29
|
-
index,
|
|
30
|
-
children: /* @__PURE__ */jsxs(XStack, {
|
|
31
|
-
gap: "$4",
|
|
32
|
-
items: "center",
|
|
33
|
-
children: [/* @__PURE__ */jsx(YStack, {
|
|
34
|
-
children: /* @__PURE__ */jsx(CheckCircle2, {})
|
|
35
|
-
}), /* @__PURE__ */jsxs(YStack, {
|
|
36
|
-
children: [/* @__PURE__ */jsx(Toast.Title, {
|
|
37
|
-
children: typeof t.title === "function" ? t.title() : t.title
|
|
38
|
-
}), t.description && /* @__PURE__ */jsx(Toast.Description, {
|
|
39
|
-
children: typeof t.description === "function" ? t.description() : t.description
|
|
40
|
-
})]
|
|
41
|
-
})]
|
|
42
|
-
})
|
|
43
|
-
}, t.id))
|
|
44
|
-
});
|
|
45
|
-
};
|
|
46
|
-
export { ToastDuplicateDemo };
|
|
47
|
-
//# sourceMappingURL=ToastDuplicateDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["CheckCircle2","Toast","toast","useToasts","Button","XStack","YStack","Fragment","jsx","jsxs","ToastDuplicateDemo","children","Viewport","ToastList","items","onPress","description","toasts","map","t","index","Item","gap","Title","title","Description","id"],"sources":["../../src/ToastDuplicateDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,QAAoB;AAC7B,SAASC,KAAA,EAAOC,KAAA,EAAOC,SAAA,QAAiB;AACxC,SAASC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAOnC,SAwBAC,QAAA,EAtBIC,GAAA,EAFJC,IAAA;AAFG,MAAMC,kBAAA,GAAqBA,CAAA,KAAM;EACtC,OACE,eAAAD,IAAA,CAACR,KAAA;IACCU,QAAA,kBAAAH,GAAA,CAACP,KAAA,CAAMW,QAAA,EAAN;MACCD,QAAA,iBAAAH,GAAA,CAACK,SAAA,IAAU;IAAA,CACb,GAEA,eAAAL,GAAA,CAACF,MAAA;MAAOQ,KAAA,EAAM;MACZH,QAAA,iBAAAH,GAAA,CAACJ,MAAA;QACCW,OAAA,EAASA,CAAA,KAAM;UACbb,KAAA,CAAM,uBAAuB;YAC3Bc,WAAA,EAAa;UACf,CAAC;QACH;QACDL,QAAA;MAAA,CAED;IAAA,CACF;EAAA,CACF;AAEJ;AAEA,MAAME,SAAA,GAAYA,CAAA,KAAM;EACtB,MAAM;IAAEI;EAAO,IAAId,SAAA,CAAU;EAE7B,OACE,eAAAK,GAAA,CAAAD,QAAA;IACGI,QAAA,EAAAM,MAAA,CAAOC,GAAA,CAAI,CAACC,CAAA,EAAGC,KAAA,KACd,eAAAZ,GAAA,CAACP,KAAA,CAAMoB,IAAA,EAAN;MAAsBnB,KAAA,EAAOiB,CAAA;MAAGC,KAAA;MAC/BT,QAAA,iBAAAF,IAAA,CAACJ,MAAA;QAAOiB,GAAA,EAAI;QAAKR,KAAA,EAAM;QACrBH,QAAA,kBAAAH,GAAA,CAACF,MAAA;UACCK,QAAA,iBAAAH,GAAA,CAACR,YAAA,IAAa;QAAA,CAChB,GAEA,eAAAS,IAAA,CAACH,MAAA;UACCK,QAAA,kBAAAH,GAAA,CAACP,KAAA,CAAMsB,KAAA,EAAN;YACEZ,QAAA,SAAOQ,CAAA,CAAEK,KAAA,KAAU,aAAaL,CAAA,CAAEK,KAAA,CAAM,IAAIL,CAAA,CAAEK;UAAA,CACjD,GACCL,CAAA,CAAEH,WAAA,IACD,eAAAR,GAAA,CAACP,KAAA,CAAMwB,WAAA,EAAN;YACEd,QAAA,SAAOQ,CAAA,CAAEH,WAAA,KAAgB,aAAaG,CAAA,CAAEH,WAAA,CAAY,IAAIG,CAAA,CAAEH;UAAA,CAC7D;QAAA,CAEJ;MAAA,CACF;IAAA,GAhBeG,CAAA,CAAEO,EAiBnB,CACD;EAAA,CACH;AAEJ","ignoreList":[]}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { CheckCircle2 } from "@hanzogui/lucide-icons-2";
|
|
3
|
-
import { Toast, toast, useToasts } from "@hanzogui/toast/v2";
|
|
4
|
-
import { Button, XStack, YStack } from "@hanzo/gui";
|
|
5
|
-
var ToastDuplicateDemo = function () {
|
|
6
|
-
return /* @__PURE__ */_jsxs(Toast, {
|
|
7
|
-
children: [/* @__PURE__ */_jsx(Toast.Viewport, {
|
|
8
|
-
children: /* @__PURE__ */_jsx(ToastList, {})
|
|
9
|
-
}), /* @__PURE__ */_jsx(YStack, {
|
|
10
|
-
items: "center",
|
|
11
|
-
children: /* @__PURE__ */_jsx(Button, {
|
|
12
|
-
onPress: function () {
|
|
13
|
-
toast("Successfully saved!", {
|
|
14
|
-
description: "Don't worry... We've got your data."
|
|
15
|
-
});
|
|
16
|
-
},
|
|
17
|
-
children: "Show toast"
|
|
18
|
-
})
|
|
19
|
-
})]
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
var ToastList = function () {
|
|
23
|
-
var {
|
|
24
|
-
toasts
|
|
25
|
-
} = useToasts();
|
|
26
|
-
return /* @__PURE__ */_jsx(_Fragment, {
|
|
27
|
-
children: toasts.map(function (t, index) {
|
|
28
|
-
return /* @__PURE__ */_jsx(Toast.Item, {
|
|
29
|
-
toast: t,
|
|
30
|
-
index,
|
|
31
|
-
children: /* @__PURE__ */_jsxs(XStack, {
|
|
32
|
-
gap: "$4",
|
|
33
|
-
items: "center",
|
|
34
|
-
children: [/* @__PURE__ */_jsx(YStack, {
|
|
35
|
-
children: /* @__PURE__ */_jsx(CheckCircle2, {})
|
|
36
|
-
}), /* @__PURE__ */_jsxs(YStack, {
|
|
37
|
-
children: [/* @__PURE__ */_jsx(Toast.Title, {
|
|
38
|
-
children: typeof t.title === "function" ? t.title() : t.title
|
|
39
|
-
}), t.description && /* @__PURE__ */_jsx(Toast.Description, {
|
|
40
|
-
children: typeof t.description === "function" ? t.description() : t.description
|
|
41
|
-
})]
|
|
42
|
-
})]
|
|
43
|
-
})
|
|
44
|
-
}, t.id);
|
|
45
|
-
})
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
export { ToastDuplicateDemo };
|
|
49
|
-
//# sourceMappingURL=ToastDuplicateDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CheckCircle2","Toast","toast","useToasts","Button","XStack","YStack","ToastDuplicateDemo","children","Viewport","ToastList","items","onPress","description","toasts","map","t","index","Item"],"sources":["../../src/ToastDuplicateDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAoBC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAC7B,SAASC,YAAO,QAAO,0BAAiB;AACxC,SAASC,KAAA,EAAAC,KAAQ,EAAAC,SAAQ,QAAc;AAOnC,SAwBAC,MAAA,EAAAC,MAtBI,EAFJC,MAAA;AAFG,IAAAC,kBAAM,YAAAA,CAAA,EAA2B;EACtC,OACE,eAAAV,KAAC,CAAAI,KAAA;IACCO,QAAA,GAIA,eAAAb,IAAC,CAAAM,KAAA,CAAAQ,QAAa;MACXD,QAAA,iBAAAb,IAAA,CAAAe,SAAA;IAAA,mBACUf,IAAM,CAAAW,MAAA;MACbK,KAAA,UAAM;MAAuBH,QAC3B,iBAAab,IAAA,CAAAS,MAAA;QACfQ,OAAC,WAAAA,CAAA;UACHV,KAAA;YACDW,WAAA;UAAA;QAGH;QACFL,QAAA;MAEJ;IAEM;EAGJ;AAKU;AAEA,IAEAE,SAAA,YAAAA,CAAA,EAAC;EACC;IAAAI;EAAA,IAAAX,SAAC;EAED,OACG,eACDR,IAAA,CAAAI,SAAA;IAEAS,QAEJ,EAAAM,MAAA,CAAAC,GAAA,WAAAC,CAAA,EAAAC,KAAA;MACF,OAhBiB,eAmBvBtB,IAAA,CAAAM,KAAA,CAAAiB,IAAA;QAEJhB,KAAA,EAAAc,CAAA","ignoreList":[]}
|
package/dist/esm/ToastV1Demo.mjs
DELETED
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import { Toast, useToastController, useToastState } from "@hanzogui/toast";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Button, Label, Switch, XStack, YStack } from "@hanzo/gui";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
const ToastV1Demo = () => {
|
|
6
|
-
const [native, setNative] = React.useState(false);
|
|
7
|
-
return /* @__PURE__ */jsxs(YStack, {
|
|
8
|
-
gap: "$4",
|
|
9
|
-
items: "center",
|
|
10
|
-
children: [/* @__PURE__ */jsx(ToastControl, {
|
|
11
|
-
native
|
|
12
|
-
}), /* @__PURE__ */jsx(CurrentToast, {}), /* @__PURE__ */jsx(NativeOptions, {
|
|
13
|
-
native,
|
|
14
|
-
setNative
|
|
15
|
-
})]
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
const CurrentToast = () => {
|
|
19
|
-
const currentToast = useToastState();
|
|
20
|
-
if (!currentToast || currentToast.isHandledNatively) return null;
|
|
21
|
-
return /* @__PURE__ */jsx(Toast, {
|
|
22
|
-
duration: currentToast.duration,
|
|
23
|
-
viewportName: currentToast.viewportName,
|
|
24
|
-
enterStyle: {
|
|
25
|
-
opacity: 0,
|
|
26
|
-
scale: 0.95,
|
|
27
|
-
y: -80
|
|
28
|
-
},
|
|
29
|
-
exitStyle: {
|
|
30
|
-
opacity: 0,
|
|
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",
|
|
46
|
-
flex: 1,
|
|
47
|
-
children: [/* @__PURE__ */jsx(Toast.Title, {
|
|
48
|
-
children: currentToast.title
|
|
49
|
-
}), !!currentToast.message && /* @__PURE__ */jsx(Toast.Description, {
|
|
50
|
-
children: currentToast.message
|
|
51
|
-
})]
|
|
52
|
-
}), /* @__PURE__ */jsx(Toast.Action, {
|
|
53
|
-
asChild: true,
|
|
54
|
-
altText: "Dismiss toast",
|
|
55
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
56
|
-
size: "$2",
|
|
57
|
-
children: "Dismiss"
|
|
58
|
-
})
|
|
59
|
-
})]
|
|
60
|
-
})
|
|
61
|
-
}, currentToast.id);
|
|
62
|
-
};
|
|
63
|
-
const ToastControl = ({
|
|
64
|
-
native
|
|
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"
|
|
84
|
-
})]
|
|
85
|
-
});
|
|
86
|
-
};
|
|
87
|
-
const NativeOptions = ({
|
|
88
|
-
native,
|
|
89
|
-
setNative
|
|
90
|
-
}) => {
|
|
91
|
-
return /* @__PURE__ */jsxs(XStack, {
|
|
92
|
-
gap: "$3",
|
|
93
|
-
children: [/* @__PURE__ */jsx(Label, {
|
|
94
|
-
size: "$1",
|
|
95
|
-
onPress: () => setNative(false),
|
|
96
|
-
children: "Custom"
|
|
97
|
-
}), /* @__PURE__ */jsx(Switch, {
|
|
98
|
-
theme: "surface2",
|
|
99
|
-
id: "native-toggle",
|
|
100
|
-
size: "$1",
|
|
101
|
-
checked: !!native,
|
|
102
|
-
onCheckedChange: val => setNative(val),
|
|
103
|
-
children: /* @__PURE__ */jsx(Switch.Thumb, {
|
|
104
|
-
theme: "accent",
|
|
105
|
-
transition: ["quickest", {
|
|
106
|
-
transform: {
|
|
107
|
-
overshootClamping: true
|
|
108
|
-
}
|
|
109
|
-
}]
|
|
110
|
-
})
|
|
111
|
-
}), /* @__PURE__ */jsx(Label, {
|
|
112
|
-
size: "$1",
|
|
113
|
-
onPress: () => setNative(true),
|
|
114
|
-
children: "Native"
|
|
115
|
-
})]
|
|
116
|
-
});
|
|
117
|
-
};
|
|
118
|
-
export { ToastV1Demo };
|
|
119
|
-
//# sourceMappingURL=ToastV1Demo.mjs.map
|