@hanzogui/demos 4.3.1 → 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/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/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/{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
|
@@ -26,12 +26,12 @@ __export(ListItemDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ListItemDemo_exports);
|
|
28
28
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
29
|
-
var
|
|
29
|
+
var import_hanzogui = require("hanzogui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function ListItemDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
33
33
|
name: "surface1",
|
|
34
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
35
35
|
$maxMd: {
|
|
36
36
|
flexDirection: "column"
|
|
37
37
|
},
|
|
@@ -42,34 +42,39 @@ function ListItemDemo() {
|
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
function ListItemDemo1() {
|
|
45
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
45
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YGroup, {
|
|
46
46
|
self: "center",
|
|
47
47
|
borderWidth: 1,
|
|
48
48
|
borderColor: "$borderColor",
|
|
49
49
|
rounded: "$4",
|
|
50
|
+
overflow: "hidden",
|
|
50
51
|
width: 240,
|
|
51
52
|
size: "$4",
|
|
52
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
54
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
55
|
+
gap: "$3",
|
|
54
56
|
icon: import_lucide_icons_2.Star,
|
|
55
57
|
title: "Star",
|
|
56
|
-
subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem.Subtitle, {
|
|
57
59
|
children: "Twinkles"
|
|
58
60
|
}),
|
|
59
61
|
iconAfter: import_lucide_icons_2.ChevronRight
|
|
60
62
|
})
|
|
61
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
63
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
64
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
65
|
+
gap: "$3",
|
|
63
66
|
icon: import_lucide_icons_2.Moon,
|
|
64
67
|
children: "Moon"
|
|
65
68
|
})
|
|
66
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
67
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
70
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
71
|
+
gap: "$3",
|
|
68
72
|
icon: import_lucide_icons_2.Sun,
|
|
69
73
|
children: "Sun"
|
|
70
74
|
})
|
|
71
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
72
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
76
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
77
|
+
gap: "$3",
|
|
73
78
|
icon: import_lucide_icons_2.Cloud,
|
|
74
79
|
children: "Cloud"
|
|
75
80
|
})
|
|
@@ -77,22 +82,25 @@ function ListItemDemo1() {
|
|
|
77
82
|
});
|
|
78
83
|
}
|
|
79
84
|
function ListItemDemo2() {
|
|
80
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
85
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YGroup, {
|
|
81
86
|
self: "center",
|
|
82
87
|
borderWidth: 1,
|
|
83
88
|
borderColor: "$borderColor",
|
|
84
89
|
rounded: "$4",
|
|
90
|
+
overflow: "hidden",
|
|
85
91
|
width: 240,
|
|
86
92
|
size: "$5",
|
|
87
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
88
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
93
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
94
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
95
|
+
gap: "$3",
|
|
89
96
|
title: "Star",
|
|
90
97
|
subTitle: "Subtitle",
|
|
91
98
|
icon: import_lucide_icons_2.Star,
|
|
92
99
|
iconAfter: import_lucide_icons_2.ChevronRight
|
|
93
100
|
})
|
|
94
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
95
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
101
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
102
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
103
|
+
gap: "$3",
|
|
96
104
|
title: "Moon",
|
|
97
105
|
subTitle: "Subtitle",
|
|
98
106
|
icon: import_lucide_icons_2.Moon,
|
|
@@ -29,11 +29,11 @@ __export(ListItemDemo_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(ListItemDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
|
-
var
|
|
32
|
+
var import_hanzogui = require("hanzogui");
|
|
33
33
|
function ListItemDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
35
35
|
name: "surface1",
|
|
36
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
36
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
37
37
|
$maxMd: {
|
|
38
38
|
flexDirection: "column"
|
|
39
39
|
},
|
|
@@ -44,34 +44,39 @@ function ListItemDemo() {
|
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
46
|
function ListItemDemo1() {
|
|
47
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
47
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YGroup, {
|
|
48
48
|
self: "center",
|
|
49
49
|
borderWidth: 1,
|
|
50
50
|
borderColor: "$borderColor",
|
|
51
51
|
rounded: "$4",
|
|
52
|
+
overflow: "hidden",
|
|
52
53
|
width: 240,
|
|
53
54
|
size: "$4",
|
|
54
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
55
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
55
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
56
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
57
|
+
gap: "$3",
|
|
56
58
|
icon: import_lucide_icons_2.Star,
|
|
57
59
|
title: "Star",
|
|
58
|
-
subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem.Subtitle, {
|
|
59
61
|
children: "Twinkles"
|
|
60
62
|
}),
|
|
61
63
|
iconAfter: import_lucide_icons_2.ChevronRight
|
|
62
64
|
})
|
|
63
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
64
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
66
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
67
|
+
gap: "$3",
|
|
65
68
|
icon: import_lucide_icons_2.Moon,
|
|
66
69
|
children: "Moon"
|
|
67
70
|
})
|
|
68
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
71
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
72
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
73
|
+
gap: "$3",
|
|
70
74
|
icon: import_lucide_icons_2.Sun,
|
|
71
75
|
children: "Sun"
|
|
72
76
|
})
|
|
73
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
74
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
78
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
79
|
+
gap: "$3",
|
|
75
80
|
icon: import_lucide_icons_2.Cloud,
|
|
76
81
|
children: "Cloud"
|
|
77
82
|
})
|
|
@@ -79,22 +84,25 @@ function ListItemDemo1() {
|
|
|
79
84
|
});
|
|
80
85
|
}
|
|
81
86
|
function ListItemDemo2() {
|
|
82
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
87
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YGroup, {
|
|
83
88
|
self: "center",
|
|
84
89
|
borderWidth: 1,
|
|
85
90
|
borderColor: "$borderColor",
|
|
86
91
|
rounded: "$4",
|
|
92
|
+
overflow: "hidden",
|
|
87
93
|
width: 240,
|
|
88
94
|
size: "$5",
|
|
89
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
90
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
95
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
96
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
97
|
+
gap: "$3",
|
|
91
98
|
title: "Star",
|
|
92
99
|
subTitle: "Subtitle",
|
|
93
100
|
icon: import_lucide_icons_2.Star,
|
|
94
101
|
iconAfter: import_lucide_icons_2.ChevronRight
|
|
95
102
|
})
|
|
96
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
97
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
103
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
104
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
105
|
+
gap: "$3",
|
|
98
106
|
title: "Moon",
|
|
99
107
|
subTitle: "Subtitle",
|
|
100
108
|
icon: import_lucide_icons_2.Moon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItemDemo_exports","__export","ListItemDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItemDemo_exports","__export","ListItemDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_hanzogui","jsx","Theme","name","children","jsxs","XStack","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","YGroup","self","borderWidth","borderColor","rounded","overflow","width","size","Item","ListItem","icon","Star","title","subTitle","Subtitle","iconAfter","ChevronRight","Moon","Sun","Cloud"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqD,CAAAK,oBAAA;AACrD,IAAAK,kBAA2D,GAAAC,OAAA;AAKrD,IAAAC,qBAAA,GAAAD,OAAA;AAHC,IAAAE,eAAS,GAAAF,OAAe;AAC7B,SACEJ,aAAA;EAEI,0BAAAG,kBAAA,CAACI,GAAA,EAAAD,eAAc,CAAAE,KAAA;IACfC,IAAA;IAAeC,QAEnB,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAL,eAAA,CAAAM,MAAA;MAEJC,MAAA;QAEAC,aAAS;MACP;MACGC,EAAA;MAAAC,GAAA;MACCN,QAAK,GACL,eAAa,IAAAP,kBAAA,CAAAI,GAAA,EAAAU,aAAA,OACb,eAAY,IAAAd,kBAAA,CAAAI,GAAA,EAAAW,aAAA;IACJ;EACC;AACF;AACF,SAELD,cAAA;EAAA,0BAAAd,kBAAA,CAAAQ,IAAC,EAAAL,eAAA,CAAAa,MAAO;IACNC,IAAA,EAAC;IAAAC,WAAA;IAAAC,WACC,EAAI;IAAAC,OAAA,EACJ;IAAMC,QACN,UAAM;IAAAC,KAAA,KACN;IAAqCC,IAAA,MACrC;IAAWhB,QAAA,kBAEf,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAa,MAAA,CAAAQ,IAAA;MACAjB,QAAA,qBAAAP,kBAAC,CAAAI,GAAA,EAAAD,eAAO,CAAAsB,QACN;QAIFZ,GAAA;QAKAa,IAAA,EAAAxB,qBAAA,CAAAyB,IAAA;QAIAC,KAAA;QAAAC,QAAA,qBAAA7B,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAsB,QAAA,CAAAK,QAAA;UACFvB,QAAA;QAEJ;QAESwB,SAAA,EAAA7B,qBAAgB,CAAA8B;MACvB,CACE;IAAC,uBAAAhC,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAa,MAAA,CAAAQ,IAAA;MACCjB,QAAK,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAsB,QAAA;QACLZ,GAAA,MAAa;QACba,IAAA,EAAAxB,qBAAY,CAAA+B,IAAA;QACZ1B,QAAQ;MACR;IACA,IACA,eAAK,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAa,MAAA,CAAAQ,IAAA;MAELjB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAsB,QAAA;QAAAZ,GAAA;QACGa,IAAA,EAAAxB,qBAAA,CAAAgC,GAAA;QAAA3B,QAAA;MAAA;IACK,IACE,eACG,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAa,MAAA,CAAAQ,IAAA;MAAAjB,QACT,EAAM,mBAAAP,kBAAA,CAAAI,GAAA,EAAAD,eAAA,CAAAsB,QAAA;QAAAZ,GACN;QAAWa,IAAA,EAAAxB,qBAAA,CAAAiC,KAAA;QACb5B,QACF;MACA;IAAW,EACX;EACG;AAAA;AACK,SAAAQ,aACEA,CAAA;EAAA,sBACG,IAAAf,kBAAA,CAAAQ,IAAA,EAAAL,eAAA,CAAAa,MAAA;IAAAC,IAAA,UACH;IAAAC,WACN;IAAWC,WAAA;IAAAC,OAEf;IAAAC,QAAA;IAAAC,KAAA;IACFC,IAAA;IAEJhB,QAAA,G","ignoreList":[]}
|
|
@@ -39,7 +39,7 @@ module.exports = __toCommonJS(LucideIconsDemo_exports);
|
|
|
39
39
|
var import_react = __toESM(require("react"), 1);
|
|
40
40
|
var LucideIcons = __toESM(require("@hanzogui/lucide-icons-2"), 1);
|
|
41
41
|
var import_react_native = require("react-native-web");
|
|
42
|
-
var
|
|
42
|
+
var import_hanzogui = require("hanzogui");
|
|
43
43
|
var import_Grid = require("./Grid.cjs");
|
|
44
44
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
45
45
|
const lucideIcons = Object.keys(
|
|
@@ -51,18 +51,18 @@ typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(name => ({
|
|
|
51
51
|
}));
|
|
52
52
|
function LucideIconsDemo() {
|
|
53
53
|
const [searchRaw, setSearch] = import_react.default.useState("");
|
|
54
|
-
const search = (0,
|
|
54
|
+
const search = (0, import_hanzogui.useDebounceValue)(searchRaw, 400);
|
|
55
55
|
const size = 100;
|
|
56
56
|
const iconsMemo = import_react.default.useMemo(() => lucideIcons.filter(x => x.key.includes(search.toLowerCase())).map(({
|
|
57
57
|
Icon,
|
|
58
58
|
name
|
|
59
|
-
}) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
59
|
+
}) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
60
60
|
height: size + 20,
|
|
61
61
|
items: "center",
|
|
62
62
|
justify: "center",
|
|
63
63
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
|
|
64
64
|
size: size * 0.25
|
|
65
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spacer, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
66
66
|
height: "$6",
|
|
67
67
|
wordWrap: "break-word",
|
|
68
68
|
maxW: "100%",
|
|
@@ -73,16 +73,16 @@ function LucideIconsDemo() {
|
|
|
73
73
|
children: name
|
|
74
74
|
})]
|
|
75
75
|
}, name)), [search]);
|
|
76
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
76
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
77
77
|
minW: "100%",
|
|
78
78
|
p: "$4",
|
|
79
79
|
pb: "$0",
|
|
80
80
|
gap: "$4",
|
|
81
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
81
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Input, {
|
|
82
82
|
value: searchRaw,
|
|
83
83
|
onChangeText: setSearch,
|
|
84
84
|
placeholder: "Search..."
|
|
85
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
85
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
86
86
|
height: 420,
|
|
87
87
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
|
|
88
88
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Grid.Grid, {
|
|
@@ -42,7 +42,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
42
42
|
var import_react = __toESM(require("react"), 1);
|
|
43
43
|
var LucideIcons = __toESM(require("@hanzogui/lucide-icons-2"), 1);
|
|
44
44
|
var import_react_native = require("react-native");
|
|
45
|
-
var
|
|
45
|
+
var import_hanzogui = require("hanzogui");
|
|
46
46
|
var import_Grid = require("./Grid.native.js");
|
|
47
47
|
var lucideIcons = Object.keys(
|
|
48
48
|
// vite tree shaking workaround
|
|
@@ -55,7 +55,7 @@ typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(function (name) {
|
|
|
55
55
|
});
|
|
56
56
|
function LucideIconsDemo() {
|
|
57
57
|
var [searchRaw, setSearch] = import_react.default.useState("");
|
|
58
|
-
var search = (0,
|
|
58
|
+
var search = (0, import_hanzogui.useDebounceValue)(searchRaw, 400);
|
|
59
59
|
var size = 100;
|
|
60
60
|
var iconsMemo = import_react.default.useMemo(function () {
|
|
61
61
|
return lucideIcons.filter(function (x) {
|
|
@@ -65,13 +65,13 @@ function LucideIconsDemo() {
|
|
|
65
65
|
Icon,
|
|
66
66
|
name
|
|
67
67
|
} = param;
|
|
68
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
68
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
69
69
|
height: size + 20,
|
|
70
70
|
items: "center",
|
|
71
71
|
justify: "center",
|
|
72
72
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
|
|
73
73
|
size: size * 0.25
|
|
74
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
74
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spacer, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
75
75
|
height: "$6",
|
|
76
76
|
wordWrap: "break-word",
|
|
77
77
|
maxW: "100%",
|
|
@@ -84,16 +84,16 @@ function LucideIconsDemo() {
|
|
|
84
84
|
}, name);
|
|
85
85
|
});
|
|
86
86
|
}, [search]);
|
|
87
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
87
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
88
88
|
minW: "100%",
|
|
89
89
|
p: "$4",
|
|
90
90
|
pb: "$0",
|
|
91
91
|
gap: "$4",
|
|
92
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
92
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Input, {
|
|
93
93
|
value: searchRaw,
|
|
94
94
|
onChangeText: setSearch,
|
|
95
95
|
placeholder: "Search..."
|
|
96
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
96
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
97
97
|
height: 420,
|
|
98
98
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
|
|
99
99
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Grid.Grid, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LucideIconsDemo_exports","__export","LucideIconsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","LucideIcons","import_react_native","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LucideIconsDemo_exports","__export","LucideIconsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","LucideIcons","import_react_native","import_hanzogui","import_Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","searchRaw","setSearch","default","useState","search","useDebounceValue","size","iconsMemo","useMemo","filter","x","includes","param","jsxs","YStack","height","items","justify","children","jsx","Spacer","Paragraph","wordWrap","maxW","text","px","opacity"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,uBAAA;AAClB,IAAAK,kBAA6B,GAAAC,OAAA;AAE7B,IAAAC,YAAA,GAAAC,OAA2B,CAAAF,OAAA;AAC3B,IAAAG,WAAA,GAAAD,OAAmE,CAAAF,OAAA;AAEnE,IAAAI,mBAAqB,GAAAJ,OAAA;AAsBX,IAAAK,eAAA,GAAAL,OAAA;AApBV,IAAAM,WAAM,GAAAN,OAAc,mBAAO;AAAA,IAAAO,WAAA,GAAAC,MAAA,CAAAC,IAAA;AAEzB;AACA,OAAKN,WAAU,mBAAAA,WAAA,OACfO,GAAA,WAAUC,IAAA;EACV;IACAC,GAAA,EAAMD,IAAA,CAAAE,WAAgB;IACtBF,IAAA;IAEKG,IAAA,EAASX,WAAA,CAAAQ,IAAA;EACd;AACA;AAEA,SAAMf,eAAOA,CAAA;EAEb,KAAAmB,SAAM,EAAAC,SAAY,IAAAf,YAAM,CAAAgB,OAAA,CAAAC,QAAA;EAAA,IACtBC,MACE,OAAAd,eACW,CAAAe,gBAAqB,EAAAL,SAAO;EAGjC,IAAAM,IAAA;EAAyB,IACzBC,SAAA,GAAArB,YAAA,CAAAgB,OAAA,CAAAM,OAAA,aAAC;IAAO,OACRhB,WAAA,CAAAiB,MAAA,WAAAC,CAAA;MAAA,OAACA,CAAA,CAAAb,GAAA,CAAAc,QAAA,CAAAP,MAAA,CAAAN,WAAA;IAAA,GAAAH,GAAA,WAAAiB,KAAA;MAAA,IACC;QAAAb,IAAA;QAAOH;MAAA,IAAAgB,KAAA;MAAA,OACP,eAAS,IAAA5B,kBAAA,CAAA6B,IAAA,EAAAvB,eAAA,CAAAwB,MAAA;QAAAC,MACT,EAAKT,IAAA;QAAAU,KACL,UAAK;QAAAC,OACF;QAAAC,QACE,GACL,eAAS,IAAAlC,kBAAA,CAAAmC,GAAA,EAAApB,IAAA;UAERO,IAAA,EAAAA,IAAA;QAAA,IACH,mBAAAtB,kBAAA,CAAAmC,GAAA,EAAA7B,eAAA,CAAA8B,MAAA,OAb8D,eAejE,IAAApC,kBAAA,CAAAmC,GAAA,EAAA7B,eAAA,CAAA+B,SAAA;UACEN,MAAA;UACTO,QAAA;UAGEC,IAAA;UACEC,IAAA;UAEAC,EAAA;UAKFnB,IAAA;UAEJoB,OAAA","ignoreList":[]}
|
package/dist/cjs/MenuDemo.cjs
CHANGED
|
@@ -39,7 +39,7 @@ module.exports = __toCommonJS(MenuDemo_exports);
|
|
|
39
39
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
40
40
|
var import_menu = require("@hanzogui/menu");
|
|
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
|
function MenuDemo() {
|
|
45
45
|
const [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(true);
|
|
@@ -53,7 +53,7 @@ function MenuDemo() {
|
|
|
53
53
|
offset: 8,
|
|
54
54
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Trigger, {
|
|
55
55
|
asChild: true,
|
|
56
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
57
57
|
size: "$4",
|
|
58
58
|
icon: import_lucide_icons_2.Backpack,
|
|
59
59
|
children: "Open"
|
|
@@ -42,7 +42,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
42
42
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
43
43
|
var import_menu = require("@hanzogui/menu");
|
|
44
44
|
var import_react = __toESM(require("react"), 1);
|
|
45
|
-
var
|
|
45
|
+
var import_hanzogui = require("hanzogui");
|
|
46
46
|
function MenuDemo() {
|
|
47
47
|
var [bookmarksChecked, setBookmarksChecked] = import_react.default.useState(true);
|
|
48
48
|
var [native, setNative] = import_react.default.useState(true);
|
|
@@ -55,7 +55,7 @@ function MenuDemo() {
|
|
|
55
55
|
offset: 8,
|
|
56
56
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menu.Menu.Trigger, {
|
|
57
57
|
asChild: true,
|
|
58
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
59
59
|
size: "$4",
|
|
60
60
|
icon: import_lucide_icons_2.Backpack,
|
|
61
61
|
children: "Open"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MenuDemo_exports","__export","MenuDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_menu","import_react","__toESM","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MenuDemo_exports","__export","MenuDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_menu","import_react","__toESM","import_hanzogui","bookmarksChecked","setBookmarksChecked","default","useState","native","setNative","subMenuOpen","setSubMenuOpen","onSelect","item","console","info","jsx","Fragment","children","jsxs","Menu","offset","Trigger","asChild","Button","size","icon","Backpack","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","Calendar","color","disabled","destructive","Sub","open","onOpenChange","SubTrigger","ChevronRight","SubContent","Label","select"],"sources":["../../src/MenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -25,11 +25,11 @@ __export(NewInputsDemo_exports, {
|
|
|
25
25
|
NewInputsDemo: () => NewInputsDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(NewInputsDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_input = require("@hanzogui/input");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function NewInputsDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
33
33
|
width: 200,
|
|
34
34
|
minH: 250,
|
|
35
35
|
overflow: "hidden",
|
|
@@ -49,7 +49,7 @@ function NewInputsDemo() {
|
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
51
|
function InputDemo(props) {
|
|
52
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
52
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
53
53
|
items: "center",
|
|
54
54
|
gap: "$2",
|
|
55
55
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_input.Input, {
|
|
@@ -57,7 +57,7 @@ function InputDemo(props) {
|
|
|
57
57
|
flex: 1,
|
|
58
58
|
size: props.size,
|
|
59
59
|
placeholder: `Size ${props.size}...`
|
|
60
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
61
61
|
size: props.size,
|
|
62
62
|
children: "Go"
|
|
63
63
|
})]
|
|
@@ -28,10 +28,10 @@ __export(NewInputsDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(NewInputsDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
var import_input = require("@hanzogui/input");
|
|
33
33
|
function NewInputsDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
35
35
|
width: 200,
|
|
36
36
|
minH: 250,
|
|
37
37
|
overflow: "hidden",
|
|
@@ -51,7 +51,7 @@ function NewInputsDemo() {
|
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
function InputDemo(props) {
|
|
54
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
54
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
55
55
|
items: "center",
|
|
56
56
|
gap: "$2",
|
|
57
57
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_input.Input, {
|
|
@@ -59,7 +59,7 @@ function InputDemo(props) {
|
|
|
59
59
|
flex: 1,
|
|
60
60
|
size: props.size,
|
|
61
61
|
placeholder: `Size ${props.size}...`
|
|
62
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
63
63
|
size: props.size,
|
|
64
64
|
children: "Go"
|
|
65
65
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NewInputsDemo_exports","__export","NewInputsDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NewInputsDemo_exports","__export","NewInputsDemo","module","exports","import_jsx_runtime","require","import_hanzogui","import_input","jsxs","YStack","width","minH","overflow","gap","m","p","children","jsx","InputDemo","size","TextArea","theme","placeholder"],"sources":["../../src/NewInputsDemo.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;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA8C,CAAAK,qBAAA;AAC9C,IAAAK,kBAAgC,GAAAC,OAAA;AAI5B,IAAAC,eAAA,GAAAD,OAAA;AAFG,IAAAE,YAAS,GAAAF,OAAgB;AAC9B,SACEJ,cAAA;EACE,0BAAAG,kBAAA,CAACI,IAAA,EAAAF,eAAe,CAAAG,MAAK;IACrBC,KAAA;IACAC,IAAA;IACAC,QAAA;IAA+DC,GACjE;IAEJC,CAAA;IAEAC,CAAA,MAAS;IACPC,QACE,GACE,mBAAAZ,kBAAA,CAAAa,GAAA,EAAAC,SAAA;MAACC,IAAA;IAAA,mBACO,IAAAf,kBAAA,CAAAa,GAAA,EAAAC,SAAA;MACNC,IAAA,EAAM;IAAA,EACN,EAAY,eACC,IAAAf,kBAAkB,CAAAa,GAAA,EAAAC,SAAA;MAAAC,IAAA;IACjC,IACA,mBAAAf,kBAAA,CAAAa,GAAC,EAAAV,YAAA,CAAAa,QAAA;MACHC,KAAA;MAEJC,WAAA","ignoreList":[]}
|
package/dist/cjs/PopoverDemo.cjs
CHANGED
|
@@ -28,13 +28,13 @@ __export(PopoverDemo_exports, {
|
|
|
28
28
|
module.exports = __toCommonJS(PopoverDemo_exports);
|
|
29
29
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
30
30
|
var import_react = require("react");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
33
|
function PopoverDemo() {
|
|
34
34
|
const [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(true);
|
|
35
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
35
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
36
36
|
gap: "$4",
|
|
37
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
37
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
38
38
|
gap: "$2",
|
|
39
39
|
flex: 1,
|
|
40
40
|
justify: "center",
|
|
@@ -60,7 +60,7 @@ function PopoverDemo() {
|
|
|
60
60
|
Icon: import_lucide_icons_2.ChevronRight,
|
|
61
61
|
Name: "right-popover"
|
|
62
62
|
})]
|
|
63
|
-
}), !
|
|
63
|
+
}), !import_hanzogui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Button, {
|
|
64
64
|
onPress: () => setShouldAdapt(!shouldAdapt),
|
|
65
65
|
children: ["Adapt to Sheet: ", `${shouldAdapt}`]
|
|
66
66
|
})]
|
|
@@ -72,29 +72,29 @@ function Demo({
|
|
|
72
72
|
shouldAdapt,
|
|
73
73
|
...props
|
|
74
74
|
}) {
|
|
75
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
75
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Popover, {
|
|
76
76
|
size: "$5",
|
|
77
77
|
allowFlip: true,
|
|
78
78
|
stayInFrame: true,
|
|
79
79
|
offset: 15,
|
|
80
80
|
resize: true,
|
|
81
81
|
...props,
|
|
82
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
82
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Popover.Trigger, {
|
|
83
83
|
asChild: true,
|
|
84
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
84
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
85
85
|
icon: Icon
|
|
86
86
|
})
|
|
87
|
-
}), shouldAdapt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
87
|
+
}), shouldAdapt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Adapt, {
|
|
88
88
|
when: "maxMd",
|
|
89
89
|
platform: "touch",
|
|
90
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
90
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Sheet, {
|
|
91
91
|
transition: "medium",
|
|
92
92
|
modal: true,
|
|
93
93
|
dismissOnSnapToBottom: true,
|
|
94
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
94
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.Frame, {
|
|
95
95
|
p: "$4",
|
|
96
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
97
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
96
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Adapt.Contents, {})
|
|
97
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.Overlay, {
|
|
98
98
|
bg: "$shadowColor",
|
|
99
99
|
transition: "lazy",
|
|
100
100
|
enterStyle: {
|
|
@@ -105,7 +105,7 @@ function Demo({
|
|
|
105
105
|
}
|
|
106
106
|
})]
|
|
107
107
|
})
|
|
108
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
108
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Popover.Content, {
|
|
109
109
|
borderWidth: 1,
|
|
110
110
|
borderColor: "$borderColor",
|
|
111
111
|
width: 300,
|
|
@@ -124,24 +124,24 @@ function Demo({
|
|
|
124
124
|
overshootClamping: true
|
|
125
125
|
}
|
|
126
126
|
}],
|
|
127
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
127
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Popover.Arrow, {
|
|
128
128
|
borderWidth: 1,
|
|
129
129
|
borderColor: "$borderColor"
|
|
130
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
130
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
131
131
|
gap: "$3",
|
|
132
132
|
mb: "$3",
|
|
133
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
133
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
134
134
|
size: "$3",
|
|
135
135
|
htmlFor: Name,
|
|
136
136
|
children: "Name"
|
|
137
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
137
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Input, {
|
|
138
138
|
flex: 1,
|
|
139
139
|
size: "$3",
|
|
140
140
|
id: Name
|
|
141
141
|
})]
|
|
142
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
142
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Popover.Close, {
|
|
143
143
|
asChild: true,
|
|
144
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
144
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
145
145
|
size: "$3",
|
|
146
146
|
onPress: () => {},
|
|
147
147
|
children: "Submit"
|