@hanzogui/demos 8.3.0 → 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/cjs/ToastDemo.cjs
DELETED
|
@@ -1,232 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all) __defProp(target, name, {
|
|
7
|
-
get: all[name],
|
|
8
|
-
enumerable: true
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
-
get: () => from[key],
|
|
15
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value: true
|
|
22
|
-
}), mod);
|
|
23
|
-
var ToastDemo_exports = {};
|
|
24
|
-
__export(ToastDemo_exports, {
|
|
25
|
-
ToastDemo: () => ToastDemo
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(ToastDemo_exports);
|
|
28
|
-
var import_gui = require("@hanzo/gui");
|
|
29
|
-
var import_v2 = require("@hanzogui/toast/v2");
|
|
30
|
-
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
31
|
-
var import_react = require("react");
|
|
32
|
-
var import_gui2 = require("@hanzo/gui");
|
|
33
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
|
-
const ToastDemo = () => {
|
|
35
|
-
const [position, setPosition] = (0, import_react.useState)("bottom-right");
|
|
36
|
-
const [gap, setGap] = (0, import_react.useState)(14);
|
|
37
|
-
const [visibleToasts, setVisibleToasts] = (0, import_react.useState)(4);
|
|
38
|
-
const [duration, setDuration] = (0, import_react.useState)(4e3);
|
|
39
|
-
const count = (0, import_react.useRef)(0);
|
|
40
|
-
const showToast = newPosition => {
|
|
41
|
-
setPosition(newPosition);
|
|
42
|
-
count.current++;
|
|
43
|
-
(0, import_v2.toast)(`Toast #${count.current}`, {
|
|
44
|
-
description: "Swipe to dismiss or wait for auto-close."
|
|
45
|
-
});
|
|
46
|
-
};
|
|
47
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_v2.Toast, {
|
|
48
|
-
position,
|
|
49
|
-
gap: Math.round(gap),
|
|
50
|
-
visibleToasts,
|
|
51
|
-
duration,
|
|
52
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Viewport, {
|
|
53
|
-
offset: 16,
|
|
54
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.List, {
|
|
55
|
-
renderItem: ({
|
|
56
|
-
toast: t,
|
|
57
|
-
index
|
|
58
|
-
}) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
|
|
59
|
-
toast: t,
|
|
60
|
-
index,
|
|
61
|
-
testID: "toast-item",
|
|
62
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastContent, {
|
|
63
|
-
toast: t
|
|
64
|
-
})
|
|
65
|
-
}, t.id)
|
|
66
|
-
})
|
|
67
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
68
|
-
gap: "$3",
|
|
69
|
-
self: "center",
|
|
70
|
-
width: 280,
|
|
71
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
72
|
-
gap: "$2",
|
|
73
|
-
self: "center",
|
|
74
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
75
|
-
gap: "$2",
|
|
76
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
77
|
-
position: "top-left",
|
|
78
|
-
current: position,
|
|
79
|
-
onPress: showToast,
|
|
80
|
-
Icon: import_lucide_icons_2.ArrowUpLeft
|
|
81
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
82
|
-
position: "top-center",
|
|
83
|
-
current: position,
|
|
84
|
-
onPress: showToast,
|
|
85
|
-
Icon: import_lucide_icons_2.ArrowUp
|
|
86
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
87
|
-
position: "top-right",
|
|
88
|
-
current: position,
|
|
89
|
-
onPress: showToast,
|
|
90
|
-
Icon: import_lucide_icons_2.ArrowUpRight,
|
|
91
|
-
testID: "toast-top-right-button"
|
|
92
|
-
})]
|
|
93
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
94
|
-
gap: "$2",
|
|
95
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
96
|
-
position: "bottom-left",
|
|
97
|
-
current: position,
|
|
98
|
-
onPress: showToast,
|
|
99
|
-
Icon: import_lucide_icons_2.ArrowDownLeft
|
|
100
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
101
|
-
position: "bottom-center",
|
|
102
|
-
current: position,
|
|
103
|
-
onPress: showToast,
|
|
104
|
-
Icon: import_lucide_icons_2.ArrowDown
|
|
105
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
106
|
-
position: "bottom-right",
|
|
107
|
-
current: position,
|
|
108
|
-
onPress: showToast,
|
|
109
|
-
Icon: import_lucide_icons_2.ArrowDownRight,
|
|
110
|
-
testID: "toast-show-button"
|
|
111
|
-
})]
|
|
112
|
-
})]
|
|
113
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
114
|
-
gap: "$1",
|
|
115
|
-
paddingTop: "$1",
|
|
116
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
|
|
117
|
-
label: "Gap",
|
|
118
|
-
value: gap,
|
|
119
|
-
min: 0,
|
|
120
|
-
max: 30,
|
|
121
|
-
step: 0.1,
|
|
122
|
-
onChange: setGap
|
|
123
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
|
|
124
|
-
label: "Visible",
|
|
125
|
-
value: visibleToasts,
|
|
126
|
-
min: 1,
|
|
127
|
-
max: 8,
|
|
128
|
-
step: 1,
|
|
129
|
-
onChange: setVisibleToasts
|
|
130
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
|
|
131
|
-
label: "Duration",
|
|
132
|
-
value: duration,
|
|
133
|
-
min: 1e3,
|
|
134
|
-
max: 1e4,
|
|
135
|
-
step: 100,
|
|
136
|
-
onChange: setDuration,
|
|
137
|
-
format: v => `${(v / 1e3).toFixed(1)}s`
|
|
138
|
-
})]
|
|
139
|
-
})]
|
|
140
|
-
})]
|
|
141
|
-
});
|
|
142
|
-
};
|
|
143
|
-
function ToastContent({
|
|
144
|
-
toast: t
|
|
145
|
-
}) {
|
|
146
|
-
const {
|
|
147
|
-
handleClose
|
|
148
|
-
} = (0, import_v2.useToastItem)();
|
|
149
|
-
const title = typeof t.title === "function" ? t.title() : t.title;
|
|
150
|
-
const description = typeof t.description === "function" ? t.description() : t.description;
|
|
151
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
152
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
153
|
-
gap: "$3",
|
|
154
|
-
alignItems: "flex-start",
|
|
155
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
156
|
-
flex: 1,
|
|
157
|
-
gap: "$0.5",
|
|
158
|
-
children: [title && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
|
|
159
|
-
fontWeight: "600",
|
|
160
|
-
size: "$3",
|
|
161
|
-
children: title
|
|
162
|
-
}), description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Description, {
|
|
163
|
-
color: "$color9",
|
|
164
|
-
size: "$2",
|
|
165
|
-
children: description
|
|
166
|
-
})]
|
|
167
|
-
})]
|
|
168
|
-
}), import_gui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Close, {
|
|
169
|
-
testID: "toast-close-button",
|
|
170
|
-
position: "absolute",
|
|
171
|
-
top: -6,
|
|
172
|
-
left: -6,
|
|
173
|
-
zIndex: 1
|
|
174
|
-
})]
|
|
175
|
-
});
|
|
176
|
-
}
|
|
177
|
-
function DemoSlider({
|
|
178
|
-
label,
|
|
179
|
-
value,
|
|
180
|
-
min,
|
|
181
|
-
max,
|
|
182
|
-
step,
|
|
183
|
-
onChange,
|
|
184
|
-
format
|
|
185
|
-
}) {
|
|
186
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
187
|
-
gap: "$2",
|
|
188
|
-
alignItems: "center",
|
|
189
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Label, {
|
|
190
|
-
size: "$2",
|
|
191
|
-
width: 55,
|
|
192
|
-
children: label
|
|
193
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.Slider, {
|
|
194
|
-
flex: 1,
|
|
195
|
-
value: [value],
|
|
196
|
-
min,
|
|
197
|
-
max,
|
|
198
|
-
step,
|
|
199
|
-
onValueChange: ([v]) => onChange(v),
|
|
200
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.Track, {
|
|
201
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.TrackActive, {})
|
|
202
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.Thumb, {
|
|
203
|
-
theme: "accent",
|
|
204
|
-
size: 16,
|
|
205
|
-
borderRadius: 100,
|
|
206
|
-
index: 0
|
|
207
|
-
})]
|
|
208
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.SizableText, {
|
|
209
|
-
userSelect: "none",
|
|
210
|
-
size: "$2",
|
|
211
|
-
width: 35,
|
|
212
|
-
textAlign: "right",
|
|
213
|
-
children: format ? format(value) : Math.round(value)
|
|
214
|
-
})]
|
|
215
|
-
});
|
|
216
|
-
}
|
|
217
|
-
const PositionButton = ({
|
|
218
|
-
position,
|
|
219
|
-
current,
|
|
220
|
-
onPress,
|
|
221
|
-
Icon,
|
|
222
|
-
testID
|
|
223
|
-
}) => {
|
|
224
|
-
const isActive = position === current;
|
|
225
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Button, {
|
|
226
|
-
icon: Icon,
|
|
227
|
-
circular: true,
|
|
228
|
-
theme: isActive ? "accent" : void 0,
|
|
229
|
-
onPress: () => onPress(position),
|
|
230
|
-
testID
|
|
231
|
-
});
|
|
232
|
-
};
|
|
@@ -1,250 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: true
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
-
value: true
|
|
24
|
-
}), mod);
|
|
25
|
-
var ToastDemo_exports = {};
|
|
26
|
-
__export(ToastDemo_exports, {
|
|
27
|
-
ToastDemo: () => ToastDemo
|
|
28
|
-
});
|
|
29
|
-
module.exports = __toCommonJS(ToastDemo_exports);
|
|
30
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var import_gui = require("@hanzo/gui");
|
|
32
|
-
var import_v2 = require("@hanzogui/toast/v2");
|
|
33
|
-
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
34
|
-
var import_react = require("react");
|
|
35
|
-
var import_gui2 = require("@hanzo/gui");
|
|
36
|
-
var ToastDemo = function () {
|
|
37
|
-
var [position, setPosition] = (0, import_react.useState)("bottom-right");
|
|
38
|
-
var [gap, setGap] = (0, import_react.useState)(14);
|
|
39
|
-
var [visibleToasts, setVisibleToasts] = (0, import_react.useState)(4);
|
|
40
|
-
var [duration, setDuration] = (0, import_react.useState)(4e3);
|
|
41
|
-
var count = (0, import_react.useRef)(0);
|
|
42
|
-
var showToast = function (newPosition) {
|
|
43
|
-
setPosition(newPosition);
|
|
44
|
-
count.current++;
|
|
45
|
-
(0, import_v2.toast)(`Toast #${count.current}`, {
|
|
46
|
-
description: "Swipe to dismiss or wait for auto-close."
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_v2.Toast, {
|
|
50
|
-
position,
|
|
51
|
-
gap: Math.round(gap),
|
|
52
|
-
visibleToasts,
|
|
53
|
-
duration,
|
|
54
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Viewport, {
|
|
55
|
-
offset: 16,
|
|
56
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.List, {
|
|
57
|
-
renderItem: function (param) {
|
|
58
|
-
var {
|
|
59
|
-
toast: t,
|
|
60
|
-
index
|
|
61
|
-
} = param;
|
|
62
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
|
|
63
|
-
toast: t,
|
|
64
|
-
index,
|
|
65
|
-
testID: "toast-item",
|
|
66
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastContent, {
|
|
67
|
-
toast: t
|
|
68
|
-
})
|
|
69
|
-
}, t.id);
|
|
70
|
-
}
|
|
71
|
-
})
|
|
72
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
73
|
-
gap: "$3",
|
|
74
|
-
self: "center",
|
|
75
|
-
width: 280,
|
|
76
|
-
children: [/* Position buttons */
|
|
77
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
78
|
-
gap: "$2",
|
|
79
|
-
self: "center",
|
|
80
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
81
|
-
gap: "$2",
|
|
82
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
83
|
-
position: "top-left",
|
|
84
|
-
current: position,
|
|
85
|
-
onPress: showToast,
|
|
86
|
-
Icon: import_lucide_icons_2.ArrowUpLeft
|
|
87
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
88
|
-
position: "top-center",
|
|
89
|
-
current: position,
|
|
90
|
-
onPress: showToast,
|
|
91
|
-
Icon: import_lucide_icons_2.ArrowUp
|
|
92
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
93
|
-
position: "top-right",
|
|
94
|
-
current: position,
|
|
95
|
-
onPress: showToast,
|
|
96
|
-
Icon: import_lucide_icons_2.ArrowUpRight,
|
|
97
|
-
testID: "toast-top-right-button"
|
|
98
|
-
})]
|
|
99
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
100
|
-
gap: "$2",
|
|
101
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
102
|
-
position: "bottom-left",
|
|
103
|
-
current: position,
|
|
104
|
-
onPress: showToast,
|
|
105
|
-
Icon: import_lucide_icons_2.ArrowDownLeft
|
|
106
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
107
|
-
position: "bottom-center",
|
|
108
|
-
current: position,
|
|
109
|
-
onPress: showToast,
|
|
110
|
-
Icon: import_lucide_icons_2.ArrowDown
|
|
111
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
112
|
-
position: "bottom-right",
|
|
113
|
-
current: position,
|
|
114
|
-
onPress: showToast,
|
|
115
|
-
Icon: import_lucide_icons_2.ArrowDownRight,
|
|
116
|
-
testID: "toast-show-button"
|
|
117
|
-
})]
|
|
118
|
-
})]
|
|
119
|
-
}), /* Controls */
|
|
120
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
121
|
-
gap: "$1",
|
|
122
|
-
paddingTop: "$1",
|
|
123
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
|
|
124
|
-
label: "Gap",
|
|
125
|
-
value: gap,
|
|
126
|
-
min: 0,
|
|
127
|
-
max: 30,
|
|
128
|
-
step: 0.1,
|
|
129
|
-
onChange: setGap
|
|
130
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
|
|
131
|
-
label: "Visible",
|
|
132
|
-
value: visibleToasts,
|
|
133
|
-
min: 1,
|
|
134
|
-
max: 8,
|
|
135
|
-
step: 1,
|
|
136
|
-
onChange: setVisibleToasts
|
|
137
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
|
|
138
|
-
label: "Duration",
|
|
139
|
-
value: duration,
|
|
140
|
-
min: 1e3,
|
|
141
|
-
max: 1e4,
|
|
142
|
-
step: 100,
|
|
143
|
-
onChange: setDuration,
|
|
144
|
-
format: function (v) {
|
|
145
|
-
return `${(v / 1e3).toFixed(1)}s`;
|
|
146
|
-
}
|
|
147
|
-
})]
|
|
148
|
-
})]
|
|
149
|
-
})]
|
|
150
|
-
});
|
|
151
|
-
};
|
|
152
|
-
function ToastContent(param) {
|
|
153
|
-
var {
|
|
154
|
-
toast: t
|
|
155
|
-
} = param;
|
|
156
|
-
var {
|
|
157
|
-
handleClose
|
|
158
|
-
} = (0, import_v2.useToastItem)();
|
|
159
|
-
var title = typeof t.title === "function" ? t.title() : t.title;
|
|
160
|
-
var description = typeof t.description === "function" ? t.description() : t.description;
|
|
161
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
162
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
163
|
-
gap: "$3",
|
|
164
|
-
alignItems: "flex-start",
|
|
165
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
166
|
-
flex: 1,
|
|
167
|
-
gap: "$0.5",
|
|
168
|
-
children: [title && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
|
|
169
|
-
fontWeight: "600",
|
|
170
|
-
size: "$3",
|
|
171
|
-
children: title
|
|
172
|
-
}), description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Description, {
|
|
173
|
-
color: "$color9",
|
|
174
|
-
size: "$2",
|
|
175
|
-
children: description
|
|
176
|
-
})]
|
|
177
|
-
})]
|
|
178
|
-
}), import_gui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Close, {
|
|
179
|
-
testID: "toast-close-button",
|
|
180
|
-
position: "absolute",
|
|
181
|
-
top: -6,
|
|
182
|
-
left: -6,
|
|
183
|
-
zIndex: 1
|
|
184
|
-
})]
|
|
185
|
-
});
|
|
186
|
-
}
|
|
187
|
-
function DemoSlider(param) {
|
|
188
|
-
var {
|
|
189
|
-
label,
|
|
190
|
-
value,
|
|
191
|
-
min,
|
|
192
|
-
max,
|
|
193
|
-
step,
|
|
194
|
-
onChange,
|
|
195
|
-
format
|
|
196
|
-
} = param;
|
|
197
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
198
|
-
gap: "$2",
|
|
199
|
-
alignItems: "center",
|
|
200
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Label, {
|
|
201
|
-
size: "$2",
|
|
202
|
-
width: 55,
|
|
203
|
-
children: label
|
|
204
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.Slider, {
|
|
205
|
-
flex: 1,
|
|
206
|
-
value: [value],
|
|
207
|
-
min,
|
|
208
|
-
max,
|
|
209
|
-
step,
|
|
210
|
-
onValueChange: function (param2) {
|
|
211
|
-
var [v] = param2;
|
|
212
|
-
return onChange(v);
|
|
213
|
-
},
|
|
214
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.Track, {
|
|
215
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.TrackActive, {})
|
|
216
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.Thumb, {
|
|
217
|
-
theme: "accent",
|
|
218
|
-
size: 16,
|
|
219
|
-
borderRadius: 100,
|
|
220
|
-
index: 0
|
|
221
|
-
})]
|
|
222
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.SizableText, {
|
|
223
|
-
userSelect: "none",
|
|
224
|
-
size: "$2",
|
|
225
|
-
width: 35,
|
|
226
|
-
textAlign: "right",
|
|
227
|
-
children: format ? format(value) : Math.round(value)
|
|
228
|
-
})]
|
|
229
|
-
});
|
|
230
|
-
}
|
|
231
|
-
var PositionButton = function (param) {
|
|
232
|
-
var {
|
|
233
|
-
position,
|
|
234
|
-
current,
|
|
235
|
-
onPress,
|
|
236
|
-
Icon,
|
|
237
|
-
testID
|
|
238
|
-
} = param;
|
|
239
|
-
var isActive = position === current;
|
|
240
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Button, {
|
|
241
|
-
icon: Icon,
|
|
242
|
-
circular: true,
|
|
243
|
-
theme: isActive ? "accent" : void 0,
|
|
244
|
-
onPress: function () {
|
|
245
|
-
return onPress(position);
|
|
246
|
-
},
|
|
247
|
-
testID
|
|
248
|
-
});
|
|
249
|
-
};
|
|
250
|
-
//# sourceMappingURL=ToastDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDemo_exports","__export","ToastDemo","module","exports","import_jsx_runtime","require","import_gui","import_v2","import_lucide_icons_2","import_react","import_gui2","position","setPosition","useState","gap","setGap","visibleToasts","setVisibleToasts","duration","setDuration","count","useRef","showToast","newPosition","current","toast","description","jsxs","Toast","Math","round","children","jsx","Viewport","offset","List","renderItem","param","t","index","Item","testID","ToastContent","id","YStack","self","width","XStack","PositionButton","onPress","Icon","ArrowUpLeft","ArrowUp","ArrowUpRight","ArrowDownLeft","ArrowDown","ArrowDownRight","paddingTop","DemoSlider","label","min","max","step","onChange","format","v","toFixed","handleClose","useToastItem","title","Fragment","alignItems","flex","Title","fontWeight","size","Description","color","isWeb","Close","top","left","zIndex","Label","Slider","onValueChange","param2","Track","TrackActive","Thumb"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all) __defProp(target, name, {
|
|
7
|
-
get: all[name],
|
|
8
|
-
enumerable: true
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
-
get: () => from[key],
|
|
15
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value: true
|
|
22
|
-
}), mod);
|
|
23
|
-
var ToastDuplicateDemo_exports = {};
|
|
24
|
-
__export(ToastDuplicateDemo_exports, {
|
|
25
|
-
ToastDuplicateDemo: () => ToastDuplicateDemo
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(ToastDuplicateDemo_exports);
|
|
28
|
-
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
29
|
-
var import_v2 = require("@hanzogui/toast/v2");
|
|
30
|
-
var import_gui = require("@hanzo/gui");
|
|
31
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
-
const ToastDuplicateDemo = () => {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_v2.Toast, {
|
|
34
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Viewport, {
|
|
35
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastList, {})
|
|
36
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
37
|
-
items: "center",
|
|
38
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
39
|
-
onPress: () => {
|
|
40
|
-
(0, import_v2.toast)("Successfully saved!", {
|
|
41
|
-
description: "Don't worry... We've got your data."
|
|
42
|
-
});
|
|
43
|
-
},
|
|
44
|
-
children: "Show toast"
|
|
45
|
-
})
|
|
46
|
-
})]
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
const ToastList = () => {
|
|
50
|
-
const {
|
|
51
|
-
toasts
|
|
52
|
-
} = (0, import_v2.useToasts)();
|
|
53
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
|
|
54
|
-
children: toasts.map((t, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
|
|
55
|
-
toast: t,
|
|
56
|
-
index,
|
|
57
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
58
|
-
gap: "$4",
|
|
59
|
-
items: "center",
|
|
60
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
61
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})
|
|
62
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
63
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
|
|
64
|
-
children: typeof t.title === "function" ? t.title() : t.title
|
|
65
|
-
}), t.description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Description, {
|
|
66
|
-
children: typeof t.description === "function" ? t.description() : t.description
|
|
67
|
-
})]
|
|
68
|
-
})]
|
|
69
|
-
})
|
|
70
|
-
}, t.id))
|
|
71
|
-
});
|
|
72
|
-
};
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: true
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
-
value: true
|
|
24
|
-
}), mod);
|
|
25
|
-
var ToastDuplicateDemo_exports = {};
|
|
26
|
-
__export(ToastDuplicateDemo_exports, {
|
|
27
|
-
ToastDuplicateDemo: () => ToastDuplicateDemo
|
|
28
|
-
});
|
|
29
|
-
module.exports = __toCommonJS(ToastDuplicateDemo_exports);
|
|
30
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
|
-
var import_v2 = require("@hanzogui/toast/v2");
|
|
33
|
-
var import_gui = require("@hanzo/gui");
|
|
34
|
-
var ToastDuplicateDemo = function () {
|
|
35
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_v2.Toast, {
|
|
36
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Viewport, {
|
|
37
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastList, {})
|
|
38
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
39
|
-
items: "center",
|
|
40
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
41
|
-
onPress: function () {
|
|
42
|
-
(0, import_v2.toast)("Successfully saved!", {
|
|
43
|
-
description: "Don't worry... We've got your data."
|
|
44
|
-
});
|
|
45
|
-
},
|
|
46
|
-
children: "Show toast"
|
|
47
|
-
})
|
|
48
|
-
})]
|
|
49
|
-
});
|
|
50
|
-
};
|
|
51
|
-
var ToastList = function () {
|
|
52
|
-
var {
|
|
53
|
-
toasts
|
|
54
|
-
} = (0, import_v2.useToasts)();
|
|
55
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
|
|
56
|
-
children: toasts.map(function (t, index) {
|
|
57
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
|
|
58
|
-
toast: t,
|
|
59
|
-
index,
|
|
60
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
61
|
-
gap: "$4",
|
|
62
|
-
items: "center",
|
|
63
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
64
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})
|
|
65
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
66
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
|
|
67
|
-
children: typeof t.title === "function" ? t.title() : t.title
|
|
68
|
-
}), t.description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Description, {
|
|
69
|
-
children: typeof t.description === "function" ? t.description() : t.description
|
|
70
|
-
})]
|
|
71
|
-
})]
|
|
72
|
-
})
|
|
73
|
-
}, t.id);
|
|
74
|
-
})
|
|
75
|
-
});
|
|
76
|
-
};
|
|
77
|
-
//# sourceMappingURL=ToastDuplicateDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDuplicateDemo_exports","__export","ToastDuplicateDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_v2","import_gui","jsxs","Toast","children","jsx","Viewport","ToastList","YStack","items","Button","onPress","toast","description","toasts","useToasts","Fragment","map","t","index","Item"],"sources":["../../src/ToastDuplicateDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA6B,CAAAK,0BAAA;AAC7B,IAAAK,kBAAwC,GAAAC,OAAA;AACxC,IAAAC,qBAAuC,GAAAD,OAAA;AAOnC,IAAAE,SAAA,GAAAF,OAAA;AAFG,IAAAG,UAAM,GAAAH,OAAA,aAA2B;AACtC,IAAAJ,kBACE,YAAAA,CAAA;EACE,0BAAAG,kBAAA,CAACK,IAAA,EAAAF,SAAA,CAAMG,KAAA;IAIPC,QAAA,GACG,mBAAAP,kBAAA,CAAAQ,GAAA,EAAAL,SAAA,CAAAG,KAAA,CAAAG,QAAA;MAAAF,QAAA,qBAAAP,kBAAA,CAAAQ,GAAA,EAAAE,SAAA;IAAA,EACC,EACE,mBAAAV,kBAAM,CAAAQ,GAAA,EAAAJ,UAAuB,CAAAO,MAAA;MAAAC,KAC3B;MAAaL,QACd,qBAAAP,kBAAA,CAAAQ,GAAA,EAAAJ,UAAA,CAAAS,MAAA;QACHC,OAAA,WAAAA,CAAA;UACD,IAAAX,SAAA,CAAAY,KAAA;YAAAC,WAAA;UAGH;QACF;QAEJT,QAAA;MAEM;IACJ,EAAM;EAOI;AAEA;AAGE,IAAAG,SAAA,YAAAA,CAAA;EAEA,IACC;IAAEO;EAAA,QACDd,SAAA,CAAAe,SAAA;EAEA,OAEJ,mBAAAlB,kBAAA,CAAAQ,GAAA,EAAAR,kBAAA,CAAAmB,QAAA;IAAAZ,QAfe,EAiBnBU,MAEJ,CAAAG,GAAA,WAAAC,CAAA,EAAAC,KAAA;MAEJ,0BAAAtB,kBAAA,CAAAQ,GAAA,EAAAL,SAAA,CAAAG,KAAA,CAAAiB,IAAA","ignoreList":[]}
|