@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AvatarDemo_exports","__export","AvatarDemo","module","exports","import_jsx_runtime","require","import_hanzogui","jsxs","XStack","items","gap","children","Avatar","circular","size","jsx","Image","src","Fallback","bg"],"sources":["../../src/AvatarDemo.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,YAA+B,CAAAK,kBAAA;AAKzB,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,eAAS,GAAaD,OAAA;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAAAG,IAAC,EAAAD,eAAA,CAAAE,MAAO;IACNC,KAAA;IAAAC,GAAA,EAAC;IAAOC,QAAP,kBACC,EAAW,EAAAP,kBAAA,CAAAG,IAAA,EAAAD,eAAA,CAAAM,MAAA;MAAAC,QACP;MAAAC,IAAA;MACNH,QAAA,GACA,mBAAAP,kBAAA,CAAAW,GAAC,EAAAT,eAAA,CAAAM,MAAO,CAAAI,KAAA,EAAP;QACH;QAEAC,GAAA;MACE,IAAC,mBAAAb,kBAAO,CAAAW,GAAA,EAAAT,eAAA,CAAAM,MAAA,CAAAM,QAAA;QAAPC,EAAA;MACC;IACI,IACN,mBAAAf,kBAAA,CAAAG,IAAA,EAAAD,eAAA,CAAAM,MAAA;MACAC,QAAA;MACFC,IAAA;MACFH,QAAA,GAEJ,mBAAAP,kBAAA,CAAAW,GAAA,EAAAT,eAAA,CAAAM,MAAA,CAAAI,KAAA","ignoreList":[]}
|
|
@@ -25,9 +25,9 @@ __export(BoxShadowTokenDemo_exports, {
|
|
|
25
25
|
BoxShadowTokenDemo: () => BoxShadowTokenDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
-
const StyledShadowBox = (0,
|
|
30
|
+
const StyledShadowBox = (0, import_hanzogui.styled)(import_hanzogui.View, {
|
|
31
31
|
width: 100,
|
|
32
32
|
height: 100,
|
|
33
33
|
backgroundColor: "$color5",
|
|
@@ -35,23 +35,23 @@ const StyledShadowBox = (0, import_gui.styled)(import_gui.View, {
|
|
|
35
35
|
boxShadow: "0px 2px 8px $shadowColor"
|
|
36
36
|
});
|
|
37
37
|
function BoxShadowTokenDemo() {
|
|
38
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
38
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
39
39
|
gap: "$4",
|
|
40
40
|
items: "center",
|
|
41
41
|
p: "$4",
|
|
42
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
|
|
43
43
|
testID: "box-shadow-token-title",
|
|
44
44
|
children: "BoxShadow Token Test"
|
|
45
45
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledShadowBox, {
|
|
46
46
|
testID: "box-shadow-styled"
|
|
47
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
47
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.View, {
|
|
48
48
|
width: 100,
|
|
49
49
|
height: 100,
|
|
50
50
|
backgroundColor: "$color5",
|
|
51
51
|
borderRadius: "$4",
|
|
52
52
|
boxShadow: "0px 2px 8px $shadowColor",
|
|
53
53
|
testID: "box-shadow-prop"
|
|
54
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
|
|
55
55
|
testID: "box-shadow-token-ok",
|
|
56
56
|
children: "OK"
|
|
57
57
|
})]
|
|
@@ -28,8 +28,8 @@ __export(BoxShadowTokenDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
32
|
-
var StyledShadowBox = (0,
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
|
+
var StyledShadowBox = (0, import_hanzogui.styled)(import_hanzogui.View, {
|
|
33
33
|
width: 100,
|
|
34
34
|
height: 100,
|
|
35
35
|
backgroundColor: "$color5",
|
|
@@ -37,25 +37,25 @@ var StyledShadowBox = (0, import_gui.styled)(import_gui.View, {
|
|
|
37
37
|
boxShadow: "0px 2px 8px $shadowColor"
|
|
38
38
|
});
|
|
39
39
|
function BoxShadowTokenDemo() {
|
|
40
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
40
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
41
41
|
gap: "$4",
|
|
42
42
|
items: "center",
|
|
43
43
|
p: "$4",
|
|
44
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
|
|
45
45
|
testID: "box-shadow-token-title",
|
|
46
46
|
children: "BoxShadow Token Test"
|
|
47
47
|
}), /* styled() definition - breaks if web imports leak to native */
|
|
48
48
|
/* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledShadowBox, {
|
|
49
49
|
testID: "box-shadow-styled"
|
|
50
50
|
}), /* inline prop - should always work */
|
|
51
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
51
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.View, {
|
|
52
52
|
width: 100,
|
|
53
53
|
height: 100,
|
|
54
54
|
backgroundColor: "$color5",
|
|
55
55
|
borderRadius: "$4",
|
|
56
56
|
boxShadow: "0px 2px 8px $shadowColor",
|
|
57
57
|
testID: "box-shadow-prop"
|
|
58
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Text, {
|
|
59
59
|
testID: "box-shadow-token-ok",
|
|
60
60
|
children: "OK"
|
|
61
61
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BoxShadowTokenDemo_exports","__export","BoxShadowTokenDemo","module","exports","import_jsx_runtime","require","import_hanzogui","StyledShadowBox","styled","View","width","height","backgroundColor","borderRadius","boxShadow","jsxs","YStack","gap","items","p","children","jsx","Text","testID"],"sources":["../../src/BoxShadowTokenDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA2C,CAAAK,0BAAA;AAevC,IAAAK,kBAAA,GAAAC,OAAA;AAVJ,IAAAC,eAAM,GAAAD,OAAkB;AAAa,IACnCE,eAAO,OAAAD,eAAA,CAAAE,MAAA,EAAAF,eAAA,CAAAG,IAAA;EACPC,KAAA,KAAQ;EACRC,MAAA;EACAC,eAAc;EACdC,YAAW;EACZC,SAAA;AAEM;AACL,SACEb,mBAAA;EACE,0BAAAG,kBAAA,CAACW,IAAA,EAAAT,eAAA,CAAAU,MAAK;IAGNC,GAAA;IAGAC,KAAA;IAAAC,CAAA,EAAC;IAAAC,QAAA,kBACQ,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAf,eAAA,CAAAgB,IAAA;MACPC,MAAA,EAAQ;MACRH,QAAA;IAAgB,EAChB,EAAa;IACH,eACH,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAd,eAAA;MAAAgB,MAAA;IACT,IAEA;IACF,mBAAAnB,kBAAA,CAAAiB,GAAA,EAAAf,eAAA,CAAAG,IAAA;MAEJC,KAAA","ignoreList":[]}
|
|
@@ -26,7 +26,7 @@ __export(BuildAButtonDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(BuildAButtonDemo_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
|
const outlined = {
|
|
32
32
|
bg: "transparent",
|
|
@@ -39,10 +39,10 @@ const outlined = {
|
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
function BuildAButtonDemo() {
|
|
42
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
43
43
|
fullscreen: true,
|
|
44
44
|
overflow: "hidden",
|
|
45
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
45
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
46
46
|
maxH: 200,
|
|
47
47
|
y: -100,
|
|
48
48
|
x: -40,
|
|
@@ -91,38 +91,38 @@ function ButtonCol(props) {
|
|
|
91
91
|
...buttonProps
|
|
92
92
|
} = props;
|
|
93
93
|
const subThemeSuffix = subTheme ? `_${subTheme}` : "";
|
|
94
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
94
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
95
95
|
p: "$2",
|
|
96
96
|
gap: "$3",
|
|
97
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
97
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
98
98
|
theme: props.subTheme,
|
|
99
99
|
...props,
|
|
100
100
|
children: "Hello"
|
|
101
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
101
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
102
102
|
theme: "orange" + subThemeSuffix,
|
|
103
103
|
...buttonProps,
|
|
104
104
|
children: "Hello"
|
|
105
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
105
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
106
106
|
theme: "yellow" + subThemeSuffix,
|
|
107
107
|
...buttonProps,
|
|
108
108
|
children: "Hello"
|
|
109
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
109
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
110
110
|
theme: "green" + subThemeSuffix,
|
|
111
111
|
...buttonProps,
|
|
112
112
|
children: "Hello"
|
|
113
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
113
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
114
114
|
theme: "blue" + subThemeSuffix,
|
|
115
115
|
...buttonProps,
|
|
116
116
|
children: "Hello"
|
|
117
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
117
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
118
118
|
theme: "purple" + subThemeSuffix,
|
|
119
119
|
...buttonProps,
|
|
120
120
|
children: "Hello"
|
|
121
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
121
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
122
122
|
theme: "pink" + subThemeSuffix,
|
|
123
123
|
...buttonProps,
|
|
124
124
|
children: "Hello"
|
|
125
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
125
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
126
126
|
theme: "red" + subThemeSuffix,
|
|
127
127
|
...buttonProps,
|
|
128
128
|
children: "Hello"
|
|
@@ -29,7 +29,7 @@ __export(BuildAButtonDemo_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(BuildAButtonDemo_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
|
var outlined = {
|
|
34
34
|
bg: "transparent",
|
|
35
35
|
borderWidth: 2,
|
|
@@ -41,10 +41,10 @@ var outlined = {
|
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
43
|
function BuildAButtonDemo() {
|
|
44
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
45
45
|
fullscreen: true,
|
|
46
46
|
overflow: "hidden",
|
|
47
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
47
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
48
48
|
maxH: 200,
|
|
49
49
|
y: -100,
|
|
50
50
|
x: -40,
|
|
@@ -93,38 +93,38 @@ function ButtonCol(props) {
|
|
|
93
93
|
...buttonProps
|
|
94
94
|
} = props;
|
|
95
95
|
var subThemeSuffix = subTheme ? `_${subTheme}` : "";
|
|
96
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
96
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
97
97
|
p: "$2",
|
|
98
98
|
gap: "$3",
|
|
99
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
99
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
100
100
|
theme: props.subTheme,
|
|
101
101
|
...props,
|
|
102
102
|
children: "Hello"
|
|
103
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
103
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
104
104
|
theme: "orange" + subThemeSuffix,
|
|
105
105
|
...buttonProps,
|
|
106
106
|
children: "Hello"
|
|
107
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
107
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
108
108
|
theme: "yellow" + subThemeSuffix,
|
|
109
109
|
...buttonProps,
|
|
110
110
|
children: "Hello"
|
|
111
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
111
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
112
112
|
theme: "green" + subThemeSuffix,
|
|
113
113
|
...buttonProps,
|
|
114
114
|
children: "Hello"
|
|
115
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
115
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
116
116
|
theme: "blue" + subThemeSuffix,
|
|
117
117
|
...buttonProps,
|
|
118
118
|
children: "Hello"
|
|
119
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
119
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
120
120
|
theme: "purple" + subThemeSuffix,
|
|
121
121
|
...buttonProps,
|
|
122
122
|
children: "Hello"
|
|
123
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
123
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
124
124
|
theme: "pink" + subThemeSuffix,
|
|
125
125
|
...buttonProps,
|
|
126
126
|
children: "Hello"
|
|
127
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
127
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
128
128
|
theme: "red" + subThemeSuffix,
|
|
129
129
|
...buttonProps,
|
|
130
130
|
children: "Hello"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","BuildAButtonDemo_exports","BuildAButtonDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","jsx","YStack","fullscreen","overflow","children","jsxs","XStack","maxH","y","x","rotate","ButtonCol","size","subTheme","icon","Hand","iconAfter","Drumstick","props","buttonProps","subThemeSuffix","p","gap","Button","theme"],"sources":["BuildAButtonDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar BuildAButtonDemo_exports = {};\n__export(BuildAButtonDemo_exports, {\n BuildAButtonDemo: () => BuildAButtonDemo\n});\nmodule.exports = __toCommonJS(BuildAButtonDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nvar outlined = {\n bg: \"transparent\",\n borderWidth: 2,\n borderColor: \"$background\",\n rounded: \"$10\",\n hoverStyle: {\n bg: \"transparent\",\n borderColor: \"$backgroundPress\"\n }\n};\nfunction BuildAButtonDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n fullscreen: true,\n overflow: \"hidden\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n maxH: 200,\n y: -100,\n x: -40,\n rotate: \"-10deg\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n y: 35,\n size: \"$2\",\n ...outlined,\n subTheme: \"surface1\",\n borderWidth: 1\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n y: 30\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n y: -50,\n ...outlined\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n ...outlined,\n icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Hand, {})\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n size: \"$6\",\n subTheme: \"surface2\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n size: \"$6\",\n subTheme: \"surface2\",\n ...outlined\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n size: \"$8\",\n subTheme: \"surface2\",\n iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Drumstick, {}),\n ...outlined\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n size: \"$10\",\n subTheme: \"surface1\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n size: \"$8\",\n subTheme: \"surface2\",\n ...outlined,\n rounded: 0\n })\n ]\n })\n });\n}\nfunction ButtonCol(props) {\n var { subTheme, ...buttonProps } = props;\n var subThemeSuffix = subTheme ? `_${subTheme}` : \"\";\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n p: \"$2\",\n gap: \"$3\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: props.subTheme,\n ...props,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"orange\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"yellow\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"green\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"blue\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"purple\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"pink\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"red\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n })\n ]\n });\n}\n//# sourceMappingURL=BuildAButtonDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BuildAButtonDemo_exports","__export","BuildAButtonDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_hanzogui","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","jsx","YStack","fullscreen","overflow","children","jsxs","XStack","maxH","y","x","rotate","ButtonCol","size","subTheme","icon","Hand"],"sources":["../../src/BuildAButtonDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAgC,CAAAK,wBAAA;AAEhC,IAAAK,kBAAuC,GAAAC,OAAA;AAiBjC,IAAAC,qBAAA,GAAAD,OAAA;AAfN,IAAAE,eAAiB,GAAAF,OAAA;AAAA,IACfG,QAAI;EACJC,EAAA,eAAa;EACbC,WAAA,EAAa;EACbC,WAAS;EAETC,OAAA,OAAY;EAAAC,UACN;IACJJ,EAAA,eAAa;IACfE,WAAA;EACF;AAEO;AACL,SACEV,iBAAA;EAEI,0BAAAG,kBAAA,CAACU,GAAA,EAAAP,eAAiB,CAAAQ,MAAK;IACvBC,UAAA;IACAC,QAAA;IACAC,QAAA,qBAAAd,kBAAC,CAAAe,IAAA,EAAAZ,eAAwB,CAAAa,MAAM;MAC/BC,IAAA;MACAC,CAAA;MACAC,CAAA;MAACC,MAAA;MAAAN,QAAA,GACC,eAAK,IAAAd,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QACLH,CAAA;QACAI,IAAA,MAAW;QACV,GAAGlB,QAAA;QAAAmB,QAAA;QACNjB,WAAA;MACA,IACA,mBAAAN,kBAAA,CAAAU,GAAC,EAAAW,SAAU;QAEfH,CAAA;MAEJ,IAEA,eAAmB,EAAY,EAAAlB,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QACrBH,CAAA;QACF,GAAAd;MAEN,CACE,GACE,mBAAAJ,kBAAA,CAAAU,GAAC,EAAAW,SAAA;QAGD,GAAAjB,QAAA;QAGAoB,IAAA,qBAAAxB,kBAAC,CAAAU,GAAA,EAAAR,qBAAe,CAAAuB,IAAA;MAGhB,IAGA,mBAAAzB,kBAAA,CAAAU,GAAC,EAAAW,SAAA;QAGDC,IAAA;QAGAC,QAAA;MAGA,IAGF,mBAAAvB,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QAEJC,IAAA","ignoreList":[]}
|
package/dist/cjs/ButtonDemo.cjs
CHANGED
|
@@ -27,10 +27,10 @@ __export(ButtonDemo_exports, {
|
|
|
27
27
|
module.exports = __toCommonJS(ButtonDemo_exports);
|
|
28
28
|
var import_button = require("@hanzogui/button");
|
|
29
29
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
30
|
-
var
|
|
30
|
+
var import_hanzogui = require("hanzogui");
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
function ButtonDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
34
34
|
p: "$3",
|
|
35
35
|
gap: "$3",
|
|
36
36
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
@@ -40,7 +40,7 @@ function ButtonDemo() {
|
|
|
40
40
|
icon: import_lucide_icons_2.Airplay,
|
|
41
41
|
size: "$6",
|
|
42
42
|
children: "Large"
|
|
43
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
43
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
44
44
|
gap: "$2",
|
|
45
45
|
justify: "center",
|
|
46
46
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
@@ -52,10 +52,10 @@ function ButtonDemo() {
|
|
|
52
52
|
variant: "outlined",
|
|
53
53
|
children: "Outlined"
|
|
54
54
|
})]
|
|
55
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
55
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
56
56
|
gap: "$2",
|
|
57
57
|
justify: "center",
|
|
58
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
59
59
|
name: "accent",
|
|
60
60
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_button.Button, {
|
|
61
61
|
size: "$3",
|
|
@@ -70,8 +70,8 @@ function ButtonDemo() {
|
|
|
70
70
|
size: "$3",
|
|
71
71
|
children: "iconAfter"
|
|
72
72
|
})]
|
|
73
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
74
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
73
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XGroup, {
|
|
74
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
75
75
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
76
76
|
width: "50%",
|
|
77
77
|
size: "$2",
|
|
@@ -79,7 +79,7 @@ function ButtonDemo() {
|
|
|
79
79
|
opacity: 0.5,
|
|
80
80
|
children: "disabled"
|
|
81
81
|
})
|
|
82
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
82
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
83
83
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
84
84
|
width: "50%",
|
|
85
85
|
size: "$2",
|
|
@@ -30,9 +30,9 @@ module.exports = __toCommonJS(ButtonDemo_exports);
|
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_button = require("@hanzogui/button");
|
|
32
32
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
33
|
-
var
|
|
33
|
+
var import_hanzogui = require("hanzogui");
|
|
34
34
|
function ButtonDemo() {
|
|
35
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
35
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
36
36
|
p: "$3",
|
|
37
37
|
gap: "$3",
|
|
38
38
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
@@ -42,7 +42,7 @@ function ButtonDemo() {
|
|
|
42
42
|
icon: import_lucide_icons_2.Airplay,
|
|
43
43
|
size: "$6",
|
|
44
44
|
children: "Large"
|
|
45
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
45
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
46
46
|
gap: "$2",
|
|
47
47
|
justify: "center",
|
|
48
48
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
@@ -54,10 +54,10 @@ function ButtonDemo() {
|
|
|
54
54
|
variant: "outlined",
|
|
55
55
|
children: "Outlined"
|
|
56
56
|
})]
|
|
57
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
57
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
58
58
|
gap: "$2",
|
|
59
59
|
justify: "center",
|
|
60
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
61
61
|
name: "accent",
|
|
62
62
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_button.Button, {
|
|
63
63
|
size: "$3",
|
|
@@ -72,8 +72,8 @@ function ButtonDemo() {
|
|
|
72
72
|
size: "$3",
|
|
73
73
|
children: "iconAfter"
|
|
74
74
|
})]
|
|
75
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
76
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XGroup, {
|
|
76
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
77
77
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
78
78
|
width: "50%",
|
|
79
79
|
size: "$2",
|
|
@@ -81,7 +81,7 @@ function ButtonDemo() {
|
|
|
81
81
|
opacity: 0.5,
|
|
82
82
|
children: "disabled"
|
|
83
83
|
})
|
|
84
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
84
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
85
85
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
86
86
|
width: "50%",
|
|
87
87
|
size: "$2",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ButtonDemo_exports","__export","ButtonDemo","module","exports","import_jsx_runtime","require","import_button","import_lucide_icons_2","import_hanzogui","jsxs","YStack","p","gap","children","jsx","Button","self","icon","Airplay","size","XStack","justify"],"sources":["../../src/ButtonDemo.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,YAAuB,CAAAK,kBAAA;AACvB,IAAAK,kBAAA,GAAAC,OAAkC;AAClC,IAAAC,aAAA,GAAAD,OAA8C;AAKxC,IAAAE,qBAAA,GAAAF,OAAA;AAHC,IAAAG,eAAS,GAAaH,OAAA;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACK,IAAA,EAAAD,eAAA,CAAAE,MAAO;IACRC,CAAA;IAGAC,GAAA;IACEC,QAAA,GAGA,mBAAAT,kBAAA,CAAAU,GAAA,EAACR,aAAA,CAAAS,MAAA;MAGHF,QAAA;IACA,IACE,mBAAAT,kBAAA,CAAAU,GAAA,EAACR,aAAA,CAAAS,MAAA;MAEGC,IAAA;MAGAC,IAAA,EAAAV,qBAAA,CAAAW,OAAA;MAAoBC,IAExB;MACAN,QAAA;IAEA,CACF,GAEA,mBAAAT,kBAAA,CAAAK,IAAC,EAAAD,eAAA,CAAAY,MAAA,EACC;MAAAR,GAAA;MAMAS,OAAA;MAKFR,QAAA,GACF,mBAAAT,kBAAA,CAAAU,GAAA,EAAAR,aAAA,CAAAS,MAAA;QAEJI,IAAA","ignoreList":[]}
|
package/dist/cjs/CardDemo.cjs
CHANGED
|
@@ -26,12 +26,12 @@ __export(CardDemo_exports, {
|
|
|
26
26
|
DemoCard: () => DemoCard
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(CardDemo_exports);
|
|
29
|
-
var
|
|
29
|
+
var import_hanzogui = require("hanzogui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function CardDemo() {
|
|
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
|
},
|
|
@@ -58,29 +58,29 @@ function CardDemo() {
|
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
60
|
function DemoCard(props) {
|
|
61
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
61
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card, {
|
|
62
62
|
size: "$4",
|
|
63
63
|
borderWidth: 1,
|
|
64
64
|
borderColor: "$borderColor",
|
|
65
65
|
...props,
|
|
66
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
66
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Header, {
|
|
67
67
|
p: "$4",
|
|
68
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
68
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
|
|
69
69
|
children: "Sony A7IV"
|
|
70
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
70
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
71
71
|
children: "Now available"
|
|
72
72
|
})]
|
|
73
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
73
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Footer, {
|
|
74
74
|
p: "$4",
|
|
75
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
76
76
|
flex: 1
|
|
77
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
78
78
|
rounded: "$10",
|
|
79
79
|
children: "Purchase"
|
|
80
80
|
})]
|
|
81
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
81
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Card.Background, {
|
|
82
82
|
items: "center",
|
|
83
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Image, {
|
|
84
84
|
objectFit: "contain",
|
|
85
85
|
width: 300,
|
|
86
86
|
height: 300,
|
|
@@ -29,11 +29,11 @@ __export(CardDemo_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(CardDemo_exports);
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
-
var
|
|
32
|
+
var import_hanzogui = require("hanzogui");
|
|
33
33
|
function CardDemo() {
|
|
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
|
},
|
|
@@ -60,29 +60,29 @@ function CardDemo() {
|
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
62
|
function DemoCard(props) {
|
|
63
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
63
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card, {
|
|
64
64
|
size: "$4",
|
|
65
65
|
borderWidth: 1,
|
|
66
66
|
borderColor: "$borderColor",
|
|
67
67
|
...props,
|
|
68
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
68
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Header, {
|
|
69
69
|
p: "$4",
|
|
70
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
70
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
|
|
71
71
|
children: "Sony A7IV"
|
|
72
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
72
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
73
73
|
children: "Now available"
|
|
74
74
|
})]
|
|
75
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
75
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Footer, {
|
|
76
76
|
p: "$4",
|
|
77
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
78
78
|
flex: 1
|
|
79
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
79
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
80
80
|
rounded: "$10",
|
|
81
81
|
children: "Purchase"
|
|
82
82
|
})]
|
|
83
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Card.Background, {
|
|
84
84
|
items: "center",
|
|
85
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
85
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Image, {
|
|
86
86
|
objectFit: "contain",
|
|
87
87
|
width: 300,
|
|
88
88
|
height: 300,
|