@hanzogui/demos 8.0.0 → 8.0.2
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/BrandTokensDemo.cjs +137 -0
- package/dist/cjs/BrandTokensDemo.native.js +145 -0
- package/dist/cjs/BrandTokensDemo.native.js.map +1 -0
- 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 +18 -18
- package/dist/cjs/ListItemDemo.native.js +18 -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 +33 -33
- package/dist/cjs/TabsAdvancedDemo.native.js +33 -33
- 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 +18 -18
- package/dist/cjs/ToastDemo.native.js +18 -18
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +6 -6
- package/dist/cjs/ToastDuplicateDemo.native.js +6 -6
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +13 -13
- package/dist/cjs/ToastV1Demo.native.js +13 -13
- package/dist/cjs/ToastV1Demo.native.js.map +1 -1
- 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/hanzogui.config.cjs +2 -2
- package/dist/cjs/hanzogui.config.native.js +2 -2
- package/dist/cjs/hanzogui.config.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.native.js +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/BrandTokensDemo.mjs +112 -0
- package/dist/esm/BrandTokensDemo.mjs.map +1 -0
- package/dist/esm/BrandTokensDemo.native.js +117 -0
- package/dist/esm/BrandTokensDemo.native.js.map +1 -0
- 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 +1 -1
- package/dist/esm/ListItemDemo.native.js +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.native.js +2 -2
- 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 +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +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 +2 -2
- package/dist/esm/ToastDemo.native.js +2 -2
- package/dist/esm/ToastDuplicateDemo.mjs +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +1 -1
- package/dist/esm/ToastV1Demo.mjs +1 -1
- package/dist/esm/ToastV1Demo.native.js +1 -1
- 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.native.js +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +1 -1
- package/dist/esm/hanzogui.config.mjs +1 -1
- package/dist/esm/hanzogui.config.native.js +1 -1
- package/dist/esm/useOnIntersecting.mjs +1 -1
- package/dist/esm/useOnIntersecting.native.js +1 -1
- package/package.json +4 -4
- 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/BrandTokensDemo.tsx +105 -0
- 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 +1 -1
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +1 -1
- 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 -3
- 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 +2 -2
- 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 +2 -2
- package/src/ToastDuplicateDemo.tsx +1 -1
- package/src/ToastV1Demo.tsx +1 -1
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TokensDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -2
- package/src/UpdateThemeDemo.tsx +1 -1
- package/src/hanzogui.config.ts +1 -1
- package/src/useOnIntersecting.tsx +1 -1
|
@@ -42,16 +42,16 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
42
42
|
var import_react = __toESM(require("react"), 1);
|
|
43
43
|
var import_switch_headless = require("@hanzogui/switch-headless");
|
|
44
44
|
var import_react_native = require("react-native");
|
|
45
|
-
var
|
|
45
|
+
var import_gui = require("@hanzo/gui");
|
|
46
46
|
function SwitchHeadlessDemo() {
|
|
47
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
47
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
48
48
|
width: 200,
|
|
49
49
|
items: "center",
|
|
50
50
|
gap: "$3",
|
|
51
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
51
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
52
52
|
gap: "$3",
|
|
53
53
|
items: "center",
|
|
54
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
55
55
|
htmlFor: "headless",
|
|
56
56
|
children: "Headless"
|
|
57
57
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessSwitch, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchHeadlessDemo_exports","__export","SwitchHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_switch_headless","import_react_native","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchHeadlessDemo_exports","__export","SwitchHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_switch_headless","import_react_native","import_gui","jsx","YStack","width","items","gap","children","jsxs","XStack","Label","htmlFor","HeadlessSwitch","defaultChecked","id","default","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","useSwitch","animation","Animated","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","Fragment","Pressable","style","height"],"sources":["../../src/SwitchHeadlessDemo.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,YAAkB,CAAAK,0BAAA;AAElB,IAAAK,kBAAA,GAAAC,OAA0B;AAG1B,IAAAC,YAAA,GAAAC,OAAoC,CAAAF,OAAA;AACpC,IAAAG,sBAAsC,GAAAH,OAAA;AAKhC,IAAAI,mBAAA,GAAAJ,OAAA;AAHC,IAAAK,UAAS,GAAAL,OAAA,aAAqB;AACnC,SACEJ,mBAAA;EAEI,0BAAAG,kBAAA,CAACO,GAAA,EAAAD,UAAA,CAAAE,MAAM;IACPC,KAAA;IAA6CC,KAEjD;IAEJC,GAAA;IAEAC,QAAM,iBAAiB,IAAAZ,kBAAM,CAAAa,IAAuC,EAAAP,UAAO,CAAAQ,MAAQ;MACjFH,GAAO;MACPD,KAAQ;MACNE,QAAA,GACC,eAAmB,IAAAZ,kBAAA,CAAAO,GAAA,EAAAD,UAAA,CAAAS,KAAA;QACpBC,OAAA;QACFJ,QAAA;MAEM,CAAC,GAEP,eAAM,IAAAZ,kBAAgB,CAAAO,GAAA,EAAAU,cAAA;QACpBC,cAAA;QACEC,EAAA;MACA;IAEF,CAAC;EACH;AAEA;AAAyB,IACvBF,cACE,GAAU,eAAYf,YAAA,CAAAkB,OAAA,CAAAC,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,IACpB,CAAAC,OAAA,EAAAC,UAAiB,IAAAvB,YAAA,CAAAkB,OAAA,CAAAM,QAAA,CAAAJ,KAAA,CAAAJ,cAAA;EAAA,IACjB;IAAAS,WAAa;IAACC,SAAK;IAAAC;EAAA,QAAAzB,sBAAA,CAAA0B,SAAA,EAAAR,KAAA,GACrBE,OAAC,EACHC,UAAU,CACZ,EAAAF,GAAA;EAEA,KAAAQ,SACE,IAAA7B,YAAA,CAAAkB,OAAA,CAAAM,QAAA;IACE,WAAArB,mBAAA,CAAA2B,QAAA,CAAAC,KAAA;EAAA;EAAC/B,YAAA,CAAAkB,OAAA,CAAAc,SAAA;IAAA7B,mBACQ,CAAA2B,QAAA,CAAAG,MAAA,CAAAJ,SAAA;MAAAK,OACL,EAAAZ,OAAO;MAAAa,QACP,KAAQ;MAAAC,eACR;IAAc,GAAAC,KACd;EAAyC,IAC3Cf,OACA,EAAKO,SACD;EAEJ,IAAAS,UAAC,GAAAtC,YAAA,CAAAkB,OAAS,CAAAqB,OAAA;IAAA,OAATV,SAAA,CAAAW,WAAA;MAAAC,UACC,GAAO,GACL,EACmB;MACHC,WACd,GAAO,GACC;IAEV;EAC4B,IAC5Bb,SACF;EAAA,OACF,mBAAA/B,kBAAA,CAAAa,IAAA,EAAAb,kBAAA,CAAA6C,QAAA;IAAAjC,QAAA,GACF,mBAAAZ,kBAAA,CAAAO,GAAA,EAAAF,mBAAA,CAAAyC,SAAA;MACCC,KAAA;QACHtC,KAAA;QAEHuC,MAAA","ignoreList":[]}
|
|
@@ -28,7 +28,7 @@ __export(SwitchUnstyledDemo_exports, {
|
|
|
28
28
|
module.exports = __toCommonJS(SwitchUnstyledDemo_exports);
|
|
29
29
|
var import_core = require("@hanzogui/core");
|
|
30
30
|
var import_switch = require("@hanzogui/switch");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
33
|
const Frame = (0, import_core.styled)(import_core.View, {
|
|
34
34
|
width: 40,
|
|
@@ -69,14 +69,14 @@ const Switch = (0, import_switch.createSwitch)({
|
|
|
69
69
|
Thumb
|
|
70
70
|
});
|
|
71
71
|
function SwitchUnstyledDemo() {
|
|
72
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
72
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
73
73
|
width: 200,
|
|
74
74
|
items: "center",
|
|
75
75
|
gap: "$3",
|
|
76
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
76
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
77
77
|
gap: "$3",
|
|
78
78
|
items: "center",
|
|
79
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
79
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
80
80
|
htmlFor: "unstyled-switch",
|
|
81
81
|
children: "Unstyled"
|
|
82
82
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Switch, {
|
|
@@ -31,7 +31,7 @@ module.exports = __toCommonJS(SwitchUnstyledDemo_exports);
|
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_core = require("@hanzogui/core");
|
|
33
33
|
var import_switch = require("@hanzogui/switch");
|
|
34
|
-
var
|
|
34
|
+
var import_gui = require("@hanzo/gui");
|
|
35
35
|
var Frame = (0, import_core.styled)(import_core.View, {
|
|
36
36
|
width: 40,
|
|
37
37
|
height: 20,
|
|
@@ -71,14 +71,14 @@ var Switch = (0, import_switch.createSwitch)({
|
|
|
71
71
|
Thumb
|
|
72
72
|
});
|
|
73
73
|
function SwitchUnstyledDemo() {
|
|
74
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
74
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
75
75
|
width: 200,
|
|
76
76
|
items: "center",
|
|
77
77
|
gap: "$3",
|
|
78
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
78
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
79
79
|
gap: "$3",
|
|
80
80
|
items: "center",
|
|
81
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
81
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
82
82
|
htmlFor: "unstyled-switch",
|
|
83
83
|
children: "Unstyled"
|
|
84
84
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Switch, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchUnstyledDemo_exports","__export","Switch","SwitchUnstyledDemo","module","exports","import_jsx_runtime","require","import_core","import_switch","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchUnstyledDemo_exports","__export","Switch","SwitchUnstyledDemo","module","exports","import_jsx_runtime","require","import_core","import_switch","import_gui","Frame","styled","View","width","height","rounded","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","bg","opacity","createSwitch","jsx","YStack","items","gap"],"sources":["../../src/SwitchUnstyledDemo.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,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA6B,CAAAK,0BAAA;AAC7B,IAAAM,kBAA6B,GAAAC,OAAA;AAC7B,IAAAC,WAAA,GAAsCD,OAAA;AA+ChC,IAAAE,aAAA,GAAAF,OAAA;AA7CN,IAAAG,UAAM,GAAAH,OAAQ,cAAO;AAAM,IACzBI,KAAO,OAAAH,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACPC,KAAA,IAAQ;EACRC,MAAA,IAAS;EACTC,OAAA,IAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACFC,eAAA;MACA;MAAOC,KACL;QACFD,eAAA;MACF;IACF;EACA;EAAiBE,eACN;IACXJ,OAAA;EACD;AAED;AAA2B,IACzBK,KAAO,OAAAf,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACPC,KAAA,IAAQ;EACRC,MAAI;EACJS,EAAA,SAAS;EAETR,OAAA,IAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACFM,OAAA;MACA;MAAOJ,KACL;QACFI,OAAA;MACF;IACF;EACD;AAEM;AAA4B,IACjCvB,MAAA,OAAAO,aAAA,CAAAiB,YAAA;EACAf,KAAA;EACDY;AAEM;AACL,SACEpB,mBAAA;EAEI,0BAAAG,kBAAA,CAACqB,GAAA,EAAAjB,UAAA,CAAAkB,MAAM;IACPd,KAAA;IAEAe,KAEJ;IAEJC,GAAA","ignoreList":[]}
|
|
@@ -37,7 +37,7 @@ __export(TabsAdvancedDemo_exports, {
|
|
|
37
37
|
});
|
|
38
38
|
module.exports = __toCommonJS(TabsAdvancedDemo_exports);
|
|
39
39
|
var import_react = __toESM(require("react"), 1);
|
|
40
|
-
var
|
|
40
|
+
var import_gui = require("@hanzo/gui");
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
const demos = ["background", "underline"];
|
|
43
43
|
const demosTitle = {
|
|
@@ -48,7 +48,7 @@ const TabsAdvancedDemo = () => {
|
|
|
48
48
|
const [demoIndex, setDemoIndex] = import_react.default.useState(0);
|
|
49
49
|
const demo = demos[demoIndex];
|
|
50
50
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
51
|
-
children: [demo === "underline" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
51
|
+
children: [demo === "underline" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
52
52
|
items: "center",
|
|
53
53
|
gap: "$4",
|
|
54
54
|
position: "absolute",
|
|
@@ -57,7 +57,7 @@ const TabsAdvancedDemo = () => {
|
|
|
57
57
|
$xxs: {
|
|
58
58
|
display: "none"
|
|
59
59
|
},
|
|
60
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
61
61
|
size: "$2",
|
|
62
62
|
onPress: () => setDemoIndex(x => (x + 1) % demos.length),
|
|
63
63
|
children: demosTitle[demo]
|
|
@@ -104,7 +104,7 @@ const TabsAdvancedBackground = () => {
|
|
|
104
104
|
setIntentIndicator(layout);
|
|
105
105
|
}
|
|
106
106
|
};
|
|
107
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
107
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
|
|
108
108
|
value: currentTab,
|
|
109
109
|
onValueChange: setCurrentTab,
|
|
110
110
|
orientation: "horizontal",
|
|
@@ -115,7 +115,7 @@ const TabsAdvancedBackground = () => {
|
|
|
115
115
|
activationMode: "manual",
|
|
116
116
|
bg: "$background",
|
|
117
117
|
rounded: "$4",
|
|
118
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
118
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
119
119
|
children: intentAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
120
120
|
rounded: "$4",
|
|
121
121
|
width: intentAt.width,
|
|
@@ -123,7 +123,7 @@ const TabsAdvancedBackground = () => {
|
|
|
123
123
|
x: intentAt.x,
|
|
124
124
|
y: intentAt.y
|
|
125
125
|
})
|
|
126
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
126
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
127
127
|
children: activeAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
128
128
|
rounded: "$4",
|
|
129
129
|
theme: "accent",
|
|
@@ -132,52 +132,52 @@ const TabsAdvancedBackground = () => {
|
|
|
132
132
|
x: activeAt.x,
|
|
133
133
|
y: activeAt.y
|
|
134
134
|
})
|
|
135
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
135
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
136
136
|
position: "relative",
|
|
137
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
137
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
|
|
138
138
|
loop: false,
|
|
139
139
|
"aria-label": "Manage your account",
|
|
140
140
|
gap: "$2",
|
|
141
141
|
backgroundColor: "transparent",
|
|
142
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
142
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
143
143
|
unstyled: true,
|
|
144
144
|
paddingHorizontal: "$3",
|
|
145
145
|
value: "tab1",
|
|
146
146
|
onInteraction: handleOnInteraction,
|
|
147
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
147
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
148
148
|
children: "Profile"
|
|
149
149
|
})
|
|
150
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
150
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
151
151
|
unstyled: true,
|
|
152
152
|
paddingHorizontal: "$3",
|
|
153
153
|
value: "tab2",
|
|
154
154
|
onInteraction: handleOnInteraction,
|
|
155
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
155
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
156
156
|
children: "Connections"
|
|
157
157
|
})
|
|
158
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
158
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
159
159
|
unstyled: true,
|
|
160
160
|
paddingHorizontal: "$3",
|
|
161
161
|
value: "tab3",
|
|
162
162
|
onInteraction: handleOnInteraction,
|
|
163
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
163
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
164
164
|
children: "Notifications"
|
|
165
165
|
})
|
|
166
166
|
})]
|
|
167
167
|
})
|
|
168
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
168
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
169
169
|
exitBeforeEnter: true,
|
|
170
170
|
custom: {
|
|
171
171
|
direction
|
|
172
172
|
},
|
|
173
173
|
initial: false,
|
|
174
174
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedYStack, {
|
|
175
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
175
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {
|
|
176
176
|
value: currentTab,
|
|
177
177
|
forceMount: true,
|
|
178
178
|
flex: 1,
|
|
179
179
|
justify: "center",
|
|
180
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
180
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
181
181
|
text: "center",
|
|
182
182
|
children: currentTab
|
|
183
183
|
})
|
|
@@ -225,7 +225,7 @@ const TabsAdvancedUnderline = () => {
|
|
|
225
225
|
setIntentIndicator(layout);
|
|
226
226
|
}
|
|
227
227
|
};
|
|
228
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
228
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
|
|
229
229
|
value: currentTab,
|
|
230
230
|
onValueChange: setCurrentTab,
|
|
231
231
|
orientation: "horizontal",
|
|
@@ -235,16 +235,16 @@ const TabsAdvancedUnderline = () => {
|
|
|
235
235
|
activationMode: "manual",
|
|
236
236
|
bg: "$background",
|
|
237
237
|
rounded: "$4",
|
|
238
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
238
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
239
239
|
position: "relative",
|
|
240
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
240
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
241
241
|
children: intentAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
242
242
|
width: intentAt.width,
|
|
243
243
|
height: "$0.5",
|
|
244
244
|
x: intentAt.x,
|
|
245
245
|
b: 0
|
|
246
246
|
})
|
|
247
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
247
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
248
248
|
children: activeAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
249
249
|
theme: "accent",
|
|
250
250
|
active: true,
|
|
@@ -253,7 +253,7 @@ const TabsAdvancedUnderline = () => {
|
|
|
253
253
|
x: activeAt.x,
|
|
254
254
|
b: 0
|
|
255
255
|
})
|
|
256
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
256
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
|
|
257
257
|
loop: false,
|
|
258
258
|
"aria-label": "Manage your account",
|
|
259
259
|
borderBottomLeftRadius: 0,
|
|
@@ -262,52 +262,52 @@ const TabsAdvancedUnderline = () => {
|
|
|
262
262
|
borderColor: "$color3",
|
|
263
263
|
borderBottomWidth: "$0.5",
|
|
264
264
|
backgroundColor: "transparent",
|
|
265
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
265
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
266
266
|
unstyled: true,
|
|
267
267
|
paddingHorizontal: "$3",
|
|
268
268
|
value: "tab1",
|
|
269
269
|
onInteraction: handleOnInteraction,
|
|
270
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
270
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
271
271
|
select: "none",
|
|
272
272
|
cursor: "default",
|
|
273
273
|
children: "Profile"
|
|
274
274
|
})
|
|
275
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
275
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
276
276
|
unstyled: true,
|
|
277
277
|
paddingHorizontal: "$3",
|
|
278
278
|
value: "tab2",
|
|
279
279
|
onInteraction: handleOnInteraction,
|
|
280
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
280
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
281
281
|
select: "none",
|
|
282
282
|
cursor: "default",
|
|
283
283
|
children: "Connections"
|
|
284
284
|
})
|
|
285
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
285
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
286
286
|
unstyled: true,
|
|
287
287
|
paddingHorizontal: "$3",
|
|
288
288
|
value: "tab3",
|
|
289
289
|
onInteraction: handleOnInteraction,
|
|
290
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
290
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
291
291
|
select: "none",
|
|
292
292
|
cursor: "default",
|
|
293
293
|
children: "Notifications"
|
|
294
294
|
})
|
|
295
295
|
})]
|
|
296
296
|
})]
|
|
297
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
297
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
298
298
|
mode: "wait",
|
|
299
299
|
custom: {
|
|
300
300
|
direction
|
|
301
301
|
},
|
|
302
302
|
initial: false,
|
|
303
303
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedYStack, {
|
|
304
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
304
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {
|
|
305
305
|
value: currentTab,
|
|
306
306
|
forceMount: true,
|
|
307
307
|
flex: 1,
|
|
308
308
|
justify: "center",
|
|
309
309
|
flexBasis: "auto",
|
|
310
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
310
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
311
311
|
text: "center",
|
|
312
312
|
children: currentTab
|
|
313
313
|
})
|
|
@@ -320,7 +320,7 @@ const TabsRovingIndicator = ({
|
|
|
320
320
|
active,
|
|
321
321
|
...props
|
|
322
322
|
}) => {
|
|
323
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
323
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
324
324
|
position: "absolute",
|
|
325
325
|
backgroundColor: "$color5",
|
|
326
326
|
opacity: 0.7,
|
|
@@ -338,7 +338,7 @@ const TabsRovingIndicator = ({
|
|
|
338
338
|
...props
|
|
339
339
|
});
|
|
340
340
|
};
|
|
341
|
-
const AnimatedYStack = (0,
|
|
341
|
+
const AnimatedYStack = (0, import_gui.styled)(import_gui.YStack, {
|
|
342
342
|
flex: 1,
|
|
343
343
|
x: 0,
|
|
344
344
|
opacity: 1,
|
|
@@ -40,7 +40,7 @@ __export(TabsAdvancedDemo_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(TabsAdvancedDemo_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_gui = require("@hanzo/gui");
|
|
44
44
|
var demos = ["background", "underline"];
|
|
45
45
|
var demosTitle = {
|
|
46
46
|
background: "Background Indicator",
|
|
@@ -50,7 +50,7 @@ var TabsAdvancedDemo = function () {
|
|
|
50
50
|
var [demoIndex, setDemoIndex] = import_react.default.useState(0);
|
|
51
51
|
var demo = demos[demoIndex];
|
|
52
52
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
53
|
-
children: [demo === "underline" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
+
children: [demo === "underline" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
54
54
|
items: "center",
|
|
55
55
|
gap: "$4",
|
|
56
56
|
position: "absolute",
|
|
@@ -59,7 +59,7 @@ var TabsAdvancedDemo = function () {
|
|
|
59
59
|
$xxs: {
|
|
60
60
|
display: "none"
|
|
61
61
|
},
|
|
62
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
63
63
|
size: "$2",
|
|
64
64
|
onPress: function () {
|
|
65
65
|
return setDemoIndex(function (x) {
|
|
@@ -126,7 +126,7 @@ var TabsAdvancedBackground = function () {
|
|
|
126
126
|
setIntentIndicator(layout);
|
|
127
127
|
}
|
|
128
128
|
};
|
|
129
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
129
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
|
|
130
130
|
value: currentTab,
|
|
131
131
|
onValueChange: setCurrentTab,
|
|
132
132
|
orientation: "horizontal",
|
|
@@ -137,7 +137,7 @@ var TabsAdvancedBackground = function () {
|
|
|
137
137
|
activationMode: "manual",
|
|
138
138
|
bg: "$background",
|
|
139
139
|
rounded: "$4",
|
|
140
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
140
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
141
141
|
children: intentAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
142
142
|
rounded: "$4",
|
|
143
143
|
width: intentAt.width,
|
|
@@ -145,7 +145,7 @@ var TabsAdvancedBackground = function () {
|
|
|
145
145
|
x: intentAt.x,
|
|
146
146
|
y: intentAt.y
|
|
147
147
|
})
|
|
148
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
148
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
149
149
|
children: activeAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
150
150
|
rounded: "$4",
|
|
151
151
|
theme: "accent",
|
|
@@ -154,52 +154,52 @@ var TabsAdvancedBackground = function () {
|
|
|
154
154
|
x: activeAt.x,
|
|
155
155
|
y: activeAt.y
|
|
156
156
|
})
|
|
157
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
157
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
158
158
|
position: "relative",
|
|
159
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
159
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
|
|
160
160
|
loop: false,
|
|
161
161
|
"aria-label": "Manage your account",
|
|
162
162
|
gap: "$2",
|
|
163
163
|
backgroundColor: "transparent",
|
|
164
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
164
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
165
165
|
unstyled: true,
|
|
166
166
|
paddingHorizontal: "$3",
|
|
167
167
|
value: "tab1",
|
|
168
168
|
onInteraction: handleOnInteraction,
|
|
169
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
169
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
170
170
|
children: "Profile"
|
|
171
171
|
})
|
|
172
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
172
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
173
173
|
unstyled: true,
|
|
174
174
|
paddingHorizontal: "$3",
|
|
175
175
|
value: "tab2",
|
|
176
176
|
onInteraction: handleOnInteraction,
|
|
177
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
177
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
178
178
|
children: "Connections"
|
|
179
179
|
})
|
|
180
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
180
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
181
181
|
unstyled: true,
|
|
182
182
|
paddingHorizontal: "$3",
|
|
183
183
|
value: "tab3",
|
|
184
184
|
onInteraction: handleOnInteraction,
|
|
185
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
185
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
186
186
|
children: "Notifications"
|
|
187
187
|
})
|
|
188
188
|
})]
|
|
189
189
|
})
|
|
190
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
190
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
191
191
|
exitBeforeEnter: true,
|
|
192
192
|
custom: {
|
|
193
193
|
direction
|
|
194
194
|
},
|
|
195
195
|
initial: false,
|
|
196
196
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedYStack, {
|
|
197
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
197
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {
|
|
198
198
|
value: currentTab,
|
|
199
199
|
forceMount: true,
|
|
200
200
|
flex: 1,
|
|
201
201
|
justify: "center",
|
|
202
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
202
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
203
203
|
text: "center",
|
|
204
204
|
children: currentTab
|
|
205
205
|
})
|
|
@@ -263,7 +263,7 @@ var TabsAdvancedUnderline = function () {
|
|
|
263
263
|
setIntentIndicator(layout);
|
|
264
264
|
}
|
|
265
265
|
};
|
|
266
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
266
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
|
|
267
267
|
value: currentTab,
|
|
268
268
|
onValueChange: setCurrentTab,
|
|
269
269
|
orientation: "horizontal",
|
|
@@ -273,16 +273,16 @@ var TabsAdvancedUnderline = function () {
|
|
|
273
273
|
activationMode: "manual",
|
|
274
274
|
bg: "$background",
|
|
275
275
|
rounded: "$4",
|
|
276
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
276
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
277
277
|
position: "relative",
|
|
278
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
278
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
279
279
|
children: intentAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
280
280
|
width: intentAt.width,
|
|
281
281
|
height: "$0.5",
|
|
282
282
|
x: intentAt.x,
|
|
283
283
|
b: 0
|
|
284
284
|
})
|
|
285
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
285
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
286
286
|
children: activeAt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
|
|
287
287
|
theme: "accent",
|
|
288
288
|
active: true,
|
|
@@ -291,7 +291,7 @@ var TabsAdvancedUnderline = function () {
|
|
|
291
291
|
x: activeAt.x,
|
|
292
292
|
b: 0
|
|
293
293
|
})
|
|
294
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
294
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
|
|
295
295
|
loop: false,
|
|
296
296
|
"aria-label": "Manage your account",
|
|
297
297
|
borderBottomLeftRadius: 0,
|
|
@@ -300,52 +300,52 @@ var TabsAdvancedUnderline = function () {
|
|
|
300
300
|
borderColor: "$color3",
|
|
301
301
|
borderBottomWidth: "$0.5",
|
|
302
302
|
backgroundColor: "transparent",
|
|
303
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
303
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
304
304
|
unstyled: true,
|
|
305
305
|
paddingHorizontal: "$3",
|
|
306
306
|
value: "tab1",
|
|
307
307
|
onInteraction: handleOnInteraction,
|
|
308
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
308
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
309
309
|
select: "none",
|
|
310
310
|
cursor: "default",
|
|
311
311
|
children: "Profile"
|
|
312
312
|
})
|
|
313
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
313
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
314
314
|
unstyled: true,
|
|
315
315
|
paddingHorizontal: "$3",
|
|
316
316
|
value: "tab2",
|
|
317
317
|
onInteraction: handleOnInteraction,
|
|
318
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
318
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
319
319
|
select: "none",
|
|
320
320
|
cursor: "default",
|
|
321
321
|
children: "Connections"
|
|
322
322
|
})
|
|
323
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
323
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
|
|
324
324
|
unstyled: true,
|
|
325
325
|
paddingHorizontal: "$3",
|
|
326
326
|
value: "tab3",
|
|
327
327
|
onInteraction: handleOnInteraction,
|
|
328
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
328
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
|
|
329
329
|
select: "none",
|
|
330
330
|
cursor: "default",
|
|
331
331
|
children: "Notifications"
|
|
332
332
|
})
|
|
333
333
|
})]
|
|
334
334
|
})]
|
|
335
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
335
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AnimatePresence, {
|
|
336
336
|
mode: "wait",
|
|
337
337
|
custom: {
|
|
338
338
|
direction
|
|
339
339
|
},
|
|
340
340
|
initial: false,
|
|
341
341
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AnimatedYStack, {
|
|
342
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
342
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Content, {
|
|
343
343
|
value: currentTab,
|
|
344
344
|
forceMount: true,
|
|
345
345
|
flex: 1,
|
|
346
346
|
justify: "center",
|
|
347
347
|
flexBasis: "auto",
|
|
348
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
348
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
349
349
|
text: "center",
|
|
350
350
|
children: currentTab
|
|
351
351
|
})
|
|
@@ -359,7 +359,7 @@ var TabsRovingIndicator = function (param) {
|
|
|
359
359
|
active,
|
|
360
360
|
...props
|
|
361
361
|
} = param;
|
|
362
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
362
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
363
363
|
position: "absolute",
|
|
364
364
|
backgroundColor: "$color5",
|
|
365
365
|
opacity: 0.7,
|
|
@@ -377,7 +377,7 @@ var TabsRovingIndicator = function (param) {
|
|
|
377
377
|
...props
|
|
378
378
|
});
|
|
379
379
|
};
|
|
380
|
-
var AnimatedYStack = (0,
|
|
380
|
+
var AnimatedYStack = (0, import_gui.styled)(import_gui.YStack, {
|
|
381
381
|
flex: 1,
|
|
382
382
|
x: 0,
|
|
383
383
|
opacity: 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","
|
|
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","paddingHorizontal","onInteraction","SizableText","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","H5","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth","select","cursor"],"sources":["../../src/TabsAdvancedDemo.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,YAAkB,CAAAK,wBAAA;AAElB,IAAAK,kBASO,GAAAC,OAAA;AAYH,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;AAVJ,IAAAG,UAAc,GAACH,OAAA,aAAc;AAC7B,IAAAI,KAAM,IACJ,YAAY,EACZ,WAAW,CACb;AAEO,IAAAC,UAAM;EACXC,UAAO,wBAA2B;EAClCC,SAAM;AACN;AAEK,IAAAX,gBAAS,YAAAA,CAAA,EAAc;EAAoD,IAE5E,CAAAY,SAAA,EAAAC,YAAA,IAAAR,YAAA,CAAAS,OAAA,CAAAC,QAAA;EAAA,IAACC,IAAA,GAAAR,KAAA,CAAAI,SAAA;EAAA,0BAAAT,kBAAA,CAAAc,IAAA,EAAAd,kBAAA,CAAAe,QAAA;IAAAC,QACC,GAAMH,IACN,KAAI,iCAAAb,kBAAA,CAAAiB,GAAA,EAAAC,qBAAA,2BAAAlB,kBAAA,CAAAiB,GAAA,EAAAE,sBAAA,sBACK,IAAAnB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAgB,MAAA;MACTC,KAAE;MACFC,GAAE;MACFC,QAAQ,YAAS;MAEjBC,CAAA;MAEAC,CAAA;MACFC,IAAA;QACFC,OAAA;MAEJ;MAEMX,QAAA,iBAAyB,IAAMhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAwB,MAAA;QAC5BC,IAAA,MAAU;QAefC,OAAU,WAAAA,CAAA;UACV,OAAYpB,YAAA,WAAAqB,CAAA;YACF,QAAAA,CAAA,QAAA1B,KAAA,CAAA2B,MAAA;UACV;QACD;QAEKhB,QAAA,EAAAV,UAAiB,CAAAO,IAAA;MACjB;IACN,EAAM;EAKN;AACE;AACE,IAAAM,sBAAO,YAAAA,CAAA;EAAA,IACT,CAAAc,QAAA,EAAAC,WAAA,IAAAhC,YAAA,CAAAS,OAAA,CAAAC,QAAA;EACA;AAA0C;AAG5C;EACE;AACE;AAAyB;EAEzB;AAAyB;AAC3B;EAGF;IACGuB,QAAA;IAAAC,UAAA;IACCC,QAAO;IACPC,YAAA;EAAe,CACH;EACP,IACLC,aAAE,YAAAA,CAAAC,WAAA;IAAA,OACFN,WAAQ;MACR,GAAAD,QAAA;MACAG,UAAA,EAAAI;IAAe,EACf;EAAG;EACK,IAERC,kBAAA,YAAAA,CAAAC,SAAA;IAAA,OAAAR,WAAA;MAEI,GAAAD,QAAC;MAAAI,QAAA,EAAAK;IAAA;EACS;EACQ,IAAAC,kBACR,YAAAA,CAASC,SAAA;IAAA,OAAAV,WACd;MAAS,GAAAD,QACT;MAASK,YAAA,EAAAL,QAAA,CAAAE,QAAA;MAAAA,QAGlB,EAAAS;IAAA;EAII;EAAC;IAAAT,QAAA;IAAAE,QAAA;IAAAC,YAAA;IAAAF;EAAA,IAAAH,QAAA;EAAA,IAAAY,SACC,eAAQ;IAAA,KAAAV,QACR,IAAM,CAAAG,YAAA,IAAAH,QAAA,CAAAJ,CAAA,KAAAO,YAAA,CAAAP,CAAA;MAAA,OACN;IAAgB;IACC,OAAAI,QACd,CAAAJ,CAAA,GAASO,YAAA,CAAAP,CAAA;EAAA;EACA,IAAAe,mBAAA,YAAAA,CAAAC,IAAA,EAAAC,MAAA;IAAA,IACdD,IAEJ;MAAAJ,kBAEA,CAAAK,MAAA;IACE,OAAC;MAAKP,kBAAL,CAAAO,MAAA;IAAA;EACO;EACK,sBACP,IAAAhD,kBAAA,CAAAc,IAAA,EAAAV,UAAA,CAAA6C,IAAA;IAAAvD,KAAA,EAAA0C,UACJ;IAAgBc,aAEhB,EAAAX,aAAA;IAAAY,WAAA;IAAAtB,IAAA;IAAMuB,CAAA;IAALC,MAAA;IACSC,aAAA,EACR;IAAkBC,cAClB,UAAM;IAAAC,EAAA,eACN;IAAeC,OAAA;IAEKzC,QAAA,kBACtB,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAsD,eAAA;MAAA1C,QACA,EAAAqB,QAAA,uBAAArC,kBAAA,CAAAiB,GAAA,EAAA0C,mBAAA;QAAAF,OAAC;QAAKG,KAAA,EAALvB,QAAA,CAAAuB,KAAA;QAAAP,MAAA,EACChB,QAAA,CAAAgB,MAAQ;QAAAtB,CAAA,EAAAM,QACR,CAAAN,CAAA;QAAkB8B,CAAA,EAAAxB,QAClB,CAAAwB;MAAM;IACS,IAES,mBAAA7D,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAsD,eAAA;MAAA1C,QAC1B,EAAAmB,QAAA,uBAAAnC,kBAAA,CAAAiB,GAAA,EAAA0C,mBAAA;QAAAF,OACA;QAAAK,KAAA,EAAC;QAAKF,KAAA,EAALzB,QAAA,CAAAyB,KAAA;QAAAP,MAAA,EACClB,QAAA,CAAAkB,MAAQ;QAAAtB,CAAA,EAAAI,QACR,CAAAJ,CAAA;QAAkB8B,CAAA,EAAA1B,QAClB,CAAA0B;MAAM;IACS,IAEW,mBAAA7D,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAA2D,MAAA;MAAAxC,QAC5B;MAAAP,QAAA,qBAAAhB,kBAAA,CAAAc,IAAA,EAAAV,UAAA,CAAA6C,IAAA,CAAAe,IAAA;QAAAC,IAAA;QACF,YACF;QAEA3C,GAAA;QAMA4C,eAAA;QAAAlD,QAAA,GACF,mBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAA6C,IAAA,CAAAkB,GAAA;UAEJC,QAAA;UAEMC,iBAAwB,MAAM;UAC3B3E,KAAU;UAeL4E,aAAA,EAAAxB,mBAAA;UACV9B,QAAY,qBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAmE,WAAA;YACFvD,QAAA;UACV;QACD,IAEK,eAAiB,IAAAhB,kBAAuB,CAAAiB,GAAY,EAAEb,UAAG,CAAA6C,IAAU,CAAAkB,GAAA;UACnEC,QAAA;UACAC,iBAAsB;UAEpB3E,KAAA,EAAU;UAGZ4E,aAAmB,EAAAxB,mBAAA;UAClB9B,QAAa,iBAAgB,IAAAhB,kBAAe,CAAAiB,GAAa,EAAAb,UAAG,CAAAmE,WAAA;YACxDvD,QAAA;UACT;QACO,IACN,mBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAA6C,IAAA,CAAAkB,GAAA;UAEGC,QAAA;UACAC,iBAAmB;UACrB3E,KAAA,QAAmB;UACd4E,aAAA,EAAAxB,mBAAA;UACL9B,QAAA,iBAAyB,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAmE,WAAA;YAC3BvD,QAAA;UACF;QAGE;MAAC;IACC,IACA,eAAe,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAsD,eAAA;MACfc,eAAY;MACZC,MAAK;QACL5B;MACA;MACA6B,OAAA,OAAe;MACf1D,QAAG,qBAAAhB,kBAAA,CAAAiB,GAAA,EAAA0D,cAAA;QACH3D,QAAQ,qBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAA6C,IAAA,CAAA2B,OAAA;UAERlF,KAAA,EAAA0C,UAAA;UAAAyC,UAAA;UACEC,IAAA;UAEKC,OAAA;UAAA/D,QAAA,qBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAA4E,EAAA;YACCC,IAAA,UAAO;YACPjE,QAAO,EAAAoB;UAAA;QACK;MACT,GAAAA,UAAA;IAAA;EAML;AAAC;AAAA,IAAAlB,qBACO,YAAAA,CAAA;EAAA,KAAAe,QACN,EAAAC,WAAM,IAAAhC,YAAA,CAAAS,OAAA,CAAAC,QAAA;EAAA;AACU;AACT;EACK;AACT;AAAA;EAGT;AACA;AAAM;EAAL;IACOuB,QACN;IAAWC,UACX;IAAwBC,QACxB;IAAyBC,YACzB;EAAc,CACF;EACM,IAAAC,aAClB,YAAAA,CAAgBC,WAAA;IAAA,OAAAN,WAEhB;MAAA,GAAAD,QAAA;MAAAG,UAAA,EAACI;IAAK;EAAL;EACS,IAAAC,kBACR,YAAAA,CAAAC,SAAkB;IAAA,OAAAR,WAClB;MAAM,GAAAD,QAAA;MACSI,QAAA,EAAAK;IAIf;EAAA;EACF,IAAAC,kBACA,YAAAA,CAAAC,SAAA;IAAA,OAAAV,WAAC;MAAK,GAAAD,QAAA;MAALK,YAAA,EACCL,QAAA,CAAAE,QAAQ;MAAAA,QAAA,EAAAS;IACU;EACZ;EACS;IAAAT,QAAA;IAAAE,QAEf;IAAAC,YAAA;IAAAF;EAAA,IAAAH,QAAA;EAEA,IAAAY,SAAA;IAAA,KAAAV,QACF,KAAAG,YAAA,IAAAH,QAAA,CAAAJ,CAAA,KAAAO,YAAA,CAAAP,CAAA;MAAA;IACA;IAAM,OAAAI,QAAL,CAAAJ,CAAA,GAAAO,YAAA,CAAAP,CAAA;EAAA;EACS,IAAAe,mBACR,YAAAA,CAAAC,IAAkB,EAAAC,MAAA;IAAA,IAAAD,IAAA,aAClB,EAAM;MAAAJ,kBACN,CAAAK,MAAA;IAAe;MAIfP,kBAAA,CAAAO,MAAA;IAAA;EACF;EAAA,0BAAAhD,kBAAA,CAAAc,IAAA,EAAAV,UAAA,CAAA6C,IAAA;IAAAvD,KAAA,EACF0C,UAAA;IAAAc,aACF,EAAAX,aAAA;IAAAY,WAEA;IAEItB,IAAA,EAAC;IAAKwB,MAAL;IAAAC,aACC,EAAO;IAAAC,cACP,UAAU;IAAAC,EAAA,eACJ;IAAAC,OAAA,EACN;IAAQzC,QACR,GAAU,eAEV,IAAAhB,kBAAA,CAAAc,IAAA,EAAAV,UAAA,CAAA2D,MAAC;MAA6BxC,QAAA;MAChCP,QATmB,GAWvB,mBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAsD,eAAA;QAAA1C,QAAA,EAAAqB,QAAA,uBAAArC,kBAAA,CAAAiB,GAAA,EAAA0C,mBAAA;UACFC,KAAA,EAAAvB,QAAA,CAAAuB,KAAA;UAEJP,MAAA;UAEMtB,CAAA,EAAAM,QAAA,CAAAN,CAAA;UAEFP,CAAA;QAAC;MAAA,IACC,eAAS,IAAAxB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAsD,eAAA;QACT1C,QAAA,EAAAmB,QAAgB,uBAAAnC,kBAAA,CAAAiB,GAAA,EAAA0C,mBAAA;UAChBG,KAAS;UACToB,MAAW;UACXtB,KAAY,EAAAzB,QAAA,CAAAyB,KAAA;UACVP,MAAS;UACXtB,CAAA,EAAAI,QAAA,CAAAJ,CAAA;UACAP,CAAA,EAAW;QACT;MACF,IACK,eAAU,IAAAxB,kBAAA,CAAAc,IAAA,EAAAV,UAAA,CAAA6C,IAAA,CAAAe,IAAA;QACbC,IAAA;QACA,YAAS;QACXkB,sBAAA;QACIC,uBAAA;QAAAC,aAAA;QACNC,WAAA;QAEJC,iBAAA;QAEMrB,eAAiB;QACflD,QAAA,GACH,mBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAA6C,IAAA,CAAAkB,GAAA;UACMC,QAAA;UAEGC,iBAAA;UACF3E,KAAA;UAAA4E,aAAA,EAAAxB,mBAAA;UAEG9B,QAAA,qBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAmE,WAAA;YACGiB,MAAA;YACVC,MAAY;YACPzE,QAAY;UACf;QACF,IACA,eAAW,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAA6C,IAAA,CAAAkB,GAAA;UACTC,QAAQ;UACLC,iBAAgB,EAAM;UACzB3E,KAAS;UACX4E,aAAA,EAAAxB,mBAAA;UACF9B,QAAA,qBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,UAAA,CAAAmE,WAAA;YACFiB,MAAA;YACFC,MAAA;YACDzE,QAAA","ignoreList":[]}
|