@hanzogui/demos 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/cjs/AccordionDemo.cjs +111 -0
- package/dist/cjs/AccordionDemo.native.js +121 -0
- package/dist/cjs/AccordionDemo.native.js.map +1 -0
- package/dist/cjs/AddThemeDemo.cjs +71 -0
- package/dist/cjs/AddThemeDemo.native.js +74 -0
- package/dist/cjs/AddThemeDemo.native.js.map +1 -0
- package/dist/cjs/AlertDialogDemo.cjs +96 -0
- package/dist/cjs/AlertDialogDemo.native.js +99 -0
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -0
- package/dist/cjs/AnimationsDelayDemo.cjs +85 -0
- package/dist/cjs/AnimationsDelayDemo.native.js +92 -0
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -0
- package/dist/cjs/AnimationsDemo.cjs +100 -0
- package/dist/cjs/AnimationsDemo.native.js +107 -0
- package/dist/cjs/AnimationsDemo.native.js.map +1 -0
- package/dist/cjs/AnimationsEnterDemo.cjs +75 -0
- package/dist/cjs/AnimationsEnterDemo.native.js +82 -0
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -0
- package/dist/cjs/AnimationsHoverDemo.cjs +47 -0
- package/dist/cjs/AnimationsHoverDemo.native.js +50 -0
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -0
- package/dist/cjs/AnimationsPresenceDemo.cjs +123 -0
- package/dist/cjs/AnimationsPresenceDemo.native.js +134 -0
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -0
- package/dist/cjs/AnimationsTimingDemo.cjs +46 -0
- package/dist/cjs/AnimationsTimingDemo.native.js +49 -0
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -0
- package/dist/cjs/AvatarDemo.cjs +53 -0
- package/dist/cjs/AvatarDemo.native.js +56 -0
- package/dist/cjs/AvatarDemo.native.js.map +1 -0
- package/dist/cjs/BoxShadowTokenDemo.cjs +57 -0
- package/dist/cjs/BoxShadowTokenDemo.native.js +62 -0
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -0
- package/dist/cjs/BuildAButtonDemo.cjs +129 -0
- package/dist/cjs/BuildAButtonDemo.native.js +132 -0
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -0
- package/dist/cjs/ButtonDemo.cjs +89 -0
- package/dist/cjs/ButtonDemo.native.js +92 -0
- package/dist/cjs/ButtonDemo.native.js.map +1 -0
- package/dist/cjs/CardDemo.cjs +89 -0
- package/dist/cjs/CardDemo.native.js +92 -0
- package/dist/cjs/CardDemo.native.js.map +1 -0
- package/dist/cjs/CheckboxDemo.cjs +79 -0
- package/dist/cjs/CheckboxDemo.native.js +83 -0
- package/dist/cjs/CheckboxDemo.native.js.map +1 -0
- package/dist/cjs/CheckboxHeadlessDemo.cjs +87 -0
- package/dist/cjs/CheckboxHeadlessDemo.native.js +90 -0
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -0
- package/dist/cjs/CheckboxUnstyledDemo.cjs +78 -0
- package/dist/cjs/CheckboxUnstyledDemo.native.js +81 -0
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -0
- package/dist/cjs/ColorsDemo.cjs +133 -0
- package/dist/cjs/ColorsDemo.native.js +143 -0
- package/dist/cjs/ColorsDemo.native.js.map +1 -0
- package/dist/cjs/ContextMenuDemo.cjs +224 -0
- package/dist/cjs/ContextMenuDemo.native.js +230 -0
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -0
- package/dist/cjs/DialogDemo.cjs +212 -0
- package/dist/cjs/DialogDemo.native.js +222 -0
- package/dist/cjs/DialogDemo.native.js.map +1 -0
- package/dist/cjs/FormsDemo.cjs +85 -0
- package/dist/cjs/FormsDemo.native.js +92 -0
- package/dist/cjs/FormsDemo.native.js.map +1 -0
- package/dist/cjs/Grid.cjs +69 -0
- package/dist/cjs/Grid.native.js +75 -0
- package/dist/cjs/Grid.native.js.map +1 -0
- package/dist/cjs/GroupDemo.cjs +92 -0
- package/dist/cjs/GroupDemo.native.js +97 -0
- package/dist/cjs/GroupDemo.native.js.map +1 -0
- package/dist/cjs/HeadingsDemo.cjs +45 -0
- package/dist/cjs/HeadingsDemo.native.js +48 -0
- package/dist/cjs/HeadingsDemo.native.js.map +1 -0
- package/dist/cjs/ImageDemo.cjs +38 -0
- package/dist/cjs/ImageDemo.native.js +41 -0
- package/dist/cjs/ImageDemo.native.js.map +1 -0
- package/dist/cjs/InputsDemo.cjs +62 -0
- package/dist/cjs/InputsDemo.native.js +65 -0
- package/dist/cjs/InputsDemo.native.js.map +1 -0
- package/dist/cjs/LabelDemo.cjs +65 -0
- package/dist/cjs/LabelDemo.native.js +68 -0
- package/dist/cjs/LabelDemo.native.js.map +1 -0
- package/dist/cjs/LinearGradientDemo.cjs +48 -0
- package/dist/cjs/LinearGradientDemo.native.js +53 -0
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -0
- package/dist/cjs/ListItemDemo.cjs +101 -0
- package/dist/cjs/ListItemDemo.native.js +104 -0
- package/dist/cjs/ListItemDemo.native.js.map +1 -0
- package/dist/cjs/LucideIconsDemo.cjs +93 -0
- package/dist/cjs/LucideIconsDemo.native.js +105 -0
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -0
- package/dist/cjs/MenuDemo.cjs +227 -0
- package/dist/cjs/MenuDemo.native.js +233 -0
- package/dist/cjs/MenuDemo.native.js.map +1 -0
- package/dist/cjs/NewInputsDemo.cjs +63 -0
- package/dist/cjs/NewInputsDemo.native.js +66 -0
- package/dist/cjs/NewInputsDemo.native.js.map +1 -0
- package/dist/cjs/PopoverDemo.cjs +150 -0
- package/dist/cjs/PopoverDemo.native.js +157 -0
- package/dist/cjs/PopoverDemo.native.js.map +1 -0
- package/dist/cjs/ProgressDemo.cjs +88 -0
- package/dist/cjs/ProgressDemo.native.js +115 -0
- package/dist/cjs/ProgressDemo.native.js.map +1 -0
- package/dist/cjs/RadioGroupDemo.cjs +74 -0
- package/dist/cjs/RadioGroupDemo.native.js +77 -0
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -0
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +168 -0
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +178 -0
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -0
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +141 -0
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +144 -0
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -0
- package/dist/cjs/ReplaceThemeDemo.cjs +78 -0
- package/dist/cjs/ReplaceThemeDemo.native.js +81 -0
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -0
- package/dist/cjs/ScrollViewDemo.cjs +74 -0
- package/dist/cjs/ScrollViewDemo.native.js +77 -0
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -0
- package/dist/cjs/SelectDemo.cjs +236 -0
- package/dist/cjs/SelectDemo.native.js +252 -0
- package/dist/cjs/SelectDemo.native.js.map +1 -0
- package/dist/cjs/SeparatorDemo.cjs +60 -0
- package/dist/cjs/SeparatorDemo.native.js +63 -0
- package/dist/cjs/SeparatorDemo.native.js.map +1 -0
- package/dist/cjs/ShapesDemo.cjs +42 -0
- package/dist/cjs/ShapesDemo.native.js +45 -0
- package/dist/cjs/ShapesDemo.native.js.map +1 -0
- package/dist/cjs/SheetDemo.cjs +192 -0
- package/dist/cjs/SheetDemo.native.js +221 -0
- package/dist/cjs/SheetDemo.native.js.map +1 -0
- package/dist/cjs/SliderDemo.cjs +58 -0
- package/dist/cjs/SliderDemo.native.js +62 -0
- package/dist/cjs/SliderDemo.native.js.map +1 -0
- package/dist/cjs/SpinnerDemo.cjs +41 -0
- package/dist/cjs/SpinnerDemo.native.js +44 -0
- package/dist/cjs/SpinnerDemo.native.js.map +1 -0
- package/dist/cjs/StacksDemo.cjs +107 -0
- package/dist/cjs/StacksDemo.native.js +111 -0
- package/dist/cjs/StacksDemo.native.js.map +1 -0
- package/dist/cjs/SwitchDemo.cjs +101 -0
- package/dist/cjs/SwitchDemo.native.js +107 -0
- package/dist/cjs/SwitchDemo.native.js.map +1 -0
- package/dist/cjs/SwitchHeadlessDemo.cjs +103 -0
- package/dist/cjs/SwitchHeadlessDemo.native.js +110 -0
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -0
- package/dist/cjs/SwitchUnstyledDemo.cjs +89 -0
- package/dist/cjs/SwitchUnstyledDemo.native.js +92 -0
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -0
- package/dist/cjs/TabsAdvancedDemo.cjs +340 -0
- package/dist/cjs/TabsAdvancedDemo.native.js +388 -0
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -0
- package/dist/cjs/TabsDemo.cjs +214 -0
- package/dist/cjs/TabsDemo.native.js +225 -0
- package/dist/cjs/TabsDemo.native.js.map +1 -0
- package/dist/cjs/TabsHeadlessDemo.cjs +130 -0
- package/dist/cjs/TabsHeadlessDemo.native.js +144 -0
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -0
- package/dist/cjs/TextDemo.cjs +49 -0
- package/dist/cjs/TextDemo.native.js +52 -0
- package/dist/cjs/TextDemo.native.js.map +1 -0
- package/dist/cjs/ThemeBuilderDemo.cjs +178 -0
- package/dist/cjs/ThemeBuilderDemo.native.js +181 -0
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -0
- package/dist/cjs/ThemeInverseDemo.cjs +99 -0
- package/dist/cjs/ThemeInverseDemo.native.js +102 -0
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -0
- package/dist/cjs/ToastDemo.cjs +150 -0
- package/dist/cjs/ToastDemo.native.js +163 -0
- package/dist/cjs/ToastDemo.native.js.map +1 -0
- package/dist/cjs/ToastDuplicateDemo.cjs +83 -0
- package/dist/cjs/ToastDuplicateDemo.native.js +92 -0
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.cjs +120 -0
- package/dist/cjs/ToggleGroupDemo.native.js +123 -0
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -0
- package/dist/cjs/TokensDemo.cjs +123 -0
- package/dist/cjs/TokensDemo.native.js +145 -0
- package/dist/cjs/TokensDemo.native.js.map +1 -0
- package/dist/cjs/TooltipDemo.cjs +131 -0
- package/dist/cjs/TooltipDemo.native.js +135 -0
- package/dist/cjs/TooltipDemo.native.js.map +1 -0
- package/dist/cjs/UpdateThemeDemo.cjs +80 -0
- package/dist/cjs/UpdateThemeDemo.native.js +83 -0
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -0
- package/dist/cjs/WebNativeImageDemo.cjs +34 -0
- package/dist/cjs/WebNativeImageDemo.native.js +37 -0
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -0
- package/dist/cjs/gui.config.cjs +29 -0
- package/dist/cjs/gui.config.native.js +32 -0
- package/dist/cjs/gui.config.native.js.map +1 -0
- package/dist/cjs/index.cjs +79 -0
- package/dist/cjs/index.native.js +82 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/useOnIntersecting.cjs +68 -0
- package/dist/cjs/useOnIntersecting.native.js +105 -0
- package/dist/cjs/useOnIntersecting.native.js.map +1 -0
- package/dist/esm/AccordionDemo.mjs +88 -0
- package/dist/esm/AccordionDemo.mjs.map +1 -0
- package/dist/esm/AccordionDemo.native.js +95 -0
- package/dist/esm/AccordionDemo.native.js.map +1 -0
- package/dist/esm/AddThemeDemo.mjs +37 -0
- package/dist/esm/AddThemeDemo.mjs.map +1 -0
- package/dist/esm/AddThemeDemo.native.js +37 -0
- package/dist/esm/AddThemeDemo.native.js.map +1 -0
- package/dist/esm/AlertDialogDemo.mjs +73 -0
- package/dist/esm/AlertDialogDemo.mjs.map +1 -0
- package/dist/esm/AlertDialogDemo.native.js +73 -0
- package/dist/esm/AlertDialogDemo.native.js.map +1 -0
- package/dist/esm/AnimationsDelayDemo.mjs +51 -0
- package/dist/esm/AnimationsDelayDemo.mjs.map +1 -0
- package/dist/esm/AnimationsDelayDemo.native.js +55 -0
- package/dist/esm/AnimationsDelayDemo.native.js.map +1 -0
- package/dist/esm/AnimationsDemo.mjs +76 -0
- package/dist/esm/AnimationsDemo.mjs.map +1 -0
- package/dist/esm/AnimationsDemo.native.js +80 -0
- package/dist/esm/AnimationsDemo.native.js.map +1 -0
- package/dist/esm/AnimationsEnterDemo.mjs +41 -0
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -0
- package/dist/esm/AnimationsEnterDemo.native.js +45 -0
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -0
- package/dist/esm/AnimationsHoverDemo.mjs +24 -0
- package/dist/esm/AnimationsHoverDemo.mjs.map +1 -0
- package/dist/esm/AnimationsHoverDemo.native.js +24 -0
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -0
- package/dist/esm/AnimationsPresenceDemo.mjs +88 -0
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -0
- package/dist/esm/AnimationsPresenceDemo.native.js +96 -0
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -0
- package/dist/esm/AnimationsTimingDemo.mjs +23 -0
- package/dist/esm/AnimationsTimingDemo.mjs.map +1 -0
- package/dist/esm/AnimationsTimingDemo.native.js +23 -0
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -0
- package/dist/esm/AvatarDemo.mjs +30 -0
- package/dist/esm/AvatarDemo.mjs.map +1 -0
- package/dist/esm/AvatarDemo.native.js +30 -0
- package/dist/esm/AvatarDemo.native.js.map +1 -0
- package/dist/esm/BoxShadowTokenDemo.mjs +34 -0
- package/dist/esm/BoxShadowTokenDemo.mjs.map +1 -0
- package/dist/esm/BoxShadowTokenDemo.native.js +36 -0
- package/dist/esm/BoxShadowTokenDemo.native.js.map +1 -0
- package/dist/esm/BuildAButtonDemo.mjs +106 -0
- package/dist/esm/BuildAButtonDemo.mjs.map +1 -0
- package/dist/esm/BuildAButtonDemo.native.js +106 -0
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -0
- package/dist/esm/ButtonDemo.mjs +66 -0
- package/dist/esm/ButtonDemo.mjs.map +1 -0
- package/dist/esm/ButtonDemo.native.js +66 -0
- package/dist/esm/ButtonDemo.native.js.map +1 -0
- package/dist/esm/CardDemo.mjs +65 -0
- package/dist/esm/CardDemo.mjs.map +1 -0
- package/dist/esm/CardDemo.native.js +65 -0
- package/dist/esm/CardDemo.native.js.map +1 -0
- package/dist/esm/CheckboxDemo.mjs +55 -0
- package/dist/esm/CheckboxDemo.mjs.map +1 -0
- package/dist/esm/CheckboxDemo.native.js +56 -0
- package/dist/esm/CheckboxDemo.native.js.map +1 -0
- package/dist/esm/CheckboxHeadlessDemo.mjs +53 -0
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -0
- package/dist/esm/CheckboxHeadlessDemo.native.js +53 -0
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -0
- package/dist/esm/CheckboxUnstyledDemo.mjs +54 -0
- package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -0
- package/dist/esm/CheckboxUnstyledDemo.native.js +54 -0
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -0
- package/dist/esm/ColorsDemo.mjs +110 -0
- package/dist/esm/ColorsDemo.mjs.map +1 -0
- package/dist/esm/ColorsDemo.native.js +117 -0
- package/dist/esm/ColorsDemo.native.js.map +1 -0
- package/dist/esm/ContextMenuDemo.mjs +190 -0
- package/dist/esm/ContextMenuDemo.mjs.map +1 -0
- package/dist/esm/ContextMenuDemo.native.js +193 -0
- package/dist/esm/ContextMenuDemo.native.js.map +1 -0
- package/dist/esm/DialogDemo.mjs +189 -0
- package/dist/esm/DialogDemo.mjs.map +1 -0
- package/dist/esm/DialogDemo.native.js +196 -0
- package/dist/esm/DialogDemo.native.js.map +1 -0
- package/dist/esm/FormsDemo.mjs +51 -0
- package/dist/esm/FormsDemo.mjs.map +1 -0
- package/dist/esm/FormsDemo.native.js +55 -0
- package/dist/esm/FormsDemo.native.js.map +1 -0
- package/dist/esm/Grid.mjs +35 -0
- package/dist/esm/Grid.mjs.map +1 -0
- package/dist/esm/Grid.native.js +38 -0
- package/dist/esm/Grid.native.js.map +1 -0
- package/dist/esm/GroupDemo.mjs +69 -0
- package/dist/esm/GroupDemo.mjs.map +1 -0
- package/dist/esm/GroupDemo.native.js +71 -0
- package/dist/esm/GroupDemo.native.js.map +1 -0
- package/dist/esm/HeadingsDemo.mjs +22 -0
- package/dist/esm/HeadingsDemo.mjs.map +1 -0
- package/dist/esm/HeadingsDemo.native.js +22 -0
- package/dist/esm/HeadingsDemo.native.js.map +1 -0
- package/dist/esm/ImageDemo.mjs +15 -0
- package/dist/esm/ImageDemo.mjs.map +1 -0
- package/dist/esm/ImageDemo.native.js +15 -0
- package/dist/esm/ImageDemo.native.js.map +1 -0
- package/dist/esm/InputsDemo.mjs +39 -0
- package/dist/esm/InputsDemo.mjs.map +1 -0
- package/dist/esm/InputsDemo.native.js +39 -0
- package/dist/esm/InputsDemo.native.js.map +1 -0
- package/dist/esm/LabelDemo.mjs +42 -0
- package/dist/esm/LabelDemo.mjs.map +1 -0
- package/dist/esm/LabelDemo.native.js +42 -0
- package/dist/esm/LabelDemo.native.js.map +1 -0
- package/dist/esm/LinearGradientDemo.mjs +25 -0
- package/dist/esm/LinearGradientDemo.mjs.map +1 -0
- package/dist/esm/LinearGradientDemo.native.js +27 -0
- package/dist/esm/LinearGradientDemo.native.js.map +1 -0
- package/dist/esm/ListItemDemo.mjs +78 -0
- package/dist/esm/ListItemDemo.mjs.map +1 -0
- package/dist/esm/ListItemDemo.native.js +78 -0
- package/dist/esm/ListItemDemo.native.js.map +1 -0
- package/dist/esm/LucideIconsDemo.mjs +59 -0
- package/dist/esm/LucideIconsDemo.mjs.map +1 -0
- package/dist/esm/LucideIconsDemo.native.js +68 -0
- package/dist/esm/LucideIconsDemo.native.js.map +1 -0
- package/dist/esm/MenuDemo.mjs +193 -0
- package/dist/esm/MenuDemo.mjs.map +1 -0
- package/dist/esm/MenuDemo.native.js +196 -0
- package/dist/esm/MenuDemo.native.js.map +1 -0
- package/dist/esm/NewInputsDemo.mjs +40 -0
- package/dist/esm/NewInputsDemo.mjs.map +1 -0
- package/dist/esm/NewInputsDemo.native.js +40 -0
- package/dist/esm/NewInputsDemo.native.js.map +1 -0
- package/dist/esm/PopoverDemo.mjs +126 -0
- package/dist/esm/PopoverDemo.mjs.map +1 -0
- package/dist/esm/PopoverDemo.native.js +130 -0
- package/dist/esm/PopoverDemo.native.js.map +1 -0
- package/dist/esm/ProgressDemo.mjs +54 -0
- package/dist/esm/ProgressDemo.mjs.map +1 -0
- package/dist/esm/ProgressDemo.native.js +78 -0
- package/dist/esm/ProgressDemo.native.js.map +1 -0
- package/dist/esm/RadioGroupDemo.mjs +50 -0
- package/dist/esm/RadioGroupDemo.mjs.map +1 -0
- package/dist/esm/RadioGroupDemo.native.js +50 -0
- package/dist/esm/RadioGroupDemo.native.js.map +1 -0
- package/dist/esm/RadioGroupHeadlessDemo.mjs +134 -0
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -0
- package/dist/esm/RadioGroupHeadlessDemo.native.js +141 -0
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -0
- package/dist/esm/RadioGroupUnstyledDemo.mjs +118 -0
- package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -0
- package/dist/esm/RadioGroupUnstyledDemo.native.js +118 -0
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -0
- package/dist/esm/ReplaceThemeDemo.mjs +44 -0
- package/dist/esm/ReplaceThemeDemo.mjs.map +1 -0
- package/dist/esm/ReplaceThemeDemo.native.js +44 -0
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -0
- package/dist/esm/ScrollViewDemo.mjs +51 -0
- package/dist/esm/ScrollViewDemo.mjs.map +1 -0
- package/dist/esm/ScrollViewDemo.native.js +51 -0
- package/dist/esm/ScrollViewDemo.native.js.map +1 -0
- package/dist/esm/SelectDemo.mjs +201 -0
- package/dist/esm/SelectDemo.mjs.map +1 -0
- package/dist/esm/SelectDemo.native.js +214 -0
- package/dist/esm/SelectDemo.native.js.map +1 -0
- package/dist/esm/SeparatorDemo.mjs +37 -0
- package/dist/esm/SeparatorDemo.mjs.map +1 -0
- package/dist/esm/SeparatorDemo.native.js +37 -0
- package/dist/esm/SeparatorDemo.native.js.map +1 -0
- package/dist/esm/ShapesDemo.mjs +19 -0
- package/dist/esm/ShapesDemo.mjs.map +1 -0
- package/dist/esm/ShapesDemo.native.js +19 -0
- package/dist/esm/ShapesDemo.native.js.map +1 -0
- package/dist/esm/SheetDemo.mjs +158 -0
- package/dist/esm/SheetDemo.mjs.map +1 -0
- package/dist/esm/SheetDemo.native.js +184 -0
- package/dist/esm/SheetDemo.native.js.map +1 -0
- package/dist/esm/SliderDemo.mjs +35 -0
- package/dist/esm/SliderDemo.mjs.map +1 -0
- package/dist/esm/SliderDemo.native.js +36 -0
- package/dist/esm/SliderDemo.native.js.map +1 -0
- package/dist/esm/SpinnerDemo.mjs +18 -0
- package/dist/esm/SpinnerDemo.mjs.map +1 -0
- package/dist/esm/SpinnerDemo.native.js +18 -0
- package/dist/esm/SpinnerDemo.native.js.map +1 -0
- package/dist/esm/StacksDemo.mjs +84 -0
- package/dist/esm/StacksDemo.mjs.map +1 -0
- package/dist/esm/StacksDemo.native.js +84 -0
- package/dist/esm/StacksDemo.native.js.map +1 -0
- package/dist/esm/SwitchDemo.mjs +77 -0
- package/dist/esm/SwitchDemo.mjs.map +1 -0
- package/dist/esm/SwitchDemo.native.js +80 -0
- package/dist/esm/SwitchDemo.native.js.map +1 -0
- package/dist/esm/SwitchHeadlessDemo.mjs +69 -0
- package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -0
- package/dist/esm/SwitchHeadlessDemo.native.js +73 -0
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -0
- package/dist/esm/SwitchUnstyledDemo.mjs +65 -0
- package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -0
- package/dist/esm/SwitchUnstyledDemo.native.js +65 -0
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -0
- package/dist/esm/TabsAdvancedDemo.mjs +306 -0
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -0
- package/dist/esm/TabsAdvancedDemo.native.js +351 -0
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -0
- package/dist/esm/TabsDemo.mjs +180 -0
- package/dist/esm/TabsDemo.mjs.map +1 -0
- package/dist/esm/TabsDemo.native.js +188 -0
- package/dist/esm/TabsDemo.native.js.map +1 -0
- package/dist/esm/TabsHeadlessDemo.mjs +105 -0
- package/dist/esm/TabsHeadlessDemo.mjs.map +1 -0
- package/dist/esm/TabsHeadlessDemo.native.js +114 -0
- package/dist/esm/TabsHeadlessDemo.native.js.map +1 -0
- package/dist/esm/TextDemo.mjs +26 -0
- package/dist/esm/TextDemo.mjs.map +1 -0
- package/dist/esm/TextDemo.native.js +26 -0
- package/dist/esm/TextDemo.native.js.map +1 -0
- package/dist/esm/ThemeBuilderDemo.mjs +155 -0
- package/dist/esm/ThemeBuilderDemo.mjs.map +1 -0
- package/dist/esm/ThemeBuilderDemo.native.js +155 -0
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -0
- package/dist/esm/ThemeInverseDemo.mjs +76 -0
- package/dist/esm/ThemeInverseDemo.mjs.map +1 -0
- package/dist/esm/ThemeInverseDemo.native.js +76 -0
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -0
- package/dist/esm/ToastDemo.mjs +116 -0
- package/dist/esm/ToastDemo.mjs.map +1 -0
- package/dist/esm/ToastDemo.native.js +126 -0
- package/dist/esm/ToastDemo.native.js.map +1 -0
- package/dist/esm/ToastDuplicateDemo.mjs +49 -0
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -0
- package/dist/esm/ToastDuplicateDemo.native.js +55 -0
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -0
- package/dist/esm/ToggleGroupDemo.mjs +97 -0
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -0
- package/dist/esm/ToggleGroupDemo.native.js +97 -0
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -0
- package/dist/esm/TokensDemo.mjs +89 -0
- package/dist/esm/TokensDemo.mjs.map +1 -0
- package/dist/esm/TokensDemo.native.js +108 -0
- package/dist/esm/TokensDemo.native.js.map +1 -0
- package/dist/esm/TooltipDemo.mjs +108 -0
- package/dist/esm/TooltipDemo.mjs.map +1 -0
- package/dist/esm/TooltipDemo.native.js +109 -0
- package/dist/esm/TooltipDemo.native.js.map +1 -0
- package/dist/esm/UpdateThemeDemo.mjs +46 -0
- package/dist/esm/UpdateThemeDemo.mjs.map +1 -0
- package/dist/esm/UpdateThemeDemo.native.js +46 -0
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -0
- package/dist/esm/WebNativeImageDemo.mjs +11 -0
- package/dist/esm/WebNativeImageDemo.mjs.map +1 -0
- package/dist/esm/WebNativeImageDemo.native.js +11 -0
- package/dist/esm/WebNativeImageDemo.native.js.map +1 -0
- package/dist/esm/gui.config.mjs +6 -0
- package/dist/esm/gui.config.mjs.map +1 -0
- package/dist/esm/gui.config.native.js +6 -0
- package/dist/esm/gui.config.native.js.map +1 -0
- package/dist/esm/index.js +63 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +63 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +63 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/useOnIntersecting.mjs +44 -0
- package/dist/esm/useOnIntersecting.mjs.map +1 -0
- package/dist/esm/useOnIntersecting.native.js +78 -0
- package/dist/esm/useOnIntersecting.native.js.map +1 -0
- package/package.json +68 -0
- package/src/AccordionDemo.tsx +73 -0
- package/src/AddThemeDemo.tsx +35 -0
- package/src/AlertDialogDemo.tsx +56 -0
- package/src/AnimationsDelayDemo.tsx +49 -0
- package/src/AnimationsDemo.tsx +85 -0
- package/src/AnimationsEnterDemo.tsx +43 -0
- package/src/AnimationsHoverDemo.tsx +23 -0
- package/src/AnimationsPresenceDemo.tsx +93 -0
- package/src/AnimationsTimingDemo.tsx +22 -0
- package/src/AvatarDemo.tsx +23 -0
- package/src/BoxShadowTokenDemo.tsx +35 -0
- package/src/BuildAButtonDemo.tsx +72 -0
- package/src/ButtonDemo.tsx +49 -0
- package/src/CardDemo.tsx +44 -0
- package/src/CheckboxDemo.tsx +39 -0
- package/src/CheckboxHeadlessDemo.tsx +47 -0
- package/src/CheckboxUnstyledDemo.tsx +49 -0
- package/src/ColorsDemo.tsx +133 -0
- package/src/ContextMenuDemo.tsx +178 -0
- package/src/DialogDemo.tsx +180 -0
- package/src/FormsDemo.tsx +60 -0
- package/src/Grid.tsx +46 -0
- package/src/GroupDemo.tsx +56 -0
- package/src/HeadingsDemo.tsx +14 -0
- package/src/ImageDemo.tsx +15 -0
- package/src/InputsDemo.tsx +27 -0
- package/src/LabelDemo.tsx +28 -0
- package/src/LinearGradientDemo.tsx +28 -0
- package/src/ListItemDemo.tsx +65 -0
- package/src/LucideIconsDemo.tsx +59 -0
- package/src/MenuDemo.tsx +183 -0
- package/src/NewInputsDemo.tsx +28 -0
- package/src/PopoverDemo.tsx +130 -0
- package/src/ProgressDemo.tsx +76 -0
- package/src/RadioGroupDemo.tsx +35 -0
- package/src/RadioGroupHeadlessDemo.tsx +129 -0
- package/src/RadioGroupUnstyledDemo.tsx +121 -0
- package/src/ReplaceThemeDemo.tsx +53 -0
- package/src/ScrollViewDemo.tsx +18 -0
- package/src/SelectDemo.tsx +189 -0
- package/src/SeparatorDemo.tsx +18 -0
- package/src/ShapesDemo.tsx +10 -0
- package/src/SheetDemo.tsx +156 -0
- package/src/SliderDemo.tsx +23 -0
- package/src/SpinnerDemo.tsx +10 -0
- package/src/StacksDemo.tsx +58 -0
- package/src/SwitchDemo.tsx +52 -0
- package/src/SwitchHeadlessDemo.tsx +76 -0
- package/src/SwitchUnstyledDemo.tsx +58 -0
- package/src/TabsAdvancedDemo.tsx +351 -0
- package/src/TabsDemo.tsx +171 -0
- package/src/TabsHeadlessDemo.tsx +126 -0
- package/src/TextDemo.tsx +15 -0
- package/src/ThemeBuilderDemo.tsx +124 -0
- package/src/ThemeInverseDemo.tsx +37 -0
- package/src/ToastDemo.tsx +121 -0
- package/src/ToastDuplicateDemo.tsx +47 -0
- package/src/ToggleGroupDemo.tsx +82 -0
- package/src/TokensDemo.tsx +105 -0
- package/src/TooltipDemo.tsx +68 -0
- package/src/UpdateThemeDemo.tsx +57 -0
- package/src/WebNativeImageDemo.tsx +5 -0
- package/src/gui.config.ts +16 -0
- package/src/index.tsx +65 -0
- package/src/useOnIntersecting.tsx +89 -0
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@hanzogui/lucide-icons-2";
|
|
3
|
+
import { Button, Paragraph, Theme, Tooltip, TooltipGroup, XStack, YStack } from "@hanzo/gui";
|
|
4
|
+
function TooltipDemo() {
|
|
5
|
+
return /* @__PURE__ */_jsx(Theme, {
|
|
6
|
+
name: "surface2",
|
|
7
|
+
children: /* @__PURE__ */_jsx(TooltipGroup, {
|
|
8
|
+
delay: {
|
|
9
|
+
open: 300,
|
|
10
|
+
close: 100
|
|
11
|
+
},
|
|
12
|
+
children: /* @__PURE__ */_jsxs(YStack, {
|
|
13
|
+
gap: "$2",
|
|
14
|
+
self: "center",
|
|
15
|
+
children: [/* @__PURE__ */_jsxs(XStack, {
|
|
16
|
+
gap: "$2",
|
|
17
|
+
children: [/* @__PURE__ */_jsx(Demo, {
|
|
18
|
+
groupId: "0",
|
|
19
|
+
placement: "top-end",
|
|
20
|
+
Icon: Circle
|
|
21
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
22
|
+
groupId: "1",
|
|
23
|
+
placement: "top",
|
|
24
|
+
Icon: ChevronUp
|
|
25
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
26
|
+
groupId: "2",
|
|
27
|
+
placement: "top-start",
|
|
28
|
+
Icon: Circle
|
|
29
|
+
})]
|
|
30
|
+
}), /* @__PURE__ */_jsxs(XStack, {
|
|
31
|
+
gap: "$2",
|
|
32
|
+
children: [/* @__PURE__ */_jsx(Demo, {
|
|
33
|
+
groupId: "3",
|
|
34
|
+
placement: "left",
|
|
35
|
+
Icon: ChevronLeft
|
|
36
|
+
}), /* @__PURE__ */_jsx(YStack, {
|
|
37
|
+
flex: 1
|
|
38
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
39
|
+
groupId: "4",
|
|
40
|
+
placement: "right",
|
|
41
|
+
Icon: ChevronRight
|
|
42
|
+
})]
|
|
43
|
+
}), /* @__PURE__ */_jsxs(XStack, {
|
|
44
|
+
gap: "$2",
|
|
45
|
+
children: [/* @__PURE__ */_jsx(Demo, {
|
|
46
|
+
groupId: "5",
|
|
47
|
+
placement: "bottom-end",
|
|
48
|
+
Icon: Circle
|
|
49
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
50
|
+
groupId: "6",
|
|
51
|
+
placement: "bottom",
|
|
52
|
+
Icon: ChevronDown
|
|
53
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
54
|
+
groupId: "7",
|
|
55
|
+
placement: "bottom-start",
|
|
56
|
+
Icon: Circle
|
|
57
|
+
})]
|
|
58
|
+
})]
|
|
59
|
+
})
|
|
60
|
+
})
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
function Demo(param) {
|
|
64
|
+
var {
|
|
65
|
+
Icon,
|
|
66
|
+
...props
|
|
67
|
+
} = param;
|
|
68
|
+
return /* @__PURE__ */_jsxs(Tooltip, {
|
|
69
|
+
...props,
|
|
70
|
+
children: [/* @__PURE__ */_jsx(Tooltip.Trigger, {
|
|
71
|
+
asChild: !0,
|
|
72
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
73
|
+
icon: Icon,
|
|
74
|
+
circular: !0
|
|
75
|
+
})
|
|
76
|
+
}), /* @__PURE__ */_jsxs(Tooltip.Content, {
|
|
77
|
+
enterStyle: {
|
|
78
|
+
x: 0,
|
|
79
|
+
y: -5,
|
|
80
|
+
opacity: 0,
|
|
81
|
+
scale: 0.9
|
|
82
|
+
},
|
|
83
|
+
exitStyle: {
|
|
84
|
+
x: 0,
|
|
85
|
+
y: -5,
|
|
86
|
+
opacity: 0,
|
|
87
|
+
scale: 0.9
|
|
88
|
+
},
|
|
89
|
+
scale: 1,
|
|
90
|
+
x: 0,
|
|
91
|
+
y: 0,
|
|
92
|
+
opacity: 1,
|
|
93
|
+
py: "$2",
|
|
94
|
+
px: "$3",
|
|
95
|
+
transition: ["quick", {
|
|
96
|
+
opacity: {
|
|
97
|
+
overshootClamping: !0
|
|
98
|
+
}
|
|
99
|
+
}],
|
|
100
|
+
children: [/* @__PURE__ */_jsx(Tooltip.Arrow, {}), /* @__PURE__ */_jsx(Paragraph, {
|
|
101
|
+
size: "$2",
|
|
102
|
+
lineHeight: "$1",
|
|
103
|
+
children: "Hello world"
|
|
104
|
+
})]
|
|
105
|
+
})]
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
export { TooltipDemo };
|
|
109
|
+
//# sourceMappingURL=TooltipDemo.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Theme","Tooltip","TooltipGroup","XStack","YStack","TooltipDemo","name","children","delay","open","close","gap","self","Demo","groupId","placement","Icon","flex"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,WAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,SAAA,EAAAC,MAAA;AAAA,SACAC,MAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,YAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,YAAA;EACA,sBAAAf,IAAA,CAAAU,KAAA;IACAM,IAAA;IAAAC,QACK,iBAAAjB,IAAA,CAAAY,YAAA;MAEPM,KAAS;QAOCC,IACE,EADF;QALHC,KAAS;MACd;MAIQH,QAAA,iBAACf,KAAO,CAAAY,MAAI,EACV;QAAAO,GAAA;QACAC,IAAA;QACAL,QAAA,GACF,eAAAf,KAAA,CAAAW,MAAA;UACAQ,GAAA;UACEJ,QAAA,GACA,eAACjB,IAAA,CAAAuB,IAAO;YACRC,OAAA,KAAC;YACHC,SAAA;YACAC,IAAA,EAAAnB;UACE,IACA,eAACP,IAAK,CAAAuB,IAAA;YACNC,OAAA,KAAC;YACHC,SAAA;YAGNC,IAAA,EAAApB;UAEJ,IAEc,eAAWN,IAAwC,CAAAuB,IAAA;YAE7DC,OAAA;YACEC,SAAC,aAAQ;YAGTC,IAAA,EAAAnB;UAAS;QACP,IACA,eAAgBL,KAAM,CAAAW,MAAI;UAC1BQ,GAAO;UACJJ,QAAA,GACA,eAAAjB,IAAA,CAAAuB,IAAA;YACHC,OAAS;YACNC,SAAA;YACAC,IAAA,EAAAtB;UACH,IACE,eAAAJ,IAAA,CAAAc,MAAA;YACAa,IAAA;UACE,IACE,eAAA3B,IAAmB,CAAAuB,IAAA;YACrBC,OAAA;YACFC,SAAA;YACFC,IAAA,EAAArB;UAEA;QACA,IAEA,eAAAH,KAAA,CAAAW,MAAA;UAAAQ,GAAA;UACFJ,QAAA,GACF,eAAAjB,IAAA,CAAAuB,IAAA;YAEJC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { config } from "@hanzogui/config/v3";
|
|
3
|
+
import { addTheme, updateTheme } from "@hanzogui/theme";
|
|
4
|
+
import { Button, Square, Theme, XStack, YStack, getVariableValue, useIsomorphicLayoutEffect } from "@hanzo/gui";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
const colors = config.tokens.color,
|
|
7
|
+
colorKeys = Object.keys(colors);
|
|
8
|
+
function UpdateThemeDemo() {
|
|
9
|
+
const [theme, setTheme] = React.useState();
|
|
10
|
+
return useIsomorphicLayoutEffect(() => {
|
|
11
|
+
addTheme({
|
|
12
|
+
name: "custom",
|
|
13
|
+
insertCSS: !0,
|
|
14
|
+
theme: {
|
|
15
|
+
color: "red"
|
|
16
|
+
}
|
|
17
|
+
}), setTheme("custom");
|
|
18
|
+
}, []), /* @__PURE__ */jsxs(YStack, {
|
|
19
|
+
items: "center",
|
|
20
|
+
gap: "$4",
|
|
21
|
+
children: [/* @__PURE__ */jsx(XStack, {
|
|
22
|
+
gap: "$5",
|
|
23
|
+
children: /* @__PURE__ */jsx(Theme, {
|
|
24
|
+
name: theme ?? null,
|
|
25
|
+
children: /* @__PURE__ */jsx(Square, {
|
|
26
|
+
rounded: "$8",
|
|
27
|
+
size: 100,
|
|
28
|
+
bg: "$color"
|
|
29
|
+
})
|
|
30
|
+
})
|
|
31
|
+
}), /* @__PURE__ */jsx(Button, {
|
|
32
|
+
onPress: () => {
|
|
33
|
+
const randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
|
|
34
|
+
updateTheme({
|
|
35
|
+
name: "custom",
|
|
36
|
+
theme: {
|
|
37
|
+
color: randomColor
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
},
|
|
41
|
+
children: "Set to random color"
|
|
42
|
+
})]
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
export { UpdateThemeDemo };
|
|
46
|
+
//# sourceMappingURL=UpdateThemeDemo.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","config","addTheme","updateTheme","Button","Square","Theme","XStack","YStack","getVariableValue","useIsomorphicLayoutEffect","jsx","jsxs","colors","tokens","color","colorKeys","Object","keys","UpdateThemeDemo","theme","setTheme","useState","name","insertCSS","items","gap","children","rounded","size","bg","onPress","randomColor","Math","floor","random","length"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,WAAA,QAAmB;AAEtC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,gBAAA,EACAC,yBAAA,QACK;AAoBH,SAGMC,GAAA,EAHNC,IAAA;AAlBJ,MAAMC,MAAA,GAASZ,MAAA,CAAOa,MAAA,CAAOC,KAAA;EACvBC,SAAA,GAAYC,MAAA,CAAOC,IAAA,CAAKL,MAAM;AAE7B,SAASM,gBAAA,EAAkB;EAChC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIrB,KAAA,CAAMsB,QAAA,CAAc;EAE9C,OAAAZ,yBAAA,CAA0B,MAAM;IAC9BR,QAAA,CAAS;MACPqB,IAAA,EAAM;MACNC,SAAA,EAAW;MACXJ,KAAA,EAAO;QACLL,KAAA,EAAO;MACT;IACF,CAAC,GACDM,QAAA,CAAS,QAAQ;EACnB,GAAG,EAAE,GAGH,eAAAT,IAAA,CAACJ,MAAA;IAAOiB,KAAA,EAAM;IAASC,GAAA,EAAI;IACzBC,QAAA,kBAAAhB,GAAA,CAACJ,MAAA;MAAOmB,GAAA,EAAK;MACXC,QAAA,iBAAAhB,GAAA,CAACL,KAAA;QAAMiB,IAAA,EAAMH,KAAA,IAAS;QACpBO,QAAA,iBAAAhB,GAAA,CAACN,MAAA;UAAOuB,OAAA,EAAQ;UAAKC,IAAA,EAAM;UAAKC,EAAA,EAAG;QAAA,CAAS;MAAA,CAC9C;IAAA,CACF,GAEA,eAAAnB,GAAA,CAACP,MAAA;MACC2B,OAAA,EAASA,CAAA,KAAM;QACb,MAAMC,WAAA,GAAcvB,gBAAA,CAClBI,MAAA,CAAOG,SAAA,CAAUiB,IAAA,CAAKC,KAAA,CAAMD,IAAA,CAAKE,MAAA,CAAO,IAAInB,SAAA,CAAUoB,MAAM,CAAC,CAAC,CAChE;QACAjC,WAAA,CAAY;UACVoB,IAAA,EAAM;UACNH,KAAA,EAAO;YACLL,KAAA,EAAOiB;UACT;QACF,CAAC;MACH;MACDL,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { config } from "@hanzogui/config/v3";
|
|
4
|
+
import { addTheme, updateTheme } from "@hanzogui/theme";
|
|
5
|
+
import { Button, Square, Theme, XStack, YStack, getVariableValue, useIsomorphicLayoutEffect } from "@hanzo/gui";
|
|
6
|
+
var colors = config.tokens.color,
|
|
7
|
+
colorKeys = Object.keys(colors);
|
|
8
|
+
function UpdateThemeDemo() {
|
|
9
|
+
var [theme, setTheme] = React.useState();
|
|
10
|
+
return useIsomorphicLayoutEffect(function () {
|
|
11
|
+
addTheme({
|
|
12
|
+
name: "custom",
|
|
13
|
+
insertCSS: !0,
|
|
14
|
+
theme: {
|
|
15
|
+
color: "red"
|
|
16
|
+
}
|
|
17
|
+
}), setTheme("custom");
|
|
18
|
+
}, []), /* @__PURE__ */_jsxs(YStack, {
|
|
19
|
+
items: "center",
|
|
20
|
+
gap: "$4",
|
|
21
|
+
children: [/* @__PURE__ */_jsx(XStack, {
|
|
22
|
+
gap: "$5",
|
|
23
|
+
children: /* @__PURE__ */_jsx(Theme, {
|
|
24
|
+
name: theme ?? null,
|
|
25
|
+
children: /* @__PURE__ */_jsx(Square, {
|
|
26
|
+
rounded: "$8",
|
|
27
|
+
size: 100,
|
|
28
|
+
bg: "$color"
|
|
29
|
+
})
|
|
30
|
+
})
|
|
31
|
+
}), /* @__PURE__ */_jsx(Button, {
|
|
32
|
+
onPress: function () {
|
|
33
|
+
var randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
|
|
34
|
+
updateTheme({
|
|
35
|
+
name: "custom",
|
|
36
|
+
theme: {
|
|
37
|
+
color: randomColor
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
},
|
|
41
|
+
children: "Set to random color"
|
|
42
|
+
})]
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
export { UpdateThemeDemo };
|
|
46
|
+
//# sourceMappingURL=UpdateThemeDemo.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","config","addTheme","updateTheme","Button","Square","Theme","XStack","YStack","getVariableValue","useIsomorphicLayoutEffect","colors","tokens","color","colorKeys","Object","keys","UpdateThemeDemo","theme","setTheme","useState","name","insertCSS","items","gap","children","rounded","size","bg","onPress","randomColor","Math","floor","random","length"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAc;AACvB,SAASC,MAAA,QAAU,qBAAmB;AAEtC,SAAAC,QAAA,EAAAC,WAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA,EAAAC,yBAAA;AAAA,IACAC,MAAA,GAAAV,MAAA,CAAAW,MAAA,CAAAC,KAAA;EAAAC,SAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAL,MAAA;AAAA,SACAM,gBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAAnB,KAAA,CAAAoB,QAAA;EACA,OAAAV,yBAAA;IACAR,QAAA;MACAmB,IAAA;MAAAC,SACK;MAoBHJ,KAGM;QArBJL,KAAA,EAAS;MAGR;IACL,IAAMM,QAAQ,SAAQ;EAEtB,uBAAApB,KAAA,CAAAS,MAA0B;IACxBe,KAAA,UAAS;IAAAC,GACP,MAAM;IAAAC,QACN,GACA,eAAO5B,IAAA,CAAAU,MAAA;MACLiB,GAAA,MAAO;MACTC,QAAA,iBAAA5B,IAAA,CAAAS,KAAA;QAEFe,IAAA,EAAAH,KAAS,IAAQ;QAIjBO,QAAA,iBAAC5B,IAAA,CAAOQ,MAAA,EAAM;UACZqB,OAAA,MAAC;UAMDC,IAAA;UAACC,EAAA;QAAA;MACC;IACE,IAAoB,eACX/B,IAAA,CAAAO,MAAU,EAAK;MAAwCyB,OAChE,WAAAA,CAAA;QACA,IAAAC,WAAY,GAAArB,gBAAA,CAAAE,MAAA,CAAAG,SAAA,CAAAiB,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,MAAA,KAAAnB,SAAA,CAAAoB,MAAA;QAAA/B,WACJ;UACNkB,IAAA,UAAO;UAAAH,KACL;YACFL,KAAA,EAAAiB;UACD;QACH;MACD;MAAAL,QAAA;IAED;EAGN","ignoreList":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Image } from "@hanzogui/image";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
function WebNativeImageDemo() {
|
|
4
|
+
return /* @__PURE__ */jsx(Image, {
|
|
5
|
+
src: "https://picsum.photos/200/300",
|
|
6
|
+
width: 200,
|
|
7
|
+
height: 300
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
export { WebNativeImageDemo };
|
|
11
|
+
//# sourceMappingURL=WebNativeImageDemo.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Image","jsx","WebNativeImageDemo","src","width","height"],"sources":["../../src/WebNativeImageDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AAGb,SAAAC,GAAA;AADF,SAASC,mBAAA,EAAqB;EACnC,OAAO,eAAAD,GAAA,CAACD,KAAA;IAAMG,GAAA,EAAI;IAAgCC,KAAA,EAAO;IAAKC,MAAA,EAAQ;EAAA,CAAK;AAC7E","ignoreList":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Image } from "@hanzogui/image";
|
|
3
|
+
function WebNativeImageDemo() {
|
|
4
|
+
return /* @__PURE__ */_jsx(Image, {
|
|
5
|
+
src: "https://picsum.photos/200/300",
|
|
6
|
+
width: 200,
|
|
7
|
+
height: 300
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
export { WebNativeImageDemo };
|
|
11
|
+
//# sourceMappingURL=WebNativeImageDemo.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Image","WebNativeImageDemo","src"],"sources":["../../src/WebNativeImageDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AAGb,SAAAC,KAAA;AADF,SAASC,mBAAA,EAAqB;EACnC,OAAO,eAAAF,IAAC,CAAAC,KAAA;IACVE,GAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["config","createGui","tamaConf","gui_config_default"],"sources":["../../src/gui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,SAAA,QAAiB;AAE1B,MAAMC,QAAA,GAAWD,SAAA,CAAUD,MAAM;AAYjC,IAAOG,kBAAA,GAAQD,QAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["config","createGui","tamaConf","gui_config_default"],"sources":["../../src/gui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,SAAA,QAAiB;AAE1B,IAAAC,QAAM,GAAAD,SAAW,CAAAD,MAAU;EAAMG,kBAAA,GAAAD,QAAA;AAYjC,S","ignoreList":[]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
export * from "./AccordionDemo.mjs";
|
|
2
|
+
export * from "./AddThemeDemo.mjs";
|
|
3
|
+
export * from "./AlertDialogDemo.mjs";
|
|
4
|
+
export * from "./AnimationsDelayDemo.mjs";
|
|
5
|
+
export * from "./AnimationsDemo.mjs";
|
|
6
|
+
export * from "./AnimationsEnterDemo.mjs";
|
|
7
|
+
export * from "./AnimationsHoverDemo.mjs";
|
|
8
|
+
export * from "./AnimationsPresenceDemo.mjs";
|
|
9
|
+
export * from "./AnimationsTimingDemo.mjs";
|
|
10
|
+
export * from "./AvatarDemo.mjs";
|
|
11
|
+
export * from "./BoxShadowTokenDemo.mjs";
|
|
12
|
+
export * from "./BuildAButtonDemo.mjs";
|
|
13
|
+
export * from "./ButtonDemo.mjs";
|
|
14
|
+
export * from "./ThemeBuilderDemo.mjs";
|
|
15
|
+
export * from "./CardDemo.mjs";
|
|
16
|
+
export * from "./CheckboxDemo.mjs";
|
|
17
|
+
export * from "./CheckboxHeadlessDemo.mjs";
|
|
18
|
+
export * from "./CheckboxUnstyledDemo.mjs";
|
|
19
|
+
export * from "./ColorsDemo.mjs";
|
|
20
|
+
export * from "./ContextMenuDemo.mjs";
|
|
21
|
+
export * from "./MenuDemo.mjs";
|
|
22
|
+
export * from "./DialogDemo.mjs";
|
|
23
|
+
export * from "./FormsDemo.mjs";
|
|
24
|
+
export * from "./GroupDemo.mjs";
|
|
25
|
+
export * from "./HeadingsDemo.mjs";
|
|
26
|
+
export * from "./ImageDemo.mjs";
|
|
27
|
+
export * from "./WebNativeImageDemo.mjs";
|
|
28
|
+
export * from "./InputsDemo.mjs";
|
|
29
|
+
export * from "./NewInputsDemo.mjs";
|
|
30
|
+
export * from "./LabelDemo.mjs";
|
|
31
|
+
export * from "./LinearGradientDemo.mjs";
|
|
32
|
+
export * from "./ListItemDemo.mjs";
|
|
33
|
+
export * from "./LucideIconsDemo.mjs";
|
|
34
|
+
export * from "./PopoverDemo.mjs";
|
|
35
|
+
export * from "./ProgressDemo.mjs";
|
|
36
|
+
export * from "./RadioGroupDemo.mjs";
|
|
37
|
+
export * from "./RadioGroupHeadlessDemo.mjs";
|
|
38
|
+
export * from "./RadioGroupUnstyledDemo.mjs";
|
|
39
|
+
export * from "./ReplaceThemeDemo.mjs";
|
|
40
|
+
export * from "./ScrollViewDemo.mjs";
|
|
41
|
+
export * from "./SelectDemo.mjs";
|
|
42
|
+
export * from "./SeparatorDemo.mjs";
|
|
43
|
+
export * from "./ShapesDemo.mjs";
|
|
44
|
+
export * from "./SheetDemo.mjs";
|
|
45
|
+
export * from "./SliderDemo.mjs";
|
|
46
|
+
export * from "./SpinnerDemo.mjs";
|
|
47
|
+
export * from "./StacksDemo.mjs";
|
|
48
|
+
export * from "./SwitchDemo.mjs";
|
|
49
|
+
export * from "./SwitchHeadlessDemo.mjs";
|
|
50
|
+
export * from "./SwitchUnstyledDemo.mjs";
|
|
51
|
+
export * from "./TabsAdvancedDemo.mjs";
|
|
52
|
+
export * from "./TabsDemo.mjs";
|
|
53
|
+
export * from "./TextDemo.mjs";
|
|
54
|
+
export * from "./ThemeInverseDemo.mjs";
|
|
55
|
+
export * from "./ToastDemo.mjs";
|
|
56
|
+
export * from "./ToastDuplicateDemo.mjs";
|
|
57
|
+
export * from "./ToggleGroupDemo.mjs";
|
|
58
|
+
export * from "./TokensDemo.mjs";
|
|
59
|
+
export * from "./TooltipDemo.mjs";
|
|
60
|
+
export * from "./UpdateThemeDemo.mjs";
|
|
61
|
+
export * from "./useOnIntersecting.mjs";
|
|
62
|
+
export * from "./TabsHeadlessDemo.mjs";
|
|
63
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
export * from "./AccordionDemo.mjs";
|
|
2
|
+
export * from "./AddThemeDemo.mjs";
|
|
3
|
+
export * from "./AlertDialogDemo.mjs";
|
|
4
|
+
export * from "./AnimationsDelayDemo.mjs";
|
|
5
|
+
export * from "./AnimationsDemo.mjs";
|
|
6
|
+
export * from "./AnimationsEnterDemo.mjs";
|
|
7
|
+
export * from "./AnimationsHoverDemo.mjs";
|
|
8
|
+
export * from "./AnimationsPresenceDemo.mjs";
|
|
9
|
+
export * from "./AnimationsTimingDemo.mjs";
|
|
10
|
+
export * from "./AvatarDemo.mjs";
|
|
11
|
+
export * from "./BoxShadowTokenDemo.mjs";
|
|
12
|
+
export * from "./BuildAButtonDemo.mjs";
|
|
13
|
+
export * from "./ButtonDemo.mjs";
|
|
14
|
+
export * from "./ThemeBuilderDemo.mjs";
|
|
15
|
+
export * from "./CardDemo.mjs";
|
|
16
|
+
export * from "./CheckboxDemo.mjs";
|
|
17
|
+
export * from "./CheckboxHeadlessDemo.mjs";
|
|
18
|
+
export * from "./CheckboxUnstyledDemo.mjs";
|
|
19
|
+
export * from "./ColorsDemo.mjs";
|
|
20
|
+
export * from "./ContextMenuDemo.mjs";
|
|
21
|
+
export * from "./MenuDemo.mjs";
|
|
22
|
+
export * from "./DialogDemo.mjs";
|
|
23
|
+
export * from "./FormsDemo.mjs";
|
|
24
|
+
export * from "./GroupDemo.mjs";
|
|
25
|
+
export * from "./HeadingsDemo.mjs";
|
|
26
|
+
export * from "./ImageDemo.mjs";
|
|
27
|
+
export * from "./WebNativeImageDemo.mjs";
|
|
28
|
+
export * from "./InputsDemo.mjs";
|
|
29
|
+
export * from "./NewInputsDemo.mjs";
|
|
30
|
+
export * from "./LabelDemo.mjs";
|
|
31
|
+
export * from "./LinearGradientDemo.mjs";
|
|
32
|
+
export * from "./ListItemDemo.mjs";
|
|
33
|
+
export * from "./LucideIconsDemo.mjs";
|
|
34
|
+
export * from "./PopoverDemo.mjs";
|
|
35
|
+
export * from "./ProgressDemo.mjs";
|
|
36
|
+
export * from "./RadioGroupDemo.mjs";
|
|
37
|
+
export * from "./RadioGroupHeadlessDemo.mjs";
|
|
38
|
+
export * from "./RadioGroupUnstyledDemo.mjs";
|
|
39
|
+
export * from "./ReplaceThemeDemo.mjs";
|
|
40
|
+
export * from "./ScrollViewDemo.mjs";
|
|
41
|
+
export * from "./SelectDemo.mjs";
|
|
42
|
+
export * from "./SeparatorDemo.mjs";
|
|
43
|
+
export * from "./ShapesDemo.mjs";
|
|
44
|
+
export * from "./SheetDemo.mjs";
|
|
45
|
+
export * from "./SliderDemo.mjs";
|
|
46
|
+
export * from "./SpinnerDemo.mjs";
|
|
47
|
+
export * from "./StacksDemo.mjs";
|
|
48
|
+
export * from "./SwitchDemo.mjs";
|
|
49
|
+
export * from "./SwitchHeadlessDemo.mjs";
|
|
50
|
+
export * from "./SwitchUnstyledDemo.mjs";
|
|
51
|
+
export * from "./TabsAdvancedDemo.mjs";
|
|
52
|
+
export * from "./TabsDemo.mjs";
|
|
53
|
+
export * from "./TextDemo.mjs";
|
|
54
|
+
export * from "./ThemeInverseDemo.mjs";
|
|
55
|
+
export * from "./ToastDemo.mjs";
|
|
56
|
+
export * from "./ToastDuplicateDemo.mjs";
|
|
57
|
+
export * from "./ToggleGroupDemo.mjs";
|
|
58
|
+
export * from "./TokensDemo.mjs";
|
|
59
|
+
export * from "./TooltipDemo.mjs";
|
|
60
|
+
export * from "./UpdateThemeDemo.mjs";
|
|
61
|
+
export * from "./useOnIntersecting.mjs";
|
|
62
|
+
export * from "./TabsHeadlessDemo.mjs";
|
|
63
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
export * from "./AccordionDemo.native.js";
|
|
2
|
+
export * from "./AddThemeDemo.native.js";
|
|
3
|
+
export * from "./AlertDialogDemo.native.js";
|
|
4
|
+
export * from "./AnimationsDelayDemo.native.js";
|
|
5
|
+
export * from "./AnimationsDemo.native.js";
|
|
6
|
+
export * from "./AnimationsEnterDemo.native.js";
|
|
7
|
+
export * from "./AnimationsHoverDemo.native.js";
|
|
8
|
+
export * from "./AnimationsPresenceDemo.native.js";
|
|
9
|
+
export * from "./AnimationsTimingDemo.native.js";
|
|
10
|
+
export * from "./AvatarDemo.native.js";
|
|
11
|
+
export * from "./BoxShadowTokenDemo.native.js";
|
|
12
|
+
export * from "./BuildAButtonDemo.native.js";
|
|
13
|
+
export * from "./ButtonDemo.native.js";
|
|
14
|
+
export * from "./ThemeBuilderDemo.native.js";
|
|
15
|
+
export * from "./CardDemo.native.js";
|
|
16
|
+
export * from "./CheckboxDemo.native.js";
|
|
17
|
+
export * from "./CheckboxHeadlessDemo.native.js";
|
|
18
|
+
export * from "./CheckboxUnstyledDemo.native.js";
|
|
19
|
+
export * from "./ColorsDemo.native.js";
|
|
20
|
+
export * from "./ContextMenuDemo.native.js";
|
|
21
|
+
export * from "./MenuDemo.native.js";
|
|
22
|
+
export * from "./DialogDemo.native.js";
|
|
23
|
+
export * from "./FormsDemo.native.js";
|
|
24
|
+
export * from "./GroupDemo.native.js";
|
|
25
|
+
export * from "./HeadingsDemo.native.js";
|
|
26
|
+
export * from "./ImageDemo.native.js";
|
|
27
|
+
export * from "./WebNativeImageDemo.native.js";
|
|
28
|
+
export * from "./InputsDemo.native.js";
|
|
29
|
+
export * from "./NewInputsDemo.native.js";
|
|
30
|
+
export * from "./LabelDemo.native.js";
|
|
31
|
+
export * from "./LinearGradientDemo.native.js";
|
|
32
|
+
export * from "./ListItemDemo.native.js";
|
|
33
|
+
export * from "./LucideIconsDemo.native.js";
|
|
34
|
+
export * from "./PopoverDemo.native.js";
|
|
35
|
+
export * from "./ProgressDemo.native.js";
|
|
36
|
+
export * from "./RadioGroupDemo.native.js";
|
|
37
|
+
export * from "./RadioGroupHeadlessDemo.native.js";
|
|
38
|
+
export * from "./RadioGroupUnstyledDemo.native.js";
|
|
39
|
+
export * from "./ReplaceThemeDemo.native.js";
|
|
40
|
+
export * from "./ScrollViewDemo.native.js";
|
|
41
|
+
export * from "./SelectDemo.native.js";
|
|
42
|
+
export * from "./SeparatorDemo.native.js";
|
|
43
|
+
export * from "./ShapesDemo.native.js";
|
|
44
|
+
export * from "./SheetDemo.native.js";
|
|
45
|
+
export * from "./SliderDemo.native.js";
|
|
46
|
+
export * from "./SpinnerDemo.native.js";
|
|
47
|
+
export * from "./StacksDemo.native.js";
|
|
48
|
+
export * from "./SwitchDemo.native.js";
|
|
49
|
+
export * from "./SwitchHeadlessDemo.native.js";
|
|
50
|
+
export * from "./SwitchUnstyledDemo.native.js";
|
|
51
|
+
export * from "./TabsAdvancedDemo.native.js";
|
|
52
|
+
export * from "./TabsDemo.native.js";
|
|
53
|
+
export * from "./TextDemo.native.js";
|
|
54
|
+
export * from "./ThemeInverseDemo.native.js";
|
|
55
|
+
export * from "./ToastDemo.native.js";
|
|
56
|
+
export * from "./ToastDuplicateDemo.native.js";
|
|
57
|
+
export * from "./ToggleGroupDemo.native.js";
|
|
58
|
+
export * from "./TokensDemo.native.js";
|
|
59
|
+
export * from "./TooltipDemo.native.js";
|
|
60
|
+
export * from "./UpdateThemeDemo.native.js";
|
|
61
|
+
export * from "./useOnIntersecting.native.js";
|
|
62
|
+
export * from "./TabsHeadlessDemo.native.js";
|
|
63
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
2
|
+
import { isWeb, useEvent } from "@hanzo/gui";
|
|
3
|
+
function useIsIntersecting(refs, {
|
|
4
|
+
once,
|
|
5
|
+
...opts
|
|
6
|
+
} = {}) {
|
|
7
|
+
const [values, setValues] = useState([]);
|
|
8
|
+
return useOnIntersecting(refs, entries => {
|
|
9
|
+
if (!isWeb) return;
|
|
10
|
+
const intersecting = entries.some(x => x?.isIntersecting);
|
|
11
|
+
once && !intersecting || setValues(prev => {
|
|
12
|
+
const next = entries.map(e => e?.isIntersecting ?? !1);
|
|
13
|
+
return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
|
|
14
|
+
});
|
|
15
|
+
}, opts), Array.isArray(refs) ? values : values[0];
|
|
16
|
+
}
|
|
17
|
+
function useOnIntersecting(refsIn, incomingCbRaw, {
|
|
18
|
+
threshold = 0,
|
|
19
|
+
root,
|
|
20
|
+
rootMargin
|
|
21
|
+
} = {}, mountArgs = []) {
|
|
22
|
+
const onIntersectEvent = useEvent(incomingCbRaw);
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
if (!isWeb) return;
|
|
25
|
+
const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
|
|
26
|
+
if (!refs.length) return;
|
|
27
|
+
let dispose = null,
|
|
28
|
+
currentEntries = [];
|
|
29
|
+
const options = {
|
|
30
|
+
threshold,
|
|
31
|
+
root,
|
|
32
|
+
rootMargin
|
|
33
|
+
},
|
|
34
|
+
io = new IntersectionObserver(entries => {
|
|
35
|
+
currentEntries = refs.map((ref, index) => entries.find(x => x.target === ref.current) ?? currentEntries[index] ?? null), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
|
|
36
|
+
}, options);
|
|
37
|
+
for (const ref of refs) ref.current && io.observe(ref.current);
|
|
38
|
+
return () => {
|
|
39
|
+
dispose?.(), io.disconnect();
|
|
40
|
+
};
|
|
41
|
+
}, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
|
|
42
|
+
}
|
|
43
|
+
export { useIsIntersecting, useOnIntersecting };
|
|
44
|
+
//# sourceMappingURL=useOnIntersecting.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useState","isWeb","useEvent","useIsIntersecting","refs","once","opts","values","setValues","useOnIntersecting","entries","intersecting","some","x","isIntersecting","prev","next","map","e","length","every","i","Array","isArray","refsIn","incomingCbRaw","threshold","root","rootMargin","mountArgs","onIntersectEvent","dispose","currentEntries","options","io","IntersectionObserver","ref","index","find","target","current","observe","disconnect"],"sources":["../../src/useOnIntersecting.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,KAAA,EAAOC,QAAA,QAAgB;AAWzB,SAASC,kBACdC,IAAA,EACA;EAAEC,IAAA;EAAM,GAAGC;AAAK,IAAmD,CAAC,GAC3B;EACzC,MAAM,CAACC,MAAA,EAAQC,SAAS,IAAIR,QAAA,CAAoB,EAAE;EAElD,OAAAS,iBAAA,CACEL,IAAA,EACCM,OAAA,IAAY;IACX,IAAI,CAACT,KAAA,EAAO;IACZ,MAAMU,YAAA,GAAeD,OAAA,CAAQE,IAAA,CAAMC,CAAA,IAAMA,CAAA,EAAGC,cAAc;IACtDT,IAAA,IAAQ,CAACM,YAAA,IACbH,SAAA,CAAWO,IAAA,IAAS;MAClB,MAAMC,IAAA,GAAON,OAAA,CAAQO,GAAA,CAAKC,CAAA,IAAMA,CAAA,EAAGJ,cAAA,IAAkB,EAAK;MAC1D,OAAIC,IAAA,CAAKI,MAAA,KAAWH,IAAA,CAAKG,MAAA,IAAUJ,IAAA,CAAKK,KAAA,CAAM,CAACF,CAAA,EAAGG,CAAA,KAAMH,CAAA,KAAMF,IAAA,CAAKK,CAAC,CAAC,IAC5DN,IAAA,GAEFC,IAAA;IACT,CAAC;EACH,GACAV,IACF,GAEQgB,KAAA,CAAMC,OAAA,CAAQnB,IAAI,IAAIG,MAAA,GAASA,MAAA,CAAO,CAAC;AACjD;AAEO,SAASE,kBACde,MAAA,EACAC,aAAA,EACA;EAAEC,SAAA,GAAY;EAAGC,IAAA;EAAMC;AAAW,IAA8B,CAAC,GACjEC,SAAA,GAAmB,EAAC,EACpB;EACA,MAAMC,gBAAA,GAAmB5B,QAAA,CAASuB,aAAa;EAE/C1B,SAAA,CAAU,MAAM;IACd,IAAI,CAACE,KAAA,EAAO;IACZ,MAAMG,IAAA,GAAQkB,KAAA,CAAMC,OAAA,CAAQC,MAAM,IAAIA,MAAA,GAAS,CAACA,MAAM;IACtD,IAAI,CAACpB,IAAA,CAAKe,MAAA,EAAQ;IAElB,IAAIY,OAAA,GAA4B;MAC5BC,cAAA,GAAuD,EAAC;IAC5D,MAAMC,OAAA,GAAU;QACdP,SAAA;QACAC,IAAA;QACAC;MACF;MACMM,EAAA,GAAK,IAAIC,oBAAA,CAAsBzB,OAAA,IAAY;QAC/CsB,cAAA,GAAiB5B,IAAA,CAAKa,GAAA,CAAI,CAACmB,GAAA,EAAKC,KAAA,KAE5B3B,OAAA,CAAQ4B,IAAA,CAAMzB,CAAA,IAAMA,CAAA,CAAE0B,MAAA,KAAWH,GAAA,CAAII,OAAO,KAAKR,cAAA,CAAeK,KAAK,KAAK,IAE7E,GACDN,OAAA,GAAU,GACVA,OAAA,GAAUD,gBAAA,CAAiBE,cAAc,KAAK;MAChD,GAAGC,OAAO;IAEV,WAAWG,GAAA,IAAOhC,IAAA,EACZgC,GAAA,CAAII,OAAA,IACNN,EAAA,CAAGO,OAAA,CAAQL,GAAA,CAAII,OAAO;IAI1B,OAAO,MAAM;MACXT,OAAA,GAAU,GACVG,EAAA,CAAGQ,UAAA,CAAW;IAChB;EACF,GAAG,CACDZ,gBAAA,EACAN,MAAA,EACAG,IAAA,EACAC,UAAA,EACAF,SAAA,EAEA,GAAGG,SAAA,CACJ;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
2
|
+
import { isWeb, useEvent } from "@hanzo/gui";
|
|
3
|
+
function useIsIntersecting(refs) {
|
|
4
|
+
var {
|
|
5
|
+
once,
|
|
6
|
+
...opts
|
|
7
|
+
} = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
|
|
8
|
+
[values, setValues] = useState([]);
|
|
9
|
+
return useOnIntersecting(refs, function (entries) {
|
|
10
|
+
if (isWeb) {
|
|
11
|
+
var intersecting = entries.some(function (x) {
|
|
12
|
+
return x?.isIntersecting;
|
|
13
|
+
});
|
|
14
|
+
once && !intersecting || setValues(function (prev) {
|
|
15
|
+
var next = entries.map(function (e) {
|
|
16
|
+
var _e_isIntersecting;
|
|
17
|
+
return (_e_isIntersecting = e?.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : !1;
|
|
18
|
+
});
|
|
19
|
+
return prev.length === next.length && prev.every(function (e, i) {
|
|
20
|
+
return e === next[i];
|
|
21
|
+
}) ? prev : next;
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
}, opts), Array.isArray(refs) ? values : values[0];
|
|
25
|
+
}
|
|
26
|
+
function useOnIntersecting(refsIn, incomingCbRaw) {
|
|
27
|
+
var {
|
|
28
|
+
threshold = 0,
|
|
29
|
+
root,
|
|
30
|
+
rootMargin
|
|
31
|
+
} = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {},
|
|
32
|
+
mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [],
|
|
33
|
+
onIntersectEvent = useEvent(incomingCbRaw);
|
|
34
|
+
useEffect(function () {
|
|
35
|
+
if (isWeb) {
|
|
36
|
+
var refs = Array.isArray(refsIn) ? refsIn : [refsIn];
|
|
37
|
+
if (refs.length) {
|
|
38
|
+
var dispose = null,
|
|
39
|
+
currentEntries = [],
|
|
40
|
+
options = {
|
|
41
|
+
threshold,
|
|
42
|
+
root,
|
|
43
|
+
rootMargin
|
|
44
|
+
},
|
|
45
|
+
io = new IntersectionObserver(function (entries) {
|
|
46
|
+
currentEntries = refs.map(function (ref2, index) {
|
|
47
|
+
var _entries_find, _ref;
|
|
48
|
+
return (_ref = (_entries_find = entries.find(function (x) {
|
|
49
|
+
return x.target === ref2.current;
|
|
50
|
+
})) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref !== void 0 ? _ref : null;
|
|
51
|
+
}), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
|
|
52
|
+
}, options),
|
|
53
|
+
_iteratorNormalCompletion = !0,
|
|
54
|
+
_didIteratorError = !1,
|
|
55
|
+
_iteratorError = void 0;
|
|
56
|
+
try {
|
|
57
|
+
for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
|
|
58
|
+
var ref = _step.value;
|
|
59
|
+
ref.current && io.observe(ref.current);
|
|
60
|
+
}
|
|
61
|
+
} catch (err) {
|
|
62
|
+
_didIteratorError = !0, _iteratorError = err;
|
|
63
|
+
} finally {
|
|
64
|
+
try {
|
|
65
|
+
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
66
|
+
} finally {
|
|
67
|
+
if (_didIteratorError) throw _iteratorError;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
return function () {
|
|
71
|
+
dispose?.(), io.disconnect();
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
|
|
76
|
+
}
|
|
77
|
+
export { useIsIntersecting, useOnIntersecting };
|
|
78
|
+
//# sourceMappingURL=useOnIntersecting.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useState","isWeb","useEvent","useIsIntersecting","refs","once","opts","arguments","length","values","setValues","useOnIntersecting","entries","intersecting","some","x","isIntersecting","prev","next","map","e","_e_isIntersecting","every","i","Array","isArray","refsIn","incomingCbRaw","threshold","root","rootMargin","mountArgs","onIntersectEvent","dispose","currentEntries","options","io","IntersectionObserver","ref2","index","_entries_find","_ref","find","target","current","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","ref","value","observe"],"sources":["../../src/useOnIntersecting.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,KAAA,EAAOC,QAAA,QAAgB;AAWzB,SAASC,kBACdC,IAAA,EACA;EAEA;MAAMC,IAAC;MAAA,GAAQC;IAAA,IAASC,SAAI,CAAAC,MAAsB,QAAAD,SAAA,iBAAAA,SAAA;IAAA,CAAAE,MAAA,EAAAC,SAAA,IAAAV,QAAA;EAElD,OAAAW,iBAAA,CAAAP,IAAA,YAAAQ,OAAA;IACE,IAAAX,KAAA;MACC,IAAAY,YAAY,GAAAD,OAAA,CAAAE,IAAA,WAAAC,CAAA;QACX,OAAKA,CAAA,EAAOC,cAAA;MACZ;MACIX,IAAA,IAAQ,CAACQ,YAAA,IACbH,SAAA,CAAU,UAACO,IAAS;QAClB,IAAAC,IAAM,GAAAN,OAAO,CAAAO,GAAQ,WAAWC,CAAA,EAAG;UACnC,IAAAC,iBAAoB;UAIrB,QAAAA,iBAAA,GAAAD,CAAA,EAAAJ,cAAA,cAAAK,iBAAA,cAAAA,iBAAA;QACH;QACA,OAAAJ,IAAA,CAAAT,MAAA,KAAAU,IAAA,CAAAV,MAAA,IAAAS,IAAA,CAAAK,KAAA,WAAAF,CAAA,EAAAG,CAAA;UAGM,OAAMH,CAAA,KAAYF,IAAI,CAAAK,CAAA;QAChC,KAAAN,IAAA,GAAAC,IAAA;MAEO;IAML;EAEA,GAAAZ,IAAA,GAAUkB,KAAA,CAAMC,OAAA,CAAArB,IAAA,IAAAK,MAAA,GAAAA,MAAA;AACd;AACA,SAAAE,iBAAoBA,CAAAe,MAAQ,EAAAC,aAAU,EAAS;EAC/C;MAAIC,SAAM,IAAQ;MAAAC,IAAA;MAAAC;IAAA,IAAAvB,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAwB,SAAA,GAAAxB,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAyB,gBAAA,GAAA9B,QAAA,CAAAyB,aAAA;EAElB5B,SAAI,aAA4B;IAEhC,IAAAE,KAAM;MACJ,IAAAG,IAAA,GAAAoB,KAAA,CAAAC,OAAA,CAAAC,MAAA,IAAAA,MAAA,IACAA,MAAA,CACA;MACF,IACMtB,IAAK,CAAAI,MAAI;QACb,IAAAyB,OAAA,OAAiB;UAAKC,cAAU;UAE5BC,OAAQ;YAKXP,SAAO;YAEVC,IAAA;YACUC;UAKV;UAAOM,EAAA,OAAMC,oBAAA,WAAAzB,OAAA;YACXsB,cACG,GAAA9B,IAAA,CAAAe,GAAW,WAAAmB,IAAA,EAAAC,KAAA;cAChB,IAAAC,aAAA,EAAAC,IAAA;cACC,QAAAA,IAAA,IAAAD,aAAA,GAAA5B,OAAA,CAAA8B,IAAA,WAAA3B,CAAA;gBACD,OAAAA,CAAA,CAAA4B,MAAA,KAAAL,IAAA,CAAAM,OAAA;cACA,gBAAAJ,aAAA,cAAAA,aAAA,GAAAN,cAAA,CAAAK,KAAA,eAAAE,IAAA,cAAAA,IAAA;YACA,IAAAR,OAAA,MAAAA,OAAA,GAAAD,gBAAA,CAAAE,cAAA;UACA,GAAAC,OAAA;UAAAU,yBAAA;UAAAC,iBAAA;UAAAC,cAAA;QACA;UAEG,SAAAC,SAAA,GAAA5C,IAAA,CAAA6C,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAA9B,IAAA,IAAAkC,IAAA,GAAAP,yBAAA;YACJ,IAAAQ,GAAA,GAAAF,KAAA,CAAAG,KAAA;YACHD,GAAA,CAAAT,OAAA,IAAAR,EAAA,CAAAmB,OAAA,CAAAF,GAAA,CAAAT,OAAA","ignoreList":[]}
|