@hanzogui/demos 3.0.6 → 4.3.1
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 +17 -15
- package/dist/cjs/AccordionDemo.native.js +17 -15
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +31 -28
- package/dist/cjs/AddThemeDemo.native.js +33 -30
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +20 -18
- package/dist/cjs/AlertDialogDemo.native.js +20 -18
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +40 -35
- package/dist/cjs/AnimationsDelayDemo.native.js +41 -36
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +26 -22
- package/dist/cjs/AnimationsDemo.native.js +28 -27
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +39 -34
- package/dist/cjs/AnimationsEnterDemo.native.js +38 -34
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +66 -64
- package/dist/cjs/AnimationsPresenceDemo.native.js +69 -67
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +16 -14
- package/dist/cjs/AvatarDemo.native.js +16 -14
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +14 -12
- package/dist/cjs/BoxShadowTokenDemo.native.js +21 -19
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.cjs +20 -18
- package/dist/cjs/BuildAButtonDemo.native.js +29 -27
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +17 -15
- package/dist/cjs/ButtonDemo.native.js +17 -15
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +15 -13
- package/dist/cjs/CardDemo.native.js +15 -13
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +17 -15
- package/dist/cjs/CheckboxDemo.native.js +23 -21
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +38 -36
- package/dist/cjs/CheckboxHeadlessDemo.native.js +38 -36
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +41 -39
- package/dist/cjs/CheckboxUnstyledDemo.native.js +42 -40
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +62 -56
- package/dist/cjs/ColorsDemo.native.js +32 -30
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +49 -45
- package/dist/cjs/ContextMenuDemo.native.js +37 -35
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +32 -30
- package/dist/cjs/DialogDemo.native.js +34 -32
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +31 -28
- package/dist/cjs/FormsDemo.native.js +31 -28
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.cjs +51 -42
- package/dist/cjs/Grid.native.js +44 -37
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +15 -13
- package/dist/cjs/GroupDemo.native.js +15 -13
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +14 -12
- package/dist/cjs/HeadingsDemo.native.js +14 -12
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.cjs +14 -12
- package/dist/cjs/ImageDemo.native.js +14 -12
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +14 -12
- package/dist/cjs/InputsDemo.native.js +14 -12
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +14 -12
- package/dist/cjs/LabelDemo.native.js +14 -12
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +15 -13
- package/dist/cjs/LinearGradientDemo.native.js +15 -13
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +15 -13
- package/dist/cjs/ListItemDemo.native.js +15 -13
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +54 -52
- package/dist/cjs/LucideIconsDemo.native.js +69 -67
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +38 -36
- package/dist/cjs/MenuDemo.native.js +38 -36
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +15 -13
- package/dist/cjs/NewInputsDemo.native.js +15 -13
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +25 -23
- package/dist/cjs/PopoverDemo.native.js +25 -23
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +35 -31
- package/dist/cjs/ProgressDemo.native.js +35 -31
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +14 -12
- package/dist/cjs/RadioGroupDemo.native.js +14 -12
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +68 -63
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +60 -60
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +38 -33
- package/dist/cjs/ReplaceThemeDemo.native.js +39 -34
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +14 -12
- package/dist/cjs/ScrollViewDemo.native.js +14 -12
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +49 -45
- package/dist/cjs/SelectDemo.native.js +38 -36
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +16 -14
- package/dist/cjs/SeparatorDemo.native.js +16 -14
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +14 -12
- package/dist/cjs/ShapesDemo.native.js +14 -12
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +124 -118
- package/dist/cjs/SheetDemo.native.js +148 -146
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +14 -12
- package/dist/cjs/SliderDemo.native.js +14 -12
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +14 -12
- package/dist/cjs/SpinnerDemo.native.js +14 -12
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +17 -15
- package/dist/cjs/StacksDemo.native.js +29 -16
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +18 -16
- package/dist/cjs/SwitchDemo.native.js +20 -18
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +38 -36
- package/dist/cjs/SwitchHeadlessDemo.native.js +40 -38
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +50 -48
- package/dist/cjs/SwitchUnstyledDemo.native.js +51 -49
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +315 -293
- package/dist/cjs/TabsAdvancedDemo.native.js +364 -348
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +105 -99
- package/dist/cjs/TabsDemo.native.js +162 -160
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +68 -64
- package/dist/cjs/TabsHeadlessDemo.native.js +94 -81
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +14 -12
- package/dist/cjs/TextDemo.native.js +14 -12
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +115 -110
- package/dist/cjs/ToastDemo.native.js +144 -141
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +29 -27
- package/dist/cjs/ToastDuplicateDemo.native.js +74 -72
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToggleGroupDemo.cjs +18 -16
- package/dist/cjs/ToggleGroupDemo.native.js +18 -16
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +80 -74
- package/dist/cjs/TokensDemo.native.js +58 -55
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +18 -16
- package/dist/cjs/TooltipDemo.native.js +18 -16
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +37 -33
- package/dist/cjs/UpdateThemeDemo.native.js +38 -34
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.cjs +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/gui.config.cjs +14 -12
- package/dist/cjs/gui.config.native.js +16 -14
- package/dist/cjs/gui.config.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +44 -28
- package/dist/cjs/useOnIntersecting.native.js +84 -70
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +2 -2
- package/dist/esm/AccordionDemo.native.js +2 -2
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.mjs +3 -2
- package/dist/esm/AddThemeDemo.mjs.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +5 -4
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.mjs +6 -6
- package/dist/esm/AlertDialogDemo.native.js +6 -6
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +12 -9
- package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +12 -9
- package/dist/esm/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.mjs +10 -8
- package/dist/esm/AnimationsDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +12 -13
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +10 -7
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +9 -7
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +34 -34
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +36 -36
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.mjs +2 -2
- package/dist/esm/AvatarDemo.native.js +2 -2
- package/dist/esm/BuildAButtonDemo.mjs +5 -5
- package/dist/esm/BuildAButtonDemo.mjs.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +5 -5
- package/dist/esm/BuildAButtonDemo.native.js.map +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 +2 -2
- package/dist/esm/CheckboxDemo.native.js +8 -8
- package/dist/esm/CheckboxHeadlessDemo.mjs +8 -8
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +8 -8
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +24 -24
- package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +24 -24
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.mjs +47 -43
- package/dist/esm/ColorsDemo.mjs.map +1 -1
- package/dist/esm/ColorsDemo.native.js +17 -17
- package/dist/esm/ColorsDemo.native.js.map +1 -1
- package/dist/esm/ContextMenuDemo.mjs +20 -18
- package/dist/esm/ContextMenuDemo.mjs.map +1 -1
- package/dist/esm/ContextMenuDemo.native.js +8 -8
- package/dist/esm/ContextMenuDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +15 -15
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +17 -17
- package/dist/esm/DialogDemo.native.js.map +1 -1
- package/dist/esm/FormsDemo.mjs +4 -3
- package/dist/esm/FormsDemo.mjs.map +1 -1
- package/dist/esm/FormsDemo.native.js +4 -3
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.mjs +23 -16
- package/dist/esm/Grid.mjs.map +1 -1
- package/dist/esm/Grid.native.js +16 -11
- package/dist/esm/Grid.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +24 -24
- package/dist/esm/LucideIconsDemo.mjs.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +31 -31
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/MenuDemo.mjs +9 -9
- package/dist/esm/MenuDemo.mjs.map +1 -1
- package/dist/esm/MenuDemo.native.js +9 -9
- package/dist/esm/MenuDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +9 -9
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +9 -9
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.mjs +7 -5
- package/dist/esm/ProgressDemo.mjs.map +1 -1
- package/dist/esm/ProgressDemo.native.js +7 -5
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +38 -35
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +30 -32
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +10 -7
- package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +11 -8
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +20 -18
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +9 -9
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +2 -2
- package/dist/esm/SeparatorDemo.native.js +2 -2
- package/dist/esm/SheetDemo.mjs +95 -91
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +119 -119
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.mjs +3 -3
- package/dist/esm/StacksDemo.native.js +4 -3
- package/dist/esm/StacksDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.mjs +4 -4
- package/dist/esm/SwitchDemo.native.js +6 -6
- package/dist/esm/SwitchHeadlessDemo.mjs +9 -9
- package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +11 -11
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +34 -34
- package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +34 -34
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +288 -268
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +337 -323
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +77 -73
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.native.js +135 -135
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +48 -46
- package/dist/esm/TabsHeadlessDemo.mjs.map +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +67 -67
- package/dist/esm/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +86 -83
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +115 -114
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToggleGroupDemo.mjs +3 -3
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +3 -3
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.mjs +52 -48
- package/dist/esm/TokensDemo.mjs.map +1 -1
- package/dist/esm/TokensDemo.native.js +24 -23
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.mjs +3 -3
- package/dist/esm/TooltipDemo.native.js +3 -3
- package/dist/esm/UpdateThemeDemo.mjs +8 -6
- package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +9 -7
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/esm/gui.config.native.js +2 -2
- package/dist/esm/gui.config.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +30 -16
- package/dist/esm/useOnIntersecting.mjs.map +1 -1
- package/dist/esm/useOnIntersecting.native.js +70 -58
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/package.json +2 -2
- package/src/MenuDemo.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TabsAdvancedDemo_exports","__export","TabsAdvancedDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_gui","demos","demosTitle","background","underline","demoIndex","setDemoIndex","default","useState","demo","jsxs","Fragment","children","jsx","TabsAdvancedUnderline","TabsAdvancedBackground","XStack","items","gap","position","b","l","$xxs","display","Button","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","Tabs","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","AnimatePresence","TabsRovingIndicator","width","y","theme","YStack","List","loop","backgroundColor","Tab","unstyled","paddingVertical","paddingHorizontal","onInteraction","SizableText","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","H5","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TabsAdvancedDemo_exports","__export","TabsAdvancedDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_gui","demos","demosTitle","background","underline","demoIndex","setDemoIndex","default","useState","demo","jsxs","Fragment","children","jsx","TabsAdvancedUnderline","TabsAdvancedBackground","XStack","items","gap","position","b","l","$xxs","display","Button","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","Tabs","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","AnimatePresence","TabsRovingIndicator","width","y","theme","YStack","List","loop","backgroundColor","Tab","unstyled","paddingVertical","paddingHorizontal","onInteraction","SizableText","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","H5","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/TabsDemo.cjs
CHANGED
|
@@ -2,49 +2,51 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
6
|
-
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
32
34
|
var TabsDemo_exports = {};
|
|
33
35
|
__export(TabsDemo_exports, {
|
|
34
36
|
TabsDemo: () => TabsDemo
|
|
35
37
|
});
|
|
36
38
|
module.exports = __toCommonJS(TabsDemo_exports);
|
|
37
|
-
var import_react = __toESM(require("react"), 1)
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
const demos = ["horizontal", "vertical"]
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
var import_react = __toESM(require("react"), 1);
|
|
40
|
+
var import_gui = require("@hanzo/gui");
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
const demos = ["horizontal", "vertical"];
|
|
43
|
+
const demosTitle = {
|
|
44
|
+
horizontal: "Horizontal",
|
|
45
|
+
vertical: "Vertical"
|
|
46
|
+
};
|
|
45
47
|
function TabsDemo() {
|
|
46
|
-
const [demoIndex, setDemoIndex] = import_react.default.useState(0)
|
|
47
|
-
|
|
48
|
+
const [demoIndex, setDemoIndex] = import_react.default.useState(0);
|
|
49
|
+
const demo = demos[demoIndex];
|
|
48
50
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
49
51
|
px: "$4",
|
|
50
52
|
...(import_gui.isWeb && {
|
|
@@ -68,79 +70,80 @@ function TabsDemo() {
|
|
|
68
70
|
});
|
|
69
71
|
}
|
|
70
72
|
const HorizontalTabs = () => {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
value: "tab1",
|
|
94
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
95
|
-
fontFamily: "$body",
|
|
96
|
-
text: "center",
|
|
97
|
-
ellipsis: !0,
|
|
98
|
-
children: "Profile"
|
|
99
|
-
})
|
|
100
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
101
|
-
activeStyle: {
|
|
102
|
-
backgroundColor: "$color3"
|
|
103
|
-
},
|
|
104
|
-
flex: 1,
|
|
105
|
-
value: "tab2",
|
|
106
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
107
|
-
fontFamily: "$body",
|
|
108
|
-
text: "center",
|
|
109
|
-
ellipsis: !0,
|
|
110
|
-
children: "Connections"
|
|
111
|
-
})
|
|
112
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
113
|
-
activeStyle: {
|
|
114
|
-
backgroundColor: "$color3"
|
|
115
|
-
},
|
|
116
|
-
flex: 1,
|
|
117
|
-
value: "tab3",
|
|
118
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
119
|
-
fontFamily: "$body",
|
|
120
|
-
text: "center",
|
|
121
|
-
ellipsis: !0,
|
|
122
|
-
children: "Notifications"
|
|
123
|
-
})
|
|
124
|
-
})]
|
|
125
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
73
|
+
const {
|
|
74
|
+
width
|
|
75
|
+
} = (0, import_gui.useWindowDimensions)();
|
|
76
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
|
|
77
|
+
defaultValue: "tab1",
|
|
78
|
+
orientation: "horizontal",
|
|
79
|
+
flexDirection: "column",
|
|
80
|
+
$maxMd: {
|
|
81
|
+
width: width - 32
|
|
82
|
+
},
|
|
83
|
+
width: 400,
|
|
84
|
+
height: 150,
|
|
85
|
+
rounded: "$4",
|
|
86
|
+
borderWidth: "$0.25",
|
|
87
|
+
borderColor: "$borderColor",
|
|
88
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
|
|
89
|
+
"aria-label": "Manage your account",
|
|
90
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
91
|
+
activeStyle: {
|
|
92
|
+
backgroundColor: "$color3"
|
|
93
|
+
},
|
|
94
|
+
flex: 1,
|
|
126
95
|
value: "tab1",
|
|
127
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.
|
|
96
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
97
|
+
fontFamily: "$body",
|
|
98
|
+
text: "center",
|
|
99
|
+
ellipsis: true,
|
|
128
100
|
children: "Profile"
|
|
129
101
|
})
|
|
130
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
102
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
103
|
+
activeStyle: {
|
|
104
|
+
backgroundColor: "$color3"
|
|
105
|
+
},
|
|
106
|
+
flex: 1,
|
|
131
107
|
value: "tab2",
|
|
132
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.
|
|
108
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
109
|
+
fontFamily: "$body",
|
|
110
|
+
text: "center",
|
|
111
|
+
ellipsis: true,
|
|
133
112
|
children: "Connections"
|
|
134
113
|
})
|
|
135
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
114
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
115
|
+
activeStyle: {
|
|
116
|
+
backgroundColor: "$color3"
|
|
117
|
+
},
|
|
118
|
+
flex: 1,
|
|
136
119
|
value: "tab3",
|
|
137
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.
|
|
120
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
121
|
+
fontFamily: "$body",
|
|
122
|
+
text: "center",
|
|
123
|
+
ellipsis: true,
|
|
138
124
|
children: "Notifications"
|
|
139
125
|
})
|
|
140
126
|
})]
|
|
141
|
-
})
|
|
142
|
-
|
|
143
|
-
|
|
127
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
128
|
+
value: "tab1",
|
|
129
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
130
|
+
children: "Profile"
|
|
131
|
+
})
|
|
132
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
133
|
+
value: "tab2",
|
|
134
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
135
|
+
children: "Connections"
|
|
136
|
+
})
|
|
137
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
138
|
+
value: "tab3",
|
|
139
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
140
|
+
children: "Notifications"
|
|
141
|
+
})
|
|
142
|
+
})]
|
|
143
|
+
});
|
|
144
|
+
};
|
|
145
|
+
const VerticalTabs = () => {
|
|
146
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
|
|
144
147
|
defaultValue: "tab1",
|
|
145
148
|
flexDirection: "row",
|
|
146
149
|
orientation: "vertical",
|
|
@@ -177,7 +180,7 @@ const HorizontalTabs = () => {
|
|
|
177
180
|
})
|
|
178
181
|
})]
|
|
179
182
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
|
|
180
|
-
vertical:
|
|
183
|
+
vertical: true
|
|
181
184
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
|
|
182
185
|
value: "tab1",
|
|
183
186
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
@@ -197,8 +200,10 @@ const HorizontalTabs = () => {
|
|
|
197
200
|
children: "Notifications"
|
|
198
201
|
})
|
|
199
202
|
})]
|
|
200
|
-
})
|
|
201
|
-
|
|
203
|
+
});
|
|
204
|
+
};
|
|
205
|
+
const TabsContent = props => {
|
|
206
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {
|
|
202
207
|
bg: "$background",
|
|
203
208
|
p: "$2",
|
|
204
209
|
items: "center",
|
|
@@ -211,4 +216,5 @@ const HorizontalTabs = () => {
|
|
|
211
216
|
borderWidth: "$2",
|
|
212
217
|
...props,
|
|
213
218
|
children: props.children
|
|
214
|
-
}, "tab3");
|
|
219
|
+
}, "tab3");
|
|
220
|
+
};
|