@hanzogui/demos 4.4.0 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AccordionDemo.cjs +16 -16
- package/dist/cjs/AccordionDemo.native.js +16 -16
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +6 -6
- package/dist/cjs/AddThemeDemo.native.js +6 -6
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +15 -15
- package/dist/cjs/AlertDialogDemo.native.js +15 -15
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +6 -6
- package/dist/cjs/AnimationsDemo.native.js +6 -6
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +8 -8
- package/dist/cjs/AvatarDemo.native.js +8 -8
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.cjs +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +8 -8
- package/dist/cjs/ButtonDemo.native.js +8 -8
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +12 -12
- package/dist/cjs/CardDemo.native.js +12 -12
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +8 -8
- package/dist/cjs/CheckboxDemo.native.js +8 -8
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +13 -13
- package/dist/cjs/ColorsDemo.native.js +13 -13
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +5 -5
- package/dist/cjs/ContextMenuDemo.native.js +5 -5
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +40 -40
- package/dist/cjs/DialogDemo.native.js +40 -40
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +8 -8
- package/dist/cjs/FormsDemo.native.js +8 -8
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +21 -21
- package/dist/cjs/GroupDemo.native.js +21 -21
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +8 -8
- package/dist/cjs/HeadingsDemo.native.js +8 -8
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +6 -6
- package/dist/cjs/InputsDemo.native.js +6 -6
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +9 -9
- package/dist/cjs/LabelDemo.native.js +9 -9
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +2 -2
- package/dist/cjs/LinearGradientDemo.native.js +2 -2
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +26 -18
- package/dist/cjs/ListItemDemo.native.js +26 -18
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +7 -7
- package/dist/cjs/LucideIconsDemo.native.js +7 -7
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +2 -2
- package/dist/cjs/MenuDemo.native.js +2 -2
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +4 -4
- package/dist/cjs/NewInputsDemo.native.js +4 -4
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +19 -19
- package/dist/cjs/PopoverDemo.native.js +19 -19
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +8 -8
- package/dist/cjs/ProgressDemo.native.js +8 -8
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +8 -8
- package/dist/cjs/RadioGroupDemo.native.js +8 -8
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +11 -11
- package/dist/cjs/ScrollViewDemo.native.js +11 -11
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +30 -30
- package/dist/cjs/SelectDemo.native.js +30 -30
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +11 -11
- package/dist/cjs/SeparatorDemo.native.js +11 -11
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +4 -4
- package/dist/cjs/ShapesDemo.native.js +4 -4
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +16 -16
- package/dist/cjs/SheetDemo.native.js +16 -16
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +6 -6
- package/dist/cjs/SliderDemo.native.js +6 -6
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +4 -4
- package/dist/cjs/SpinnerDemo.native.js +4 -4
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +14 -14
- package/dist/cjs/StacksDemo.native.js +14 -14
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +10 -10
- package/dist/cjs/SwitchDemo.native.js +10 -10
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +41 -41
- package/dist/cjs/TabsAdvancedDemo.native.js +41 -41
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +31 -31
- package/dist/cjs/TabsDemo.native.js +31 -31
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +8 -8
- package/dist/cjs/TextDemo.native.js +8 -8
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +191 -114
- package/dist/cjs/ToastDemo.native.js +202 -118
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +34 -47
- package/dist/cjs/ToastDuplicateDemo.native.js +35 -52
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +155 -0
- package/dist/cjs/ToastV1Demo.native.js +166 -0
- package/dist/cjs/ToastV1Demo.native.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.cjs +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +14 -14
- package/dist/cjs/TokensDemo.native.js +14 -14
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +13 -13
- package/dist/cjs/TooltipDemo.native.js +13 -13
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/{gui.config.cjs → hanzogui.config.cjs} +7 -7
- package/dist/cjs/{gui.config.native.js → hanzogui.config.native.js} +8 -8
- package/dist/cjs/hanzogui.config.native.js.map +1 -0
- package/dist/cjs/index.cjs +1 -0
- package/dist/cjs/index.native.js +1 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +4 -4
- package/dist/cjs/useOnIntersecting.native.js +4 -4
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +1 -1
- package/dist/esm/AccordionDemo.native.js +1 -1
- package/dist/esm/AddThemeDemo.mjs +1 -1
- package/dist/esm/AddThemeDemo.native.js +1 -1
- package/dist/esm/AlertDialogDemo.mjs +1 -1
- package/dist/esm/AlertDialogDemo.native.js +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +1 -1
- package/dist/esm/AnimationsDemo.mjs +1 -1
- package/dist/esm/AnimationsDemo.native.js +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +1 -1
- package/dist/esm/AvatarDemo.mjs +1 -1
- package/dist/esm/AvatarDemo.native.js +1 -1
- package/dist/esm/BoxShadowTokenDemo.mjs +1 -1
- package/dist/esm/BoxShadowTokenDemo.native.js +1 -1
- package/dist/esm/BuildAButtonDemo.mjs +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +1 -1
- package/dist/esm/ButtonDemo.mjs +1 -1
- package/dist/esm/ButtonDemo.native.js +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CheckboxDemo.mjs +1 -1
- package/dist/esm/CheckboxDemo.native.js +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +1 -1
- package/dist/esm/ColorsDemo.mjs +1 -1
- package/dist/esm/ColorsDemo.native.js +1 -1
- package/dist/esm/ContextMenuDemo.mjs +1 -1
- package/dist/esm/ContextMenuDemo.native.js +1 -1
- package/dist/esm/DialogDemo.mjs +1 -1
- package/dist/esm/DialogDemo.native.js +1 -1
- package/dist/esm/FormsDemo.mjs +1 -1
- package/dist/esm/FormsDemo.native.js +1 -1
- package/dist/esm/GroupDemo.mjs +1 -1
- package/dist/esm/GroupDemo.native.js +1 -1
- package/dist/esm/HeadingsDemo.mjs +1 -1
- package/dist/esm/HeadingsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.mjs +1 -1
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/LabelDemo.mjs +1 -1
- package/dist/esm/LabelDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.mjs +1 -1
- package/dist/esm/LinearGradientDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +9 -1
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +9 -1
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +1 -1
- package/dist/esm/LucideIconsDemo.native.js +1 -1
- package/dist/esm/MenuDemo.mjs +1 -1
- package/dist/esm/MenuDemo.native.js +1 -1
- package/dist/esm/NewInputsDemo.mjs +1 -1
- package/dist/esm/NewInputsDemo.native.js +1 -1
- package/dist/esm/PopoverDemo.mjs +1 -1
- package/dist/esm/PopoverDemo.native.js +1 -1
- package/dist/esm/ProgressDemo.mjs +1 -1
- package/dist/esm/ProgressDemo.native.js +1 -1
- package/dist/esm/RadioGroupDemo.mjs +1 -1
- package/dist/esm/RadioGroupDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +1 -1
- package/dist/esm/ScrollViewDemo.mjs +1 -1
- package/dist/esm/ScrollViewDemo.native.js +1 -1
- package/dist/esm/SelectDemo.mjs +2 -2
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +2 -2
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +1 -1
- package/dist/esm/SeparatorDemo.native.js +1 -1
- package/dist/esm/ShapesDemo.mjs +1 -1
- package/dist/esm/ShapesDemo.native.js +1 -1
- package/dist/esm/SheetDemo.mjs +1 -1
- package/dist/esm/SheetDemo.native.js +1 -1
- package/dist/esm/SliderDemo.mjs +1 -1
- package/dist/esm/SliderDemo.native.js +1 -1
- package/dist/esm/SpinnerDemo.mjs +1 -1
- package/dist/esm/SpinnerDemo.native.js +1 -1
- package/dist/esm/StacksDemo.mjs +1 -1
- package/dist/esm/StacksDemo.native.js +1 -1
- package/dist/esm/SwitchDemo.mjs +1 -1
- package/dist/esm/SwitchDemo.native.js +1 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +9 -9
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +9 -9
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +1 -1
- package/dist/esm/TabsDemo.native.js +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +1 -1
- package/dist/esm/TextDemo.mjs +1 -1
- package/dist/esm/TextDemo.native.js +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ThemeInverseDemo.mjs +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +190 -102
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +202 -107
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToastDuplicateDemo.mjs +31 -33
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +32 -38
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/esm/ToastV1Demo.mjs +119 -0
- package/dist/esm/ToastV1Demo.mjs.map +1 -0
- package/dist/esm/ToastV1Demo.native.js +127 -0
- package/dist/esm/ToastV1Demo.native.js.map +1 -0
- package/dist/esm/ToggleGroupDemo.mjs +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +1 -1
- package/dist/esm/TokensDemo.mjs +1 -1
- package/dist/esm/TokensDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.mjs +1 -1
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +1 -1
- package/dist/esm/hanzogui.config.mjs +6 -0
- package/dist/esm/hanzogui.config.mjs.map +1 -0
- package/dist/esm/hanzogui.config.native.js +6 -0
- package/dist/esm/hanzogui.config.native.js.map +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +1 -0
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +1 -1
- package/dist/esm/useOnIntersecting.native.js +1 -1
- package/package.json +40 -17
- package/src/AccordionDemo.tsx +1 -1
- package/src/AddThemeDemo.tsx +1 -1
- package/src/AlertDialogDemo.tsx +1 -1
- package/src/AnimationsDelayDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsHoverDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -1
- package/src/AvatarDemo.tsx +1 -1
- package/src/BoxShadowTokenDemo.tsx +1 -1
- package/src/BuildAButtonDemo.tsx +2 -2
- package/src/ButtonDemo.tsx +1 -1
- package/src/CardDemo.tsx +2 -2
- package/src/CheckboxDemo.tsx +2 -2
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ColorsDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +1 -1
- package/src/DialogDemo.tsx +1 -1
- package/src/FormsDemo.tsx +2 -2
- package/src/GroupDemo.tsx +1 -1
- package/src/HeadingsDemo.tsx +1 -1
- package/src/InputsDemo.tsx +2 -2
- package/src/LabelDemo.tsx +1 -1
- package/src/LinearGradientDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +27 -6
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +2 -2
- package/src/NewInputsDemo.tsx +2 -2
- package/src/PopoverDemo.tsx +2 -2
- package/src/ProgressDemo.tsx +1 -1
- package/src/RadioGroupDemo.tsx +2 -2
- package/src/RadioGroupHeadlessDemo.tsx +1 -1
- package/src/RadioGroupUnstyledDemo.tsx +1 -1
- package/src/ReplaceThemeDemo.tsx +1 -1
- package/src/ScrollViewDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -12
- package/src/SeparatorDemo.tsx +1 -1
- package/src/ShapesDemo.tsx +1 -1
- package/src/SheetDemo.tsx +1 -1
- package/src/SliderDemo.tsx +2 -2
- package/src/SpinnerDemo.tsx +1 -1
- package/src/StacksDemo.tsx +1 -1
- package/src/SwitchDemo.tsx +2 -2
- package/src/SwitchHeadlessDemo.tsx +1 -1
- package/src/SwitchUnstyledDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +15 -13
- package/src/TabsDemo.tsx +2 -2
- package/src/TabsHeadlessDemo.tsx +1 -1
- package/src/TextDemo.tsx +1 -1
- package/src/ThemeBuilderDemo.tsx +2 -2
- package/src/ThemeInverseDemo.tsx +1 -1
- package/src/ToastDemo.tsx +208 -93
- package/src/ToastDuplicateDemo.tsx +39 -29
- package/src/ToastV1Demo.tsx +121 -0
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TokensDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -10
- package/src/UpdateThemeDemo.tsx +1 -1
- package/src/{gui.config.ts → hanzogui.config.ts} +2 -2
- package/src/index.tsx +3 -2
- package/src/useOnIntersecting.tsx +1 -1
- package/LICENSE +0 -21
- package/dist/cjs/gui.config.native.js.map +0 -1
- package/dist/esm/gui.config.mjs +0 -6
- package/dist/esm/gui.config.mjs.map +0 -1
- package/dist/esm/gui.config.native.js +0 -6
- package/dist/esm/gui.config.native.js.map +0 -1
|
@@ -42,18 +42,18 @@ module.exports = __toCommonJS(SelectDemo_exports);
|
|
|
42
42
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
43
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
44
44
|
var import_react = __toESM(require("react"), 1);
|
|
45
|
-
var
|
|
46
|
-
var import_linear_gradient = require("
|
|
45
|
+
var import_hanzogui = require("hanzogui");
|
|
46
|
+
var import_linear_gradient = require("hanzogui/linear-gradient");
|
|
47
47
|
function SelectDemo() {
|
|
48
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
48
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
49
49
|
name: "surface1",
|
|
50
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
50
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
51
51
|
gap: "$4",
|
|
52
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
52
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
53
53
|
width: "100%",
|
|
54
54
|
items: "center",
|
|
55
55
|
gap: "$4",
|
|
56
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
57
57
|
htmlFor: "select-demo-1",
|
|
58
58
|
flex: 1,
|
|
59
59
|
minW: 80,
|
|
@@ -61,11 +61,11 @@ function SelectDemo() {
|
|
|
61
61
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectDemoContents, {
|
|
62
62
|
id: "select-demo-1"
|
|
63
63
|
})]
|
|
64
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
64
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
65
65
|
width: "100%",
|
|
66
66
|
items: "center",
|
|
67
67
|
gap: "$4",
|
|
68
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
68
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
69
69
|
htmlFor: "select-demo-2",
|
|
70
70
|
flex: 1,
|
|
71
71
|
minW: 80,
|
|
@@ -87,34 +87,34 @@ var getItemLabel = function (value) {
|
|
|
87
87
|
function SelectDemoContents(props) {
|
|
88
88
|
var [val, setVal] = import_react.default.useState("apple");
|
|
89
89
|
var _props_size;
|
|
90
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
90
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select, {
|
|
91
91
|
value: val,
|
|
92
92
|
onValueChange: setVal,
|
|
93
93
|
disablePreventBodyScroll: true,
|
|
94
94
|
...props,
|
|
95
95
|
// renderValue enables SSR support by providing the label synchronously
|
|
96
96
|
renderValue: getItemLabel,
|
|
97
|
-
children: [(props === null || props === void 0 ? void 0 : props.trigger) || /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
97
|
+
children: [(props === null || props === void 0 ? void 0 : props.trigger) || /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.Trigger, {
|
|
98
98
|
maxWidth: 220,
|
|
99
99
|
iconAfter: import_lucide_icons_2.ChevronDown,
|
|
100
100
|
borderRadius: "$4",
|
|
101
101
|
backgroundColor: "$background",
|
|
102
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
102
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.Value, {
|
|
103
103
|
placeholder: "Something"
|
|
104
104
|
})
|
|
105
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
105
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Adapt, {
|
|
106
106
|
when: "maxMd",
|
|
107
107
|
platform: "touch",
|
|
108
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
108
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Sheet, {
|
|
109
109
|
native: !!props.native,
|
|
110
110
|
modal: true,
|
|
111
111
|
dismissOnSnapToBottom: true,
|
|
112
112
|
transition: "medium",
|
|
113
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
114
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
115
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
113
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.Frame, {
|
|
114
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.ScrollView, {
|
|
115
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Adapt.Contents, {})
|
|
116
116
|
})
|
|
117
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
117
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.Overlay, {
|
|
118
118
|
bg: "$shadowColor",
|
|
119
119
|
transition: "lazy",
|
|
120
120
|
enterStyle: {
|
|
@@ -125,14 +125,14 @@ function SelectDemoContents(props) {
|
|
|
125
125
|
}
|
|
126
126
|
})]
|
|
127
127
|
})
|
|
128
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
129
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
128
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.Content, {
|
|
129
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.ScrollUpButton, {
|
|
130
130
|
items: "center",
|
|
131
131
|
justify: "center",
|
|
132
132
|
position: "relative",
|
|
133
133
|
width: "100%",
|
|
134
134
|
height: "$3",
|
|
135
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
135
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
136
136
|
z: 10,
|
|
137
137
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronUp, {
|
|
138
138
|
size: 20
|
|
@@ -144,25 +144,25 @@ function SelectDemoContents(props) {
|
|
|
144
144
|
colors: ["$background", "transparent"],
|
|
145
145
|
rounded: "$4"
|
|
146
146
|
})]
|
|
147
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
147
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.Viewport, {
|
|
148
148
|
minW: 200,
|
|
149
149
|
bg: "$background",
|
|
150
150
|
rounded: "$4",
|
|
151
151
|
borderWidth: 1,
|
|
152
152
|
borderColor: "$borderColor",
|
|
153
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
154
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
153
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.Group, {
|
|
154
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.Label, {
|
|
155
155
|
fontWeight: "700",
|
|
156
156
|
children: "Fruits"
|
|
157
157
|
}), /* for longer lists memoizing these is useful */
|
|
158
158
|
import_react.default.useMemo(function () {
|
|
159
159
|
return items.map(function (item, i) {
|
|
160
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
160
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.Item, {
|
|
161
161
|
index: i,
|
|
162
162
|
value: item.name.toLowerCase(),
|
|
163
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
163
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.ItemText, {
|
|
164
164
|
children: item.name
|
|
165
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
165
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.ItemIndicator, {
|
|
166
166
|
marginLeft: "auto",
|
|
167
167
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
|
|
168
168
|
size: 16
|
|
@@ -172,7 +172,7 @@ function SelectDemoContents(props) {
|
|
|
172
172
|
});
|
|
173
173
|
}, [items])]
|
|
174
174
|
}), /* Native gets an extra icon */
|
|
175
|
-
props.native && /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
175
|
+
props.native && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
176
176
|
position: "absolute",
|
|
177
177
|
r: 0,
|
|
178
178
|
t: 16,
|
|
@@ -181,16 +181,16 @@ function SelectDemoContents(props) {
|
|
|
181
181
|
width: "$4",
|
|
182
182
|
pointerEvents: "none",
|
|
183
183
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
|
|
184
|
-
size: (0,
|
|
184
|
+
size: (0, import_hanzogui.getFontSize)((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : "$true")
|
|
185
185
|
})
|
|
186
186
|
})]
|
|
187
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
187
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Select.ScrollDownButton, {
|
|
188
188
|
items: "center",
|
|
189
189
|
justify: "center",
|
|
190
190
|
position: "relative",
|
|
191
191
|
width: "100%",
|
|
192
192
|
height: "$3",
|
|
193
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
193
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
194
194
|
z: 10,
|
|
195
195
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
|
|
196
196
|
size: 20
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","SelectDemo_exports","SelectDemo","SelectDemoContents","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_react","import_gui","import_linear_gradient","jsx","Theme","children","jsxs","YStack","gap","XStack","width","items","Label","htmlFor","flex","minW","id","native","getItemLabel","_items_find","find","item","toLowerCase","props","val","setVal","default","useState","_props_size","Select","onValueChange","disablePreventBodyScroll","renderValue","trigger","Trigger","maxWidth","iconAfter","ChevronDown","borderRadius","backgroundColor","Value","placeholder","Adapt","when","platform","Sheet","modal","dismissOnSnapToBottom","transition","Frame","ScrollView","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","ScrollUpButton","justify","position","height","z","ChevronUp","size","LinearGradient","start","end","fullscreen","colors","rounded","Viewport","borderWidth","borderColor","Group","fontWeight","useMemo","map","i","Item","index","ItemText","ItemIndicator","marginLeft","Check","r","t","pointerEvents","getFontSize","ScrollDownButton"],"sources":["SelectDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SelectDemo_exports = {};\n__export(SelectDemo_exports, {\n SelectDemo: () => SelectDemo,\n SelectDemoContents: () => SelectDemoContents\n});\nmodule.exports = __toCommonJS(SelectDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_gui = require(\"@hanzo/gui\");\nvar import_linear_gradient = require(\"gui/linear-gradient\");\nfunction SelectDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Theme, {\n name: \"surface1\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n gap: \"$4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n width: \"100%\",\n items: \"center\",\n gap: \"$4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n htmlFor: \"select-demo-1\",\n flex: 1,\n minW: 80,\n children: \"Custom\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoContents, {\n id: \"select-demo-1\"\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n width: \"100%\",\n items: \"center\",\n gap: \"$4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n htmlFor: \"select-demo-2\",\n flex: 1,\n minW: 80,\n children: \"Native\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoContents, {\n id: \"select-demo-2\",\n native: true\n })\n ]\n })\n ]\n })\n });\n}\nvar getItemLabel = function(value) {\n var _items_find;\n return (_items_find = items.find(function(item) {\n return item.name.toLowerCase() === value;\n })) === null || _items_find === void 0 ? void 0 : _items_find.name;\n};\nfunction SelectDemoContents(props) {\n var [val, setVal] = import_react.default.useState(\"apple\");\n var _props_size;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Select, {\n value: val,\n onValueChange: setVal,\n disablePreventBodyScroll: true,\n ...props,\n // renderValue enables SSR support by providing the label synchronously\n renderValue: getItemLabel,\n children: [\n (props === null || props === void 0 ? void 0 : props.trigger) || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Select.Trigger, {\n maxWidth: 220,\n iconAfter: import_lucide_icons_2.ChevronDown,\n borderRadius: \"$4\",\n backgroundColor: \"$background\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Select.Value, {\n placeholder: \"Something\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Adapt, {\n when: \"maxMd\",\n platform: \"touch\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Sheet, {\n native: !!props.native,\n modal: true,\n dismissOnSnapToBottom: true,\n transition: \"medium\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Sheet.Frame, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Sheet.ScrollView, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Adapt.Contents, {})\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Sheet.Overlay, {\n bg: \"$shadowColor\",\n transition: \"lazy\",\n enterStyle: {\n opacity: 0\n },\n exitStyle: {\n opacity: 0\n }\n })\n ]\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Select.Content, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Select.ScrollUpButton, {\n items: \"center\",\n justify: \"center\",\n position: \"relative\",\n width: \"100%\",\n height: \"$3\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n z: 10,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronUp, {\n size: 20\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {\n start: [\n 0,\n 0\n ],\n end: [\n 0,\n 1\n ],\n fullscreen: true,\n colors: [\n \"$background\",\n \"transparent\"\n ],\n rounded: \"$4\"\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Select.Viewport, {\n minW: 200,\n bg: \"$background\",\n rounded: \"$4\",\n borderWidth: 1,\n borderColor: \"$borderColor\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Select.Group, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Select.Label, {\n fontWeight: \"700\",\n children: \"Fruits\"\n }),\n /* for longer lists memoizing these is useful */\n import_react.default.useMemo(function() {\n return items.map(function(item, i) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Select.Item, {\n index: i,\n value: item.name.toLowerCase(),\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Select.ItemText, {\n children: item.name\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Select.ItemIndicator, {\n marginLeft: \"auto\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {\n size: 16\n })\n })\n ]\n }, item.name);\n });\n }, [\n items\n ])\n ]\n }),\n /* Native gets an extra icon */\n props.native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n position: \"absolute\",\n r: 0,\n t: 16,\n items: \"center\",\n justify: \"center\",\n width: \"$4\",\n pointerEvents: \"none\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size: (0, import_gui.getFontSize)((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : \"$true\")\n })\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Select.ScrollDownButton, {\n items: \"center\",\n justify: \"center\",\n position: \"relative\",\n width: \"100%\",\n height: \"$3\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n z: 10,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size: 20\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {\n start: [\n 0,\n 0\n ],\n end: [\n 0,\n 1\n ],\n fullscreen: true,\n colors: [\n \"transparent\",\n \"$background\"\n ],\n rounded: \"$4\"\n })\n ]\n })\n ]\n })\n ]\n });\n}\nvar items = [\n {\n name: \"Apple\"\n },\n {\n name: \"Pear\"\n },\n {\n name: \"Blackberry\"\n },\n {\n name: \"Peach\"\n },\n {\n name: \"Apricot\"\n },\n {\n name: \"Melon\"\n },\n {\n name: \"Honeydew\"\n },\n {\n name: \"Starfruit\"\n },\n {\n name: \"Blueberry\"\n },\n {\n name: \"Raspberry\"\n },\n {\n name: \"Strawberry\"\n },\n {\n name: \"Mango\"\n },\n {\n name: \"Pineapple\"\n },\n {\n name: \"Lime\"\n },\n {\n name: \"Lemon\"\n },\n {\n name: \"Coconut\"\n },\n {\n name: \"Guava\"\n },\n {\n name: \"Papaya\"\n },\n {\n name: \"Orange\"\n },\n {\n name: \"Grape\"\n },\n {\n name: \"Jackfruit\"\n },\n {\n name: \"Durian\"\n }\n];\n//# sourceMappingURL=SelectDemo.js.map\n"],"mappings":"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V;EACEnC,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,EACD;EACEA,IAAI,EAAE;AACR,CAAC,CACF","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SelectDemo_exports","__export","SelectDemo","SelectDemoContents","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_react","__toESM","import_hanzogui","import_linear_gradient","jsx","Theme","name","children","jsxs","YStack","gap","XStack","width","items","Label","htmlFor","flex","minW","id","native","getItemLabel","_items_find","find","item","toLowerCase","props","val","setVal","default","useState","_props_size","Select","onValueChange","disablePreventBodyScroll","renderValue","trigger","Trigger","maxWidth","iconAfter","ChevronDown","borderRadius","backgroundColor","Value","placeholder","Adapt","when","platform","Sheet","modal","dismissOnSnapToBottom","transition","Frame","ScrollView","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","ScrollUpButton","justify","position","height","z","ChevronUp","size","LinearGradient","start","end","fullscreen","colors","rounded","Viewport","borderWidth","borderColor","Group","fontWeight","useMemo","map","i","Item","index","ItemText","ItemIndicator","marginLeft","Check","r","t"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -25,36 +25,36 @@ __export(SeparatorDemo_exports, {
|
|
|
25
25
|
SeparatorDemo: () => SeparatorDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(SeparatorDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function SeparatorDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
32
32
|
width: "100%",
|
|
33
33
|
maxW: 300,
|
|
34
34
|
mx: 16,
|
|
35
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
35
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
36
36
|
fontWeight: "800",
|
|
37
37
|
children: "Gui"
|
|
38
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
38
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
39
39
|
children: "A cross-platform component library."
|
|
40
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
|
|
41
41
|
my: 15
|
|
42
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
42
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
43
43
|
height: 20,
|
|
44
44
|
items: "center",
|
|
45
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
45
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
46
46
|
children: "Blog"
|
|
47
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
47
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
|
|
48
48
|
self: "stretch",
|
|
49
49
|
vertical: true,
|
|
50
50
|
mx: 16
|
|
51
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
51
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
52
52
|
children: "Docs"
|
|
53
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
|
|
54
54
|
self: "stretch",
|
|
55
55
|
vertical: true,
|
|
56
56
|
mx: 16
|
|
57
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
57
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
58
58
|
children: "Source"
|
|
59
59
|
})]
|
|
60
60
|
})]
|
|
@@ -28,35 +28,35 @@ __export(SeparatorDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(SeparatorDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
function SeparatorDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
34
34
|
width: "100%",
|
|
35
35
|
maxW: 300,
|
|
36
36
|
mx: 16,
|
|
37
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
37
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
38
38
|
fontWeight: "800",
|
|
39
39
|
children: "Gui"
|
|
40
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
41
41
|
children: "A cross-platform component library."
|
|
42
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
|
|
43
43
|
my: 15
|
|
44
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
44
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
45
45
|
height: 20,
|
|
46
46
|
items: "center",
|
|
47
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
47
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
48
48
|
children: "Blog"
|
|
49
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
49
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
|
|
50
50
|
self: "stretch",
|
|
51
51
|
vertical: true,
|
|
52
52
|
mx: 16
|
|
53
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
54
54
|
children: "Docs"
|
|
55
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
55
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
|
|
56
56
|
self: "stretch",
|
|
57
57
|
vertical: true,
|
|
58
58
|
mx: 16
|
|
59
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
60
60
|
children: "Source"
|
|
61
61
|
})]
|
|
62
62
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SeparatorDemo_exports","__export","SeparatorDemo","module","exports","import_jsx_runtime","require","import_hanzogui","jsxs","YStack","width","maxW","mx","children","jsx","Paragraph","fontWeight"],"sources":["../../src/SeparatorDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqD,CAAAK,qBAAA;AAK/C,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,eAAS,GAAAD,OAAgB;AAC9B,SACEJ,cAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,eAAA,CAAAE,MAAA,EAAU;IACXC,KAAA;IACAC,IAAA;IACAC,EAAA;IACEC,QAAA,GACA,mBAAAR,kBAAA,CAAAS,GAAA,EAACP,eAAA,CAAAQ,SAAA;MACDC,UAAA;MACAH,QAAA;IACA,IAAiB,eACnB,IAAAR,kBAAA,CAAAS,GAAA,EAAAP,eAAA,CAAAQ,SAAA;MACFF,QAAA;IAEJ,I","ignoreList":[]}
|
package/dist/cjs/ShapesDemo.cjs
CHANGED
|
@@ -25,17 +25,17 @@ __export(ShapesDemo_exports, {
|
|
|
25
25
|
ShapesDemo: () => ShapesDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ShapesDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function ShapesDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
32
32
|
p: "$2",
|
|
33
33
|
gap: "$4",
|
|
34
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
35
35
|
size: 100,
|
|
36
36
|
bg: "$color",
|
|
37
37
|
elevation: "$4"
|
|
38
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
38
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
|
|
39
39
|
size: 100,
|
|
40
40
|
bg: "$color",
|
|
41
41
|
elevation: "$4"
|
|
@@ -28,16 +28,16 @@ __export(ShapesDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(ShapesDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
function ShapesDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
34
34
|
p: "$2",
|
|
35
35
|
gap: "$4",
|
|
36
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
36
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
37
37
|
size: 100,
|
|
38
38
|
bg: "$color",
|
|
39
39
|
elevation: "$4"
|
|
40
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Circle, {
|
|
41
41
|
size: 100,
|
|
42
42
|
bg: "$color",
|
|
43
43
|
elevation: "$4"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ShapesDemo_exports","__export","ShapesDemo","module","exports","import_jsx_runtime","require","import_hanzogui","jsxs","XStack","p","gap","children"],"sources":["../../src/ShapesDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuC,CAAAK,kBAAA;AAInC,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,eAAS,GAAaD,OAAA;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,eAAA,CAAAE,MAAO;IACRC,CAAA;IAA8CC,GAChD;IAEJC,QAAA,G","ignoreList":[]}
|
package/dist/cjs/SheetDemo.cjs
CHANGED
|
@@ -39,7 +39,7 @@ module.exports = __toCommonJS(SheetDemo_exports);
|
|
|
39
39
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
40
40
|
var import_sheet = require("@hanzogui/sheet");
|
|
41
41
|
var import_react = __toESM(require("react"), 1);
|
|
42
|
-
var
|
|
42
|
+
var import_hanzogui = require("hanzogui");
|
|
43
43
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
44
44
|
const spModes = ["percent", "constant", "fit", "mixed"];
|
|
45
45
|
const SheetDemo = () => {
|
|
@@ -55,21 +55,21 @@ const SheetDemo = () => {
|
|
|
55
55
|
const isMixed = snapPointsMode === "mixed";
|
|
56
56
|
const snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
|
|
57
57
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
58
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
58
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
59
59
|
gap: "$4",
|
|
60
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
60
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
61
61
|
gap: "$4",
|
|
62
62
|
$maxMd: {
|
|
63
63
|
flexDirection: "column",
|
|
64
64
|
items: "center"
|
|
65
65
|
},
|
|
66
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
66
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
67
67
|
onPress: () => setOpen(true),
|
|
68
68
|
children: "Open"
|
|
69
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
70
70
|
onPress: () => setModal(x => !x),
|
|
71
71
|
children: modal ? "Type: Modal" : "Type: Inline"
|
|
72
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
72
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
73
73
|
onPress: () => setSnapPointsMode(prev => spModes[(spModes.indexOf(prev) + 1) % spModes.length]),
|
|
74
74
|
children: `Mode: ${{
|
|
75
75
|
percent: "Percentage",
|
|
@@ -78,13 +78,13 @@ const SheetDemo = () => {
|
|
|
78
78
|
mixed: "Mixed"
|
|
79
79
|
}[snapPointsMode]}`
|
|
80
80
|
})]
|
|
81
|
-
}), isMixed ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
81
|
+
}), isMixed ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
82
82
|
onPress: () => setMixedFitDemo(x => !x),
|
|
83
83
|
children: `Snap Points: ${JSON.stringify(snapPoints)}`
|
|
84
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
84
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
85
85
|
py: "$2.5",
|
|
86
86
|
justify: "center",
|
|
87
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
87
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
88
88
|
children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
|
|
89
89
|
})
|
|
90
90
|
})]
|
|
@@ -134,18 +134,18 @@ const SheetContents = (0, import_react.memo)(({
|
|
|
134
134
|
setOpen
|
|
135
135
|
}) => {
|
|
136
136
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
137
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
137
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
138
138
|
size: "$6",
|
|
139
139
|
circular: true,
|
|
140
140
|
icon: import_lucide_icons_2.ChevronDown,
|
|
141
141
|
onPress: () => setOpen(false)
|
|
142
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
142
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Input, {
|
|
143
143
|
width: 200
|
|
144
144
|
}), modal && isPercent && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
145
145
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InnerSheet, {
|
|
146
146
|
open: innerOpen,
|
|
147
147
|
onOpenChange: setInnerOpen
|
|
148
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
148
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
149
149
|
size: "$6",
|
|
150
150
|
circular: true,
|
|
151
151
|
icon: import_lucide_icons_2.ChevronUp,
|
|
@@ -176,18 +176,18 @@ function InnerSheet(props) {
|
|
|
176
176
|
items: "center",
|
|
177
177
|
gap: "$5",
|
|
178
178
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.ScrollView, {
|
|
179
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
179
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
180
180
|
p: "$5",
|
|
181
181
|
gap: "$8",
|
|
182
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
182
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
183
183
|
size: "$6",
|
|
184
184
|
circular: true,
|
|
185
185
|
self: "center",
|
|
186
186
|
icon: import_lucide_icons_2.ChevronDown,
|
|
187
187
|
onPress: () => props.onOpenChange?.(false)
|
|
188
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
188
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
|
|
189
189
|
children: "Hello world"
|
|
190
|
-
}), [1, 2, 3, 4, 5, 6, 7, 8].map(i => /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
190
|
+
}), [1, 2, 3, 4, 5, 6, 7, 8].map(i => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
191
191
|
size: "$8",
|
|
192
192
|
children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
|
|
193
193
|
}, i))]
|