@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
|
@@ -40,7 +40,7 @@ __export(TabsDemo_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(TabsDemo_exports);
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
var import_react = __toESM(require("react"), 1);
|
|
43
|
-
var
|
|
43
|
+
var import_hanzogui = require("hanzogui");
|
|
44
44
|
var demos = ["horizontal", "vertical"];
|
|
45
45
|
var demosTitle = {
|
|
46
46
|
horizontal: "Horizontal",
|
|
@@ -49,12 +49,12 @@ var demosTitle = {
|
|
|
49
49
|
function TabsDemo() {
|
|
50
50
|
var [demoIndex, setDemoIndex] = import_react.default.useState(0);
|
|
51
51
|
var demo = demos[demoIndex];
|
|
52
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
52
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
53
53
|
px: "$4",
|
|
54
|
-
...(
|
|
54
|
+
...(import_hanzogui.isWeb && {
|
|
55
55
|
position: "unset"
|
|
56
56
|
}),
|
|
57
|
-
children: [demo === "horizontal" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(VerticalTabs, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
57
|
+
children: [demo === "horizontal" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(VerticalTabs, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
58
58
|
items: "center",
|
|
59
59
|
gap: "$4",
|
|
60
60
|
position: "absolute",
|
|
@@ -63,7 +63,7 @@ function TabsDemo() {
|
|
|
63
63
|
$maxXs: {
|
|
64
64
|
display: "none"
|
|
65
65
|
},
|
|
66
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
66
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
67
67
|
size: "$2",
|
|
68
68
|
onPress: function () {
|
|
69
69
|
return setDemoIndex(function (x) {
|
|
@@ -78,8 +78,8 @@ function TabsDemo() {
|
|
|
78
78
|
var HorizontalTabs = function () {
|
|
79
79
|
var {
|
|
80
80
|
width
|
|
81
|
-
} = (0,
|
|
82
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
81
|
+
} = (0, import_hanzogui.useWindowDimensions)();
|
|
82
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs, {
|
|
83
83
|
defaultValue: "tab1",
|
|
84
84
|
orientation: "horizontal",
|
|
85
85
|
flexDirection: "column",
|
|
@@ -91,65 +91,65 @@ var HorizontalTabs = function () {
|
|
|
91
91
|
rounded: "$4",
|
|
92
92
|
borderWidth: "$0.25",
|
|
93
93
|
borderColor: "$borderColor",
|
|
94
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
94
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs.List, {
|
|
95
95
|
"aria-label": "Manage your account",
|
|
96
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
96
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
|
|
97
97
|
activeStyle: {
|
|
98
98
|
backgroundColor: "$color3"
|
|
99
99
|
},
|
|
100
100
|
flex: 1,
|
|
101
101
|
value: "tab1",
|
|
102
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
102
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
|
|
103
103
|
fontFamily: "$body",
|
|
104
104
|
text: "center",
|
|
105
105
|
ellipsis: true,
|
|
106
106
|
children: "Profile"
|
|
107
107
|
})
|
|
108
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
108
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
|
|
109
109
|
activeStyle: {
|
|
110
110
|
backgroundColor: "$color3"
|
|
111
111
|
},
|
|
112
112
|
flex: 1,
|
|
113
113
|
value: "tab2",
|
|
114
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
114
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
|
|
115
115
|
fontFamily: "$body",
|
|
116
116
|
text: "center",
|
|
117
117
|
ellipsis: true,
|
|
118
118
|
children: "Connections"
|
|
119
119
|
})
|
|
120
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
120
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
|
|
121
121
|
activeStyle: {
|
|
122
122
|
backgroundColor: "$color3"
|
|
123
123
|
},
|
|
124
124
|
flex: 1,
|
|
125
125
|
value: "tab3",
|
|
126
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
126
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
|
|
127
127
|
fontFamily: "$body",
|
|
128
128
|
text: "center",
|
|
129
129
|
ellipsis: true,
|
|
130
130
|
children: "Notifications"
|
|
131
131
|
})
|
|
132
132
|
})]
|
|
133
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
133
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
134
134
|
value: "tab1",
|
|
135
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
135
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
|
|
136
136
|
children: "Profile"
|
|
137
137
|
})
|
|
138
138
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
139
139
|
value: "tab2",
|
|
140
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
140
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
|
|
141
141
|
children: "Connections"
|
|
142
142
|
})
|
|
143
143
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
144
144
|
value: "tab3",
|
|
145
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
145
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
|
|
146
146
|
children: "Notifications"
|
|
147
147
|
})
|
|
148
148
|
})]
|
|
149
149
|
});
|
|
150
150
|
};
|
|
151
151
|
var VerticalTabs = function () {
|
|
152
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
152
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs, {
|
|
153
153
|
defaultValue: "tab1",
|
|
154
154
|
flexDirection: "row",
|
|
155
155
|
orientation: "vertical",
|
|
@@ -158,50 +158,50 @@ var VerticalTabs = function () {
|
|
|
158
158
|
borderWidth: "$0.25",
|
|
159
159
|
overflow: "hidden",
|
|
160
160
|
borderColor: "$borderColor",
|
|
161
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
161
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Tabs.List, {
|
|
162
162
|
"aria-label": "Manage your account",
|
|
163
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
163
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
|
|
164
164
|
activeStyle: {
|
|
165
165
|
backgroundColor: "$color3"
|
|
166
166
|
},
|
|
167
167
|
value: "tab1",
|
|
168
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
168
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
|
|
169
169
|
children: "Profile"
|
|
170
170
|
})
|
|
171
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
171
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
|
|
172
172
|
activeStyle: {
|
|
173
173
|
backgroundColor: "$color3"
|
|
174
174
|
},
|
|
175
175
|
value: "tab2",
|
|
176
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
176
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
|
|
177
177
|
children: "Connections"
|
|
178
178
|
})
|
|
179
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
179
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Tab, {
|
|
180
180
|
activeStyle: {
|
|
181
181
|
backgroundColor: "$color3"
|
|
182
182
|
},
|
|
183
183
|
value: "tab3",
|
|
184
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
184
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
|
|
185
185
|
children: "Notifications"
|
|
186
186
|
})
|
|
187
187
|
})]
|
|
188
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
188
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
|
|
189
189
|
vertical: true
|
|
190
190
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
191
191
|
value: "tab1",
|
|
192
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
192
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
|
|
193
193
|
text: "center",
|
|
194
194
|
children: "Profile"
|
|
195
195
|
})
|
|
196
196
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
197
197
|
value: "tab2",
|
|
198
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
198
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
|
|
199
199
|
text: "center",
|
|
200
200
|
children: "Connections"
|
|
201
201
|
})
|
|
202
202
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
203
203
|
value: "tab3",
|
|
204
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
204
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H5, {
|
|
205
205
|
text: "center",
|
|
206
206
|
children: "Notifications"
|
|
207
207
|
})
|
|
@@ -209,7 +209,7 @@ var VerticalTabs = function () {
|
|
|
209
209
|
});
|
|
210
210
|
};
|
|
211
211
|
var TabsContent = function (props) {
|
|
212
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
212
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Tabs.Content, {
|
|
213
213
|
bg: "$background",
|
|
214
214
|
p: "$2",
|
|
215
215
|
items: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TabsDemo_exports","__export","TabsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TabsDemo_exports","__export","TabsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_hanzogui","demos","demosTitle","horizontal","vertical","demoIndex","setDemoIndex","default","useState","demo","jsxs","YStack","px","isWeb","position","children","jsx","HorizontalTabs","VerticalTabs","XStack","items","gap","b","l","$maxXs","display","Button","size","onPress","x","length","width","useWindowDimensions","Tabs","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","SizableText","fontFamily","text","ellipsis","Separator","TabsContent","H5","overflow"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -30,17 +30,17 @@ __export(TabsHeadlessDemo_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(TabsHeadlessDemo_exports);
|
|
32
32
|
var import_react = require("react");
|
|
33
|
-
var
|
|
33
|
+
var import_hanzogui = require("hanzogui");
|
|
34
34
|
var import_tabs = require("@hanzogui/tabs");
|
|
35
35
|
var import_get_button_sized = require("@hanzogui/get-button-sized");
|
|
36
36
|
var import_jsx_runtime =
|
|
37
37
|
// web only fix for position relative
|
|
38
38
|
require("react/jsx-runtime");
|
|
39
39
|
const demos = ["horizontal", "vertical"];
|
|
40
|
-
const TabsFrame = (0,
|
|
40
|
+
const TabsFrame = (0, import_hanzogui.styled)(import_hanzogui.SizableStack, {
|
|
41
41
|
name: "TabsFrame"
|
|
42
42
|
});
|
|
43
|
-
const TabFrame = (0,
|
|
43
|
+
const TabFrame = (0, import_hanzogui.styled)(import_hanzogui.ThemeableStack, {
|
|
44
44
|
name: "TabsTrigger",
|
|
45
45
|
render: "button",
|
|
46
46
|
cursor: "pointer",
|
|
@@ -67,7 +67,7 @@ const TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
|
|
|
67
67
|
}
|
|
68
68
|
});
|
|
69
69
|
const CONTENT_NAME = "TabsContent";
|
|
70
|
-
const ContentFrame = (0,
|
|
70
|
+
const ContentFrame = (0, import_hanzogui.styled)(import_hanzogui.ThemeableStack, {
|
|
71
71
|
name: CONTENT_NAME,
|
|
72
72
|
flex: 1,
|
|
73
73
|
p: "$6",
|
|
@@ -83,14 +83,14 @@ const CustomTabs = (0, import_tabs.createTabs)({
|
|
|
83
83
|
});
|
|
84
84
|
function TabsHeadlessDemo() {
|
|
85
85
|
const [demo, setDemo] = (0, import_react.useState)(demos[0]);
|
|
86
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
86
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
87
87
|
px: "$4",
|
|
88
|
-
...(
|
|
88
|
+
...(import_hanzogui.isWeb && {
|
|
89
89
|
position: "static"
|
|
90
90
|
}),
|
|
91
91
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsView, {
|
|
92
92
|
flexDirection: demo === "horizontal" ? "row" : "column"
|
|
93
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
93
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
94
94
|
items: "center",
|
|
95
95
|
gap: "$4",
|
|
96
96
|
position: "absolute",
|
|
@@ -99,10 +99,10 @@ function TabsHeadlessDemo() {
|
|
|
99
99
|
$xxs: {
|
|
100
100
|
display: "none"
|
|
101
101
|
},
|
|
102
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
102
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
103
103
|
size: "$2",
|
|
104
104
|
onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
|
|
105
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
105
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button.Text, {
|
|
106
106
|
textTransform: "capitalize",
|
|
107
107
|
children: demo
|
|
108
108
|
})
|
|
@@ -44,14 +44,14 @@ __export(TabsHeadlessDemo_exports, {
|
|
|
44
44
|
module.exports = __toCommonJS(TabsHeadlessDemo_exports);
|
|
45
45
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
46
46
|
var import_react = __toESM(require("react"), 1);
|
|
47
|
-
var
|
|
47
|
+
var import_hanzogui = require("hanzogui");
|
|
48
48
|
var import_tabs = require("@hanzogui/tabs");
|
|
49
49
|
var import_get_button_sized = require("@hanzogui/get-button-sized");
|
|
50
50
|
var demos = ["horizontal", "vertical"];
|
|
51
|
-
var TabsFrame = (0,
|
|
51
|
+
var TabsFrame = (0, import_hanzogui.styled)(import_hanzogui.SizableStack, {
|
|
52
52
|
name: "TabsFrame"
|
|
53
53
|
});
|
|
54
|
-
var TabFrame = (0,
|
|
54
|
+
var TabFrame = (0, import_hanzogui.styled)(import_hanzogui.ThemeableStack, {
|
|
55
55
|
name: "TabsTrigger",
|
|
56
56
|
render: "button",
|
|
57
57
|
cursor: "pointer",
|
|
@@ -78,7 +78,7 @@ var TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
|
|
|
78
78
|
}
|
|
79
79
|
});
|
|
80
80
|
var CONTENT_NAME = "TabsContent";
|
|
81
|
-
var ContentFrame = (0,
|
|
81
|
+
var ContentFrame = (0, import_hanzogui.styled)(import_hanzogui.ThemeableStack, {
|
|
82
82
|
name: CONTENT_NAME,
|
|
83
83
|
flex: 1,
|
|
84
84
|
p: "$6",
|
|
@@ -97,14 +97,14 @@ function TabsHeadlessDemo() {
|
|
|
97
97
|
return (
|
|
98
98
|
// web only fix for position relative
|
|
99
99
|
/* @__PURE__ */
|
|
100
|
-
(0, import_jsx_runtime.jsxs)(
|
|
100
|
+
(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
101
101
|
px: "$4",
|
|
102
|
-
...(
|
|
102
|
+
...(import_hanzogui.isWeb && {
|
|
103
103
|
position: "static"
|
|
104
104
|
}),
|
|
105
105
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsView, {
|
|
106
106
|
flexDirection: demo === "horizontal" ? "row" : "column"
|
|
107
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
107
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
108
108
|
items: "center",
|
|
109
109
|
gap: "$4",
|
|
110
110
|
position: "absolute",
|
|
@@ -113,12 +113,12 @@ function TabsHeadlessDemo() {
|
|
|
113
113
|
$xxs: {
|
|
114
114
|
display: "none"
|
|
115
115
|
},
|
|
116
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
116
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
117
117
|
size: "$2",
|
|
118
118
|
onPress: function () {
|
|
119
119
|
return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
|
|
120
120
|
},
|
|
121
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
121
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button.Text, {
|
|
122
122
|
textTransform: "capitalize",
|
|
123
123
|
children: demo
|
|
124
124
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","TabsHeadlessDemo_exports","__export","ContentFrame","CustomTabs","TabFrame","TabsFrame","TabsHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","
|
|
1
|
+
{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","TabsHeadlessDemo_exports","__export","ContentFrame","CustomTabs","TabFrame","TabsFrame","TabsHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","import_hanzogui","import_tabs","import_get_button_sized","demos","styled","SizableStack","name","ThemeableStack","render","cursor","backgroundColor","variants","size","getButtonSized","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","flex","p","justify","items","bg","rounded","createTabs","demo","setDemo","useState","jsxs","YStack","px","isWeb","position","children","jsx","TabsView","flexDirection","XStack","gap","b","l","$xxs","display","Button","onPress","Text","textTransform","content","param"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/TextDemo.cjs
CHANGED
|
@@ -25,25 +25,25 @@ __export(TextDemo_exports, {
|
|
|
25
25
|
TextDemo: () => TextDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(TextDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function TextDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
32
32
|
gap: "$2",
|
|
33
33
|
items: "center",
|
|
34
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
|
|
35
35
|
size: "$3",
|
|
36
36
|
children: "SizableText"
|
|
37
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
37
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
38
38
|
size: "$2",
|
|
39
39
|
fontWeight: "800",
|
|
40
40
|
children: "Paragraph"
|
|
41
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
42
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
41
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Paragraph, {
|
|
42
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Strong, {
|
|
43
43
|
children: "Strong"
|
|
44
|
-
}), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
}), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Em, {
|
|
45
45
|
children: "Em"
|
|
46
|
-
}), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
46
|
+
}), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Span, {
|
|
47
47
|
children: "Span"
|
|
48
48
|
})]
|
|
49
49
|
})]
|
|
@@ -28,24 +28,24 @@ __export(TextDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(TextDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
function TextDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
34
34
|
gap: "$2",
|
|
35
35
|
items: "center",
|
|
36
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
36
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
|
|
37
37
|
size: "$3",
|
|
38
38
|
children: "SizableText"
|
|
39
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
39
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
40
40
|
size: "$2",
|
|
41
41
|
fontWeight: "800",
|
|
42
42
|
children: "Paragraph"
|
|
43
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
44
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
43
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Paragraph, {
|
|
44
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Strong, {
|
|
45
45
|
children: "Strong"
|
|
46
|
-
}), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
46
|
+
}), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Em, {
|
|
47
47
|
children: "Em"
|
|
48
|
-
}), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
48
|
+
}), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Span, {
|
|
49
49
|
children: "Span"
|
|
50
50
|
})]
|
|
51
51
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TextDemo_exports","__export","TextDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TextDemo_exports","__export","TextDemo","module","exports","import_jsx_runtime","require","import_hanzogui","jsxs","YStack","gap","items","children","jsx","SizableText","size","Paragraph","fontWeight"],"sources":["../../src/TextDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiE,CAAAK,gBAAA;AAK3D,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,eAAS,GAAWD,OAAA;AACzB,SACEJ,SAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,eAAA,CAAAE,MAAA;IACDC,GAAA;IAGAC,KAAA;IACEC,QAAA,GAAuB,mBAAAP,kBAAA,CAAAQ,GAAA,EAAAN,eAAA,CAAAO,WAAA;MAAEC,IAAA;MAAWH,QAAA;IAAE,IAAU,eAClD,IAAAP,kBAAA,CAAAQ,GAAA,EAAAN,eAAA,CAAAS,SAAA;MACFD,IAAA;MAEJE,UAAA","ignoreList":[]}
|
|
@@ -25,13 +25,13 @@ __export(ThemeBuilderDemo_exports, {
|
|
|
25
25
|
ThemeBuilderDemo: () => ThemeBuilderDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ThemeBuilderDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function ThemeBuilderDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
32
32
|
fullscreen: true,
|
|
33
33
|
overflow: "hidden",
|
|
34
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
35
35
|
maxH: 200,
|
|
36
36
|
y: -100,
|
|
37
37
|
x: -50,
|
|
@@ -100,76 +100,76 @@ function ThemeBuilderDemo() {
|
|
|
100
100
|
}
|
|
101
101
|
function Col(props) {
|
|
102
102
|
const subTheme = props.subTheme ? `_${props.subTheme}` : "";
|
|
103
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
103
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
104
104
|
p: "$2.5",
|
|
105
105
|
gap: "$3.5",
|
|
106
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
106
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
107
107
|
rounded: "$6",
|
|
108
108
|
size: "$10",
|
|
109
109
|
theme: props.subTheme,
|
|
110
110
|
bg: "$background",
|
|
111
111
|
...props
|
|
112
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
112
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
113
113
|
rounded: "$6",
|
|
114
114
|
size: "$10",
|
|
115
115
|
theme: "orange" + subTheme,
|
|
116
116
|
bg: "$background",
|
|
117
117
|
...props
|
|
118
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
118
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
119
119
|
rounded: "$6",
|
|
120
120
|
size: "$10",
|
|
121
121
|
theme: "yellow" + subTheme,
|
|
122
122
|
bg: "$background",
|
|
123
123
|
...props
|
|
124
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
124
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
125
125
|
rounded: "$6",
|
|
126
126
|
size: "$10",
|
|
127
127
|
theme: "green" + subTheme,
|
|
128
128
|
bg: "$background",
|
|
129
129
|
...props
|
|
130
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
130
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
131
131
|
rounded: "$6",
|
|
132
132
|
size: "$10",
|
|
133
133
|
theme: "blue" + subTheme,
|
|
134
134
|
bg: "$background",
|
|
135
135
|
...props
|
|
136
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
136
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
137
137
|
rounded: "$6",
|
|
138
138
|
size: "$10",
|
|
139
139
|
theme: "purple" + subTheme,
|
|
140
140
|
bg: "$background",
|
|
141
141
|
...props
|
|
142
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
142
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
143
143
|
rounded: "$6",
|
|
144
144
|
size: "$10",
|
|
145
145
|
theme: "pink" + subTheme,
|
|
146
146
|
bg: "$background",
|
|
147
147
|
...props
|
|
148
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
148
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
149
149
|
rounded: "$6",
|
|
150
150
|
size: "$10",
|
|
151
151
|
theme: "red" + subTheme,
|
|
152
152
|
bg: "$background",
|
|
153
153
|
...props
|
|
154
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
154
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
155
155
|
rounded: "$6",
|
|
156
156
|
size: "$10",
|
|
157
157
|
theme: props.subTheme,
|
|
158
158
|
bg: "$background",
|
|
159
159
|
...props
|
|
160
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
160
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
161
161
|
rounded: "$6",
|
|
162
162
|
size: "$10",
|
|
163
163
|
theme: "orange" + subTheme,
|
|
164
164
|
bg: "$background",
|
|
165
165
|
...props
|
|
166
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
166
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
167
167
|
rounded: "$6",
|
|
168
168
|
size: "$10",
|
|
169
169
|
theme: "yellow" + subTheme,
|
|
170
170
|
bg: "$background",
|
|
171
171
|
...props
|
|
172
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
172
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
173
173
|
rounded: "$6",
|
|
174
174
|
size: "$10",
|
|
175
175
|
theme: "green" + subTheme,
|