@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,196 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Backpack, Calendar, Check, ChevronRight, FilePlus, RefreshCw, Trash2 } from "@hanzogui/lucide-icons-2";
|
|
3
|
+
import { Menu } from "@hanzogui/menu";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Button } from "@hanzo/gui";
|
|
6
|
+
function MenuDemo() {
|
|
7
|
+
var [bookmarksChecked, setBookmarksChecked] = React.useState(!0),
|
|
8
|
+
[native, setNative] = React.useState(!0),
|
|
9
|
+
[subMenuOpen, setSubMenuOpen] = React.useState(!1),
|
|
10
|
+
onSelect = function (item) {
|
|
11
|
+
console.info("selected", item);
|
|
12
|
+
};
|
|
13
|
+
return /* @__PURE__ */_jsx(_Fragment, {
|
|
14
|
+
children: /* @__PURE__ */_jsxs(Menu, {
|
|
15
|
+
offset: 8,
|
|
16
|
+
children: [/* @__PURE__ */_jsx(Menu.Trigger, {
|
|
17
|
+
asChild: !0,
|
|
18
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
19
|
+
size: "$4",
|
|
20
|
+
icon: Backpack,
|
|
21
|
+
children: "Open"
|
|
22
|
+
})
|
|
23
|
+
}), /* @__PURE__ */_jsx(Menu.Portal, {
|
|
24
|
+
zIndex: 100,
|
|
25
|
+
children: /* @__PURE__ */_jsxs(Menu.Content, {
|
|
26
|
+
transition: "100ms",
|
|
27
|
+
borderRadius: "$4",
|
|
28
|
+
enterStyle: {
|
|
29
|
+
scale: 0.9,
|
|
30
|
+
opacity: 0,
|
|
31
|
+
y: -5
|
|
32
|
+
},
|
|
33
|
+
exitStyle: {
|
|
34
|
+
scale: 0.95,
|
|
35
|
+
opacity: 0,
|
|
36
|
+
y: -3
|
|
37
|
+
},
|
|
38
|
+
boxShadow: "0 4px 5px $shadowColor",
|
|
39
|
+
children: [/* @__PURE__ */_jsx(Menu.Arrow, {
|
|
40
|
+
size: "$4",
|
|
41
|
+
borderWidth: 1,
|
|
42
|
+
borderColor: "$borderColor"
|
|
43
|
+
}), /* @__PURE__ */_jsxs(Menu.ScrollView, {
|
|
44
|
+
padding: 5,
|
|
45
|
+
children: [/* @__PURE__ */_jsx(Menu.Item, {
|
|
46
|
+
onSelect,
|
|
47
|
+
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
48
|
+
children: "About Notes"
|
|
49
|
+
})
|
|
50
|
+
}, "about-notes"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsx(Menu.Item, {
|
|
51
|
+
onSelect,
|
|
52
|
+
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
53
|
+
children: "Settings"
|
|
54
|
+
})
|
|
55
|
+
}, "settings"), /* @__PURE__ */_jsxs(Menu.Item, {
|
|
56
|
+
onSelect,
|
|
57
|
+
justify: "space-between",
|
|
58
|
+
// when title is nested inside a React element then you need to use `textValue`
|
|
59
|
+
textValue: "Calendar",
|
|
60
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
61
|
+
children: "Calendar"
|
|
62
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
63
|
+
androidIconName: "ic_menu_today",
|
|
64
|
+
ios: {
|
|
65
|
+
name: "calendar",
|
|
66
|
+
hierarchicalColor: "#000"
|
|
67
|
+
},
|
|
68
|
+
children:
|
|
69
|
+
// pointSize: 20,
|
|
70
|
+
/* @__PURE__ */
|
|
71
|
+
_jsx(Calendar, {
|
|
72
|
+
color: "gray",
|
|
73
|
+
size: 14
|
|
74
|
+
})
|
|
75
|
+
})]
|
|
76
|
+
}, "accounts"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsx(Menu.Item, {
|
|
77
|
+
onSelect,
|
|
78
|
+
disabled: !0,
|
|
79
|
+
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
80
|
+
color: "gray",
|
|
81
|
+
children: "Locked Notes"
|
|
82
|
+
})
|
|
83
|
+
}, "close-notes"), /* @__PURE__ */_jsx(Menu.Item, {
|
|
84
|
+
onSelect,
|
|
85
|
+
destructive: !0,
|
|
86
|
+
children: /* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
87
|
+
color: "red",
|
|
88
|
+
children: "Delete all"
|
|
89
|
+
})
|
|
90
|
+
}, "delete-all"), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsxs(Menu.Sub, {
|
|
91
|
+
open: subMenuOpen,
|
|
92
|
+
onOpenChange: setSubMenuOpen,
|
|
93
|
+
children: [/* @__PURE__ */_jsxs(Menu.SubTrigger, {
|
|
94
|
+
justify: "space-between",
|
|
95
|
+
textValue: "Actions",
|
|
96
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
97
|
+
children: "Actions"
|
|
98
|
+
}), /* @__PURE__ */_jsx(ChevronRight, {
|
|
99
|
+
size: 16,
|
|
100
|
+
color: "$color10"
|
|
101
|
+
})]
|
|
102
|
+
}, "actions-trigger"), /* @__PURE__ */_jsx(Menu.Portal, {
|
|
103
|
+
zIndex: 200,
|
|
104
|
+
children: /* @__PURE__ */_jsxs(Menu.SubContent, {
|
|
105
|
+
transition: "100ms",
|
|
106
|
+
borderRadius: "$4",
|
|
107
|
+
enterStyle: {
|
|
108
|
+
scale: 0.9,
|
|
109
|
+
opacity: 0,
|
|
110
|
+
y: -5
|
|
111
|
+
},
|
|
112
|
+
exitStyle: {
|
|
113
|
+
scale: 0.95,
|
|
114
|
+
opacity: 0,
|
|
115
|
+
y: -3
|
|
116
|
+
},
|
|
117
|
+
boxShadow: "0 4px 5px $shadowColor",
|
|
118
|
+
padding: 5,
|
|
119
|
+
children: [/* @__PURE__ */_jsx(Menu.Label, {
|
|
120
|
+
padding: 5,
|
|
121
|
+
color: "$color9",
|
|
122
|
+
size: "$3",
|
|
123
|
+
select: "none",
|
|
124
|
+
children: "Note settings"
|
|
125
|
+
}), /* @__PURE__ */_jsxs(Menu.Item, {
|
|
126
|
+
onSelect,
|
|
127
|
+
textValue: "Create note",
|
|
128
|
+
justify: "space-between",
|
|
129
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
130
|
+
children: "Create note"
|
|
131
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
132
|
+
children: /* @__PURE__ */_jsx(FilePlus, {
|
|
133
|
+
size: 14,
|
|
134
|
+
color: "$color10"
|
|
135
|
+
})
|
|
136
|
+
})]
|
|
137
|
+
}, "create-note"), /* @__PURE__ */_jsxs(Menu.Item, {
|
|
138
|
+
onSelect,
|
|
139
|
+
textValue: "Delete all notes",
|
|
140
|
+
justify: "space-between",
|
|
141
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
142
|
+
children: "Delete all notes"
|
|
143
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
144
|
+
children: /* @__PURE__ */_jsx(Trash2, {
|
|
145
|
+
size: 14,
|
|
146
|
+
color: "$color10"
|
|
147
|
+
})
|
|
148
|
+
})]
|
|
149
|
+
}, "delete-all-notes"), /* @__PURE__ */_jsxs(Menu.Item, {
|
|
150
|
+
onSelect,
|
|
151
|
+
textValue: "Sync notes",
|
|
152
|
+
justify: "space-between",
|
|
153
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
154
|
+
children: "Sync notes"
|
|
155
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIcon, {
|
|
156
|
+
children: /* @__PURE__ */_jsx(RefreshCw, {
|
|
157
|
+
size: 14,
|
|
158
|
+
color: "$color10"
|
|
159
|
+
})
|
|
160
|
+
})]
|
|
161
|
+
}, "sync-all")]
|
|
162
|
+
})
|
|
163
|
+
})]
|
|
164
|
+
}), /* @__PURE__ */_jsx(Menu.Separator, {}), /* @__PURE__ */_jsxs(Menu.CheckboxItem, {
|
|
165
|
+
checked: bookmarksChecked,
|
|
166
|
+
onCheckedChange: setBookmarksChecked,
|
|
167
|
+
justify: "space-between",
|
|
168
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
169
|
+
children: "Mark as read"
|
|
170
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIndicator, {
|
|
171
|
+
children: /* @__PURE__ */_jsx(Check, {
|
|
172
|
+
size: 12,
|
|
173
|
+
color: "$color10"
|
|
174
|
+
})
|
|
175
|
+
})]
|
|
176
|
+
}, "show-hidden"), /* @__PURE__ */_jsxs(Menu.CheckboxItem, {
|
|
177
|
+
checked: native,
|
|
178
|
+
onCheckedChange: setNative,
|
|
179
|
+
justify: "space-between",
|
|
180
|
+
children: [/* @__PURE__ */_jsx(Menu.ItemTitle, {
|
|
181
|
+
children: "Enable Native"
|
|
182
|
+
}), /* @__PURE__ */_jsx(Menu.ItemIndicator, {
|
|
183
|
+
children: /* @__PURE__ */_jsx(Check, {
|
|
184
|
+
size: 12,
|
|
185
|
+
color: "$color10"
|
|
186
|
+
})
|
|
187
|
+
})]
|
|
188
|
+
}, "show-other-notes")]
|
|
189
|
+
})]
|
|
190
|
+
})
|
|
191
|
+
})]
|
|
192
|
+
})
|
|
193
|
+
});
|
|
194
|
+
}
|
|
195
|
+
export { MenuDemo };
|
|
196
|
+
//# sourceMappingURL=MenuDemo.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Backpack","Calendar","Check","ChevronRight","FilePlus","RefreshCw","Trash2","Menu","React","Button","MenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","children","offset","Trigger","asChild","size","icon","Portal","zIndex","Content","transition","borderRadius","enterStyle","scale","opacity","y","exitStyle","boxShadow","Arrow","borderWidth","borderColor","ScrollView","padding","Item","ItemTitle","Separator","justify","textValue","ItemIcon","androidIconName","ios","name","hierarchicalColor","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","SubContent","Label","select"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Button, XStack, YStack } from "@hanzo/gui";
|
|
2
|
+
import { Input, TextArea } from "@hanzogui/input";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
function NewInputsDemo() {
|
|
5
|
+
return /* @__PURE__ */jsxs(YStack, {
|
|
6
|
+
width: 200,
|
|
7
|
+
minH: 250,
|
|
8
|
+
overflow: "hidden",
|
|
9
|
+
gap: "$2",
|
|
10
|
+
m: "$3",
|
|
11
|
+
p: "$2",
|
|
12
|
+
children: [/* @__PURE__ */jsx(InputDemo, {
|
|
13
|
+
size: "$2"
|
|
14
|
+
}), /* @__PURE__ */jsx(InputDemo, {
|
|
15
|
+
size: "$3"
|
|
16
|
+
}), /* @__PURE__ */jsx(InputDemo, {
|
|
17
|
+
size: "$4"
|
|
18
|
+
}), /* @__PURE__ */jsx(TextArea, {
|
|
19
|
+
theme: "surface1",
|
|
20
|
+
placeholder: "Enter your details..."
|
|
21
|
+
})]
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function InputDemo(props) {
|
|
25
|
+
return /* @__PURE__ */jsxs(XStack, {
|
|
26
|
+
items: "center",
|
|
27
|
+
gap: "$2",
|
|
28
|
+
children: [/* @__PURE__ */jsx(Input, {
|
|
29
|
+
theme: "surface1",
|
|
30
|
+
flex: 1,
|
|
31
|
+
size: props.size,
|
|
32
|
+
placeholder: `Size ${props.size}...`
|
|
33
|
+
}), /* @__PURE__ */jsx(Button, {
|
|
34
|
+
size: props.size,
|
|
35
|
+
children: "Go"
|
|
36
|
+
})]
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
export { NewInputsDemo };
|
|
40
|
+
//# sourceMappingURL=NewInputsDemo.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Button","XStack","YStack","Input","TextArea","jsx","jsxs","NewInputsDemo","width","minH","overflow","gap","m","p","children","InputDemo","size","theme","placeholder","props","items","flex"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAeC,MAAA,EAAQC,MAAA,QAAc;AAC9C,SAASC,KAAA,EAAOC,QAAA,QAAgB;AAI5B,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAD,IAAA,CAACJ,MAAA;IAAOM,KAAA,EAAO;IAAKC,IAAA,EAAM;IAAKC,QAAA,EAAS;IAASC,GAAA,EAAI;IAAKC,CAAA,EAAE;IAAKC,CAAA,EAAE;IACjEC,QAAA,kBAAAT,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACD,QAAA;MAASa,KAAA,EAAM;MAAWC,WAAA,EAAY;IAAA,CAAwB;EAAA,CACjE;AAEJ;AAEA,SAASH,UAAUI,KAAA,EAA6B;EAC9C,OACE,eAAAb,IAAA,CAACL,MAAA;IAAOmB,KAAA,EAAM;IAAST,GAAA,EAAI;IACzBG,QAAA,kBAAAT,GAAA,CAACF,KAAA;MACCc,KAAA,EAAM;MACNI,IAAA,EAAM;MACNL,IAAA,EAAMG,KAAA,CAAMH,IAAA;MACZE,WAAA,EAAa,QAAQC,KAAA,CAAMH,IAAI;IAAA,CACjC,GACA,eAAAX,GAAA,CAACL,MAAA;MAAOgB,IAAA,EAAMG,KAAA,CAAMH,IAAA;MAAMF,QAAA;IAAA,CAAE;EAAA,CAC9B;AAEJ","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button, XStack, YStack } from "@hanzo/gui";
|
|
3
|
+
import { Input, TextArea } from "@hanzogui/input";
|
|
4
|
+
function NewInputsDemo() {
|
|
5
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
6
|
+
width: 200,
|
|
7
|
+
minH: 250,
|
|
8
|
+
overflow: "hidden",
|
|
9
|
+
gap: "$2",
|
|
10
|
+
m: "$3",
|
|
11
|
+
p: "$2",
|
|
12
|
+
children: [/* @__PURE__ */_jsx(InputDemo, {
|
|
13
|
+
size: "$2"
|
|
14
|
+
}), /* @__PURE__ */_jsx(InputDemo, {
|
|
15
|
+
size: "$3"
|
|
16
|
+
}), /* @__PURE__ */_jsx(InputDemo, {
|
|
17
|
+
size: "$4"
|
|
18
|
+
}), /* @__PURE__ */_jsx(TextArea, {
|
|
19
|
+
theme: "surface1",
|
|
20
|
+
placeholder: "Enter your details..."
|
|
21
|
+
})]
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function InputDemo(props) {
|
|
25
|
+
return /* @__PURE__ */_jsxs(XStack, {
|
|
26
|
+
items: "center",
|
|
27
|
+
gap: "$2",
|
|
28
|
+
children: [/* @__PURE__ */_jsx(Input, {
|
|
29
|
+
theme: "surface1",
|
|
30
|
+
flex: 1,
|
|
31
|
+
size: props.size,
|
|
32
|
+
placeholder: `Size ${props.size}...`
|
|
33
|
+
}), /* @__PURE__ */_jsx(Button, {
|
|
34
|
+
size: props.size,
|
|
35
|
+
children: "Go"
|
|
36
|
+
})]
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
export { NewInputsDemo };
|
|
40
|
+
//# sourceMappingURL=NewInputsDemo.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","XStack","YStack","Input","TextArea","NewInputsDemo","width","minH","overflow","gap","m","p","children","InputDemo","size","theme","placeholder"],"sources":["../../src/NewInputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAe,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAC9C,SAASC,MAAA,EAAOC,MAAA,EAAAC,MAAA,QAAgB;AAI5B,SACEC,KADF,EAAAC,QAAA;AAFG,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAN,KAAC,CAAAG,MAAA;IACCI,KAAA;IACAC,IAAA;IACAC,QAAA;IACAC,GAAA;IAA+DC,CACjE;IAEJC,CAAA;IAEAC,QAAS,GACP,eACEf,IAAA,CAAAgB,SAAC;MACCC,IAAA;IAAC,mBAAAjB,IAAA,CAAAgB,SAAA;MACCC,IAAA;IAAM,EACN,EAAM,eACMjB,IAAA,CAAAgB,SAAA;MACZC,IAAA;IAA+B,IACjC,eAAAjB,IAAA,CAAAO,QAAA;MACAW,KAAA,YAAC;MACHC,WAAA;IAEJ","ignoreList":[]}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@hanzogui/lucide-icons-2";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "@hanzo/gui";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
function PopoverDemo() {
|
|
6
|
+
const [shouldAdapt, setShouldAdapt] = useState(!0);
|
|
7
|
+
return /* @__PURE__ */jsxs(YStack, {
|
|
8
|
+
gap: "$4",
|
|
9
|
+
children: [/* @__PURE__ */jsxs(XStack, {
|
|
10
|
+
gap: "$2",
|
|
11
|
+
flex: 1,
|
|
12
|
+
justify: "center",
|
|
13
|
+
items: "center",
|
|
14
|
+
children: [/* @__PURE__ */jsx(Demo, {
|
|
15
|
+
shouldAdapt,
|
|
16
|
+
placement: "left",
|
|
17
|
+
Icon: ChevronLeft,
|
|
18
|
+
Name: "left-popover"
|
|
19
|
+
}), /* @__PURE__ */jsx(Demo, {
|
|
20
|
+
shouldAdapt,
|
|
21
|
+
placement: "bottom",
|
|
22
|
+
Icon: ChevronDown,
|
|
23
|
+
Name: "bottom-popover"
|
|
24
|
+
}), /* @__PURE__ */jsx(Demo, {
|
|
25
|
+
shouldAdapt,
|
|
26
|
+
placement: "top",
|
|
27
|
+
Icon: ChevronUp,
|
|
28
|
+
Name: "top-popover"
|
|
29
|
+
}), /* @__PURE__ */jsx(Demo, {
|
|
30
|
+
shouldAdapt,
|
|
31
|
+
placement: "right",
|
|
32
|
+
Icon: ChevronRight,
|
|
33
|
+
Name: "right-popover"
|
|
34
|
+
})]
|
|
35
|
+
}), !isWeb && /* @__PURE__ */jsxs(Button, {
|
|
36
|
+
onPress: () => setShouldAdapt(!shouldAdapt),
|
|
37
|
+
children: ["Adapt to Sheet: ", `${shouldAdapt}`]
|
|
38
|
+
})]
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
function Demo({
|
|
42
|
+
Icon,
|
|
43
|
+
Name,
|
|
44
|
+
shouldAdapt,
|
|
45
|
+
...props
|
|
46
|
+
}) {
|
|
47
|
+
return /* @__PURE__ */jsxs(Popover, {
|
|
48
|
+
size: "$5",
|
|
49
|
+
allowFlip: !0,
|
|
50
|
+
stayInFrame: !0,
|
|
51
|
+
offset: 15,
|
|
52
|
+
resize: !0,
|
|
53
|
+
...props,
|
|
54
|
+
children: [/* @__PURE__ */jsx(Popover.Trigger, {
|
|
55
|
+
asChild: !0,
|
|
56
|
+
children: /* @__PURE__ */jsx(Button, {
|
|
57
|
+
icon: Icon
|
|
58
|
+
})
|
|
59
|
+
}), shouldAdapt && /* @__PURE__ */jsx(Adapt, {
|
|
60
|
+
when: "maxMd",
|
|
61
|
+
platform: "touch",
|
|
62
|
+
children: /* @__PURE__ */jsxs(Sheet, {
|
|
63
|
+
transition: "medium",
|
|
64
|
+
modal: !0,
|
|
65
|
+
dismissOnSnapToBottom: !0,
|
|
66
|
+
children: [/* @__PURE__ */jsx(Sheet.Frame, {
|
|
67
|
+
p: "$4",
|
|
68
|
+
children: /* @__PURE__ */jsx(Adapt.Contents, {})
|
|
69
|
+
}), /* @__PURE__ */jsx(Sheet.Overlay, {
|
|
70
|
+
bg: "$shadowColor",
|
|
71
|
+
transition: "lazy",
|
|
72
|
+
enterStyle: {
|
|
73
|
+
opacity: 0
|
|
74
|
+
},
|
|
75
|
+
exitStyle: {
|
|
76
|
+
opacity: 0
|
|
77
|
+
}
|
|
78
|
+
})]
|
|
79
|
+
})
|
|
80
|
+
}), /* @__PURE__ */jsxs(Popover.Content, {
|
|
81
|
+
borderWidth: 1,
|
|
82
|
+
borderColor: "$borderColor",
|
|
83
|
+
width: 300,
|
|
84
|
+
height: 200,
|
|
85
|
+
enterStyle: {
|
|
86
|
+
y: -10,
|
|
87
|
+
opacity: 0
|
|
88
|
+
},
|
|
89
|
+
exitStyle: {
|
|
90
|
+
y: -10,
|
|
91
|
+
opacity: 0
|
|
92
|
+
},
|
|
93
|
+
boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
|
|
94
|
+
transition: ["quick", {
|
|
95
|
+
opacity: {
|
|
96
|
+
overshootClamping: !0
|
|
97
|
+
}
|
|
98
|
+
}],
|
|
99
|
+
children: [/* @__PURE__ */jsx(Popover.Arrow, {
|
|
100
|
+
borderWidth: 1,
|
|
101
|
+
borderColor: "$borderColor"
|
|
102
|
+
}), /* @__PURE__ */jsxs(XStack, {
|
|
103
|
+
gap: "$3",
|
|
104
|
+
mb: "$3",
|
|
105
|
+
children: [/* @__PURE__ */jsx(Label, {
|
|
106
|
+
size: "$3",
|
|
107
|
+
htmlFor: Name,
|
|
108
|
+
children: "Name"
|
|
109
|
+
}), /* @__PURE__ */jsx(Input, {
|
|
110
|
+
flex: 1,
|
|
111
|
+
size: "$3",
|
|
112
|
+
id: Name
|
|
113
|
+
})]
|
|
114
|
+
}), /* @__PURE__ */jsx(Popover.Close, {
|
|
115
|
+
asChild: !0,
|
|
116
|
+
children: /* @__PURE__ */jsx(Button, {
|
|
117
|
+
size: "$3",
|
|
118
|
+
onPress: () => {},
|
|
119
|
+
children: "Submit"
|
|
120
|
+
})
|
|
121
|
+
})]
|
|
122
|
+
})]
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
export { Demo, PopoverDemo };
|
|
126
|
+
//# sourceMappingURL=PopoverDemo.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb","htmlFor","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@hanzogui/lucide-icons-2";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "@hanzo/gui";
|
|
5
|
+
function PopoverDemo() {
|
|
6
|
+
var [shouldAdapt, setShouldAdapt] = useState(!0);
|
|
7
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
8
|
+
gap: "$4",
|
|
9
|
+
children: [/* @__PURE__ */_jsxs(XStack, {
|
|
10
|
+
gap: "$2",
|
|
11
|
+
flex: 1,
|
|
12
|
+
justify: "center",
|
|
13
|
+
items: "center",
|
|
14
|
+
children: [/* @__PURE__ */_jsx(Demo, {
|
|
15
|
+
shouldAdapt,
|
|
16
|
+
placement: "left",
|
|
17
|
+
Icon: ChevronLeft,
|
|
18
|
+
Name: "left-popover"
|
|
19
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
20
|
+
shouldAdapt,
|
|
21
|
+
placement: "bottom",
|
|
22
|
+
Icon: ChevronDown,
|
|
23
|
+
Name: "bottom-popover"
|
|
24
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
25
|
+
shouldAdapt,
|
|
26
|
+
placement: "top",
|
|
27
|
+
Icon: ChevronUp,
|
|
28
|
+
Name: "top-popover"
|
|
29
|
+
}), /* @__PURE__ */_jsx(Demo, {
|
|
30
|
+
shouldAdapt,
|
|
31
|
+
placement: "right",
|
|
32
|
+
Icon: ChevronRight,
|
|
33
|
+
Name: "right-popover"
|
|
34
|
+
})]
|
|
35
|
+
}), !isWeb && /* @__PURE__ */_jsxs(Button, {
|
|
36
|
+
onPress: function () {
|
|
37
|
+
return setShouldAdapt(!shouldAdapt);
|
|
38
|
+
},
|
|
39
|
+
children: ["Adapt to Sheet: ", `${shouldAdapt}`]
|
|
40
|
+
})]
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
function Demo(param) {
|
|
44
|
+
var {
|
|
45
|
+
Icon,
|
|
46
|
+
Name,
|
|
47
|
+
shouldAdapt,
|
|
48
|
+
...props
|
|
49
|
+
} = param;
|
|
50
|
+
return /* @__PURE__ */_jsxs(Popover, {
|
|
51
|
+
size: "$5",
|
|
52
|
+
allowFlip: !0,
|
|
53
|
+
stayInFrame: !0,
|
|
54
|
+
offset: 15,
|
|
55
|
+
resize: !0,
|
|
56
|
+
...props,
|
|
57
|
+
children: [/* @__PURE__ */_jsx(Popover.Trigger, {
|
|
58
|
+
asChild: !0,
|
|
59
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
60
|
+
icon: Icon
|
|
61
|
+
})
|
|
62
|
+
}), shouldAdapt && /* @__PURE__ */_jsx(Adapt, {
|
|
63
|
+
when: "maxMd",
|
|
64
|
+
platform: "touch",
|
|
65
|
+
children: /* @__PURE__ */_jsxs(Sheet, {
|
|
66
|
+
transition: "medium",
|
|
67
|
+
modal: !0,
|
|
68
|
+
dismissOnSnapToBottom: !0,
|
|
69
|
+
children: [/* @__PURE__ */_jsx(Sheet.Frame, {
|
|
70
|
+
p: "$4",
|
|
71
|
+
children: /* @__PURE__ */_jsx(Adapt.Contents, {})
|
|
72
|
+
}), /* @__PURE__ */_jsx(Sheet.Overlay, {
|
|
73
|
+
bg: "$shadowColor",
|
|
74
|
+
transition: "lazy",
|
|
75
|
+
enterStyle: {
|
|
76
|
+
opacity: 0
|
|
77
|
+
},
|
|
78
|
+
exitStyle: {
|
|
79
|
+
opacity: 0
|
|
80
|
+
}
|
|
81
|
+
})]
|
|
82
|
+
})
|
|
83
|
+
}), /* @__PURE__ */_jsxs(Popover.Content, {
|
|
84
|
+
borderWidth: 1,
|
|
85
|
+
borderColor: "$borderColor",
|
|
86
|
+
width: 300,
|
|
87
|
+
height: 200,
|
|
88
|
+
enterStyle: {
|
|
89
|
+
y: -10,
|
|
90
|
+
opacity: 0
|
|
91
|
+
},
|
|
92
|
+
exitStyle: {
|
|
93
|
+
y: -10,
|
|
94
|
+
opacity: 0
|
|
95
|
+
},
|
|
96
|
+
boxShadow: "0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)",
|
|
97
|
+
transition: ["quick", {
|
|
98
|
+
opacity: {
|
|
99
|
+
overshootClamping: !0
|
|
100
|
+
}
|
|
101
|
+
}],
|
|
102
|
+
children: [/* @__PURE__ */_jsx(Popover.Arrow, {
|
|
103
|
+
borderWidth: 1,
|
|
104
|
+
borderColor: "$borderColor"
|
|
105
|
+
}), /* @__PURE__ */_jsxs(XStack, {
|
|
106
|
+
gap: "$3",
|
|
107
|
+
mb: "$3",
|
|
108
|
+
children: [/* @__PURE__ */_jsx(Label, {
|
|
109
|
+
size: "$3",
|
|
110
|
+
htmlFor: Name,
|
|
111
|
+
children: "Name"
|
|
112
|
+
}), /* @__PURE__ */_jsx(Input, {
|
|
113
|
+
flex: 1,
|
|
114
|
+
size: "$3",
|
|
115
|
+
id: Name
|
|
116
|
+
})]
|
|
117
|
+
}), /* @__PURE__ */_jsx(Popover.Close, {
|
|
118
|
+
asChild: !0,
|
|
119
|
+
children: /* @__PURE__ */_jsx(Button, {
|
|
120
|
+
size: "$3",
|
|
121
|
+
onPress: function () {},
|
|
122
|
+
children: (/* Custom code goes here, does not interfere with popover closure */
|
|
123
|
+
"Submit")
|
|
124
|
+
})
|
|
125
|
+
})]
|
|
126
|
+
})]
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
export { Demo, PopoverDemo };
|
|
130
|
+
//# sourceMappingURL=PopoverDemo.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justify","items","Demo","placement","Icon","Name","onPress","param","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Button, Paragraph, Progress, XStack, YStack } from "@hanzo/gui";
|
|
3
|
+
import { Play, RotateCcw } from "@hanzogui/lucide-icons-2";
|
|
4
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
function ProgressDemo() {
|
|
6
|
+
const [key, setKey] = React.useState(0),
|
|
7
|
+
[progress, setProgress] = React.useState(60),
|
|
8
|
+
[slider, setSlider] = React.useState([60]);
|
|
9
|
+
return /* @__PURE__ */jsxs(Fragment, {
|
|
10
|
+
children: [/* @__PURE__ */jsxs(YStack, {
|
|
11
|
+
height: 60,
|
|
12
|
+
items: "center",
|
|
13
|
+
gap: "$4",
|
|
14
|
+
children: [/* @__PURE__ */jsxs(Paragraph, {
|
|
15
|
+
height: 30,
|
|
16
|
+
opacity: 0.5,
|
|
17
|
+
children: ["Progress: ", progress]
|
|
18
|
+
}), /* @__PURE__ */jsx(Progress, {
|
|
19
|
+
theme: "surface2",
|
|
20
|
+
value: progress,
|
|
21
|
+
children: /* @__PURE__ */jsx(Progress.Indicator, {
|
|
22
|
+
backgroundColor: "$color",
|
|
23
|
+
transition: ["quicker", {
|
|
24
|
+
transform: {
|
|
25
|
+
overshootClamping: !0
|
|
26
|
+
}
|
|
27
|
+
}]
|
|
28
|
+
})
|
|
29
|
+
}, key)]
|
|
30
|
+
}), /* @__PURE__ */jsxs(XStack, {
|
|
31
|
+
items: "center",
|
|
32
|
+
gap: "$2",
|
|
33
|
+
position: "absolute",
|
|
34
|
+
b: "$3",
|
|
35
|
+
l: "$4",
|
|
36
|
+
$xxs: {
|
|
37
|
+
display: "none"
|
|
38
|
+
},
|
|
39
|
+
children: [/* @__PURE__ */jsx(Button, {
|
|
40
|
+
size: "$3",
|
|
41
|
+
icon: Play,
|
|
42
|
+
onPress: () => setProgress(prev => (prev + 20) % 100)
|
|
43
|
+
}), /* @__PURE__ */jsx(Button, {
|
|
44
|
+
size: "$3",
|
|
45
|
+
icon: RotateCcw,
|
|
46
|
+
onPress: () => {
|
|
47
|
+
setKey(Math.random()), setProgress(0), setSlider([0]);
|
|
48
|
+
}
|
|
49
|
+
})]
|
|
50
|
+
})]
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
export { ProgressDemo };
|
|
54
|
+
//# sourceMappingURL=ProgressDemo.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Button","Paragraph","Progress","XStack","YStack","Play","RotateCcw","Fragment","jsx","jsxs","ProgressDemo","key","setKey","useState","progress","setProgress","slider","setSlider","children","height","items","gap","opacity","theme","value","Indicator","backgroundColor","transition","transform","overshootClamping","position","b","l","$xxs","display","size","icon","onPress","prev","Math","random"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,EAAQC,SAAA,EAAWC,QAAA,EAAyBC,MAAA,EAAQC,MAAA,QAAc;AAC3E,SAASC,IAAA,EAAMC,SAAA,QAAiB;AAQ5B,SAAAC,QAAA,EAOMC,GAAA,EALFC,IAAA,QAFJ;AANG,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,GAAA,EAAKC,MAAM,IAAIb,KAAA,CAAMc,QAAA,CAAS,CAAC;IAChC,CAACC,QAAA,EAAUC,WAAW,IAAIhB,KAAA,CAAMc,QAAA,CAAS,EAAE;IAC3C,CAACG,MAAA,EAAQC,SAAS,IAAIlB,KAAA,CAAMc,QAAA,CAAmB,CAAC,EAAE,CAAC;EAEzD,OACE,eAAAJ,IAAA,CAAAF,QAAA;IACEW,QAAA,kBAAAT,IAAA,CAACL,MAAA;MAAOe,MAAA,EAAQ;MAAIC,KAAA,EAAM;MAASC,GAAA,EAAI;MACrCH,QAAA,kBAAAT,IAAA,CAACR,SAAA;QAAUkB,MAAA,EAAQ;QAAIG,OAAA,EAAS;QAAKJ,QAAA,iBACxBJ,QAAA;MAAA,CACb,GAEA,eAAAN,GAAA,CAACN,QAAA;QAAmBqB,KAAA,EAAM;QAAWC,KAAA,EAAOV,QAAA;QAC1CI,QAAA,iBAAAV,GAAA,CAACN,QAAA,CAASuB,SAAA,EAAT;UACCC,eAAA,EAAgB;UAChBC,UAAA,EAAY,CACV,WACA;YACEC,SAAA,EAAW;cACTC,iBAAA,EAAmB;YACrB;UACF;QACF,CACF;MAAA,GAXalB,GAYf;IAAA,CACF,GAEA,eAAAF,IAAA,CAACN,MAAA;MACCiB,KAAA,EAAM;MACNC,GAAA,EAAI;MACJS,QAAA,EAAS;MACTC,CAAA,EAAE;MACFC,CAAA,EAAE;MACFC,IAAA,EAAM;QAAEC,OAAA,EAAS;MAAO;MAqBxBhB,QAAA,kBAAAV,GAAA,CAACR,MAAA;QACCmC,IAAA,EAAK;QACLC,IAAA,EAAM/B,IAAA;QACNgC,OAAA,EAASA,CAAA,KAAMtB,WAAA,CAAauB,IAAA,KAAUA,IAAA,GAAO,MAAM,GAAG;MAAA,CACxD,GACA,eAAA9B,GAAA,CAACR,MAAA;QACCmC,IAAA,EAAK;QACLC,IAAA,EAAM9B,SAAA;QACN+B,OAAA,EAASA,CAAA,KAAM;UACbzB,MAAA,CAAO2B,IAAA,CAAKC,MAAA,CAAO,CAAC,GACpBzB,WAAA,CAAY,CAAC,GACbE,SAAA,CAAU,CAAC,CAAC,CAAC;QACf;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|