@hanzogui/demos 4.4.0 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AccordionDemo.cjs +16 -16
- package/dist/cjs/AccordionDemo.native.js +16 -16
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +6 -6
- package/dist/cjs/AddThemeDemo.native.js +6 -6
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +15 -15
- package/dist/cjs/AlertDialogDemo.native.js +15 -15
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +6 -6
- package/dist/cjs/AnimationsDemo.native.js +6 -6
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +8 -8
- package/dist/cjs/AvatarDemo.native.js +8 -8
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.cjs +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +8 -8
- package/dist/cjs/ButtonDemo.native.js +8 -8
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +12 -12
- package/dist/cjs/CardDemo.native.js +12 -12
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +8 -8
- package/dist/cjs/CheckboxDemo.native.js +8 -8
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +13 -13
- package/dist/cjs/ColorsDemo.native.js +13 -13
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +5 -5
- package/dist/cjs/ContextMenuDemo.native.js +5 -5
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +40 -40
- package/dist/cjs/DialogDemo.native.js +40 -40
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +8 -8
- package/dist/cjs/FormsDemo.native.js +8 -8
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +21 -21
- package/dist/cjs/GroupDemo.native.js +21 -21
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +8 -8
- package/dist/cjs/HeadingsDemo.native.js +8 -8
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +6 -6
- package/dist/cjs/InputsDemo.native.js +6 -6
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +9 -9
- package/dist/cjs/LabelDemo.native.js +9 -9
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +2 -2
- package/dist/cjs/LinearGradientDemo.native.js +2 -2
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +26 -18
- package/dist/cjs/ListItemDemo.native.js +26 -18
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +7 -7
- package/dist/cjs/LucideIconsDemo.native.js +7 -7
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +2 -2
- package/dist/cjs/MenuDemo.native.js +2 -2
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +4 -4
- package/dist/cjs/NewInputsDemo.native.js +4 -4
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +19 -19
- package/dist/cjs/PopoverDemo.native.js +19 -19
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +8 -8
- package/dist/cjs/ProgressDemo.native.js +8 -8
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +8 -8
- package/dist/cjs/RadioGroupDemo.native.js +8 -8
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +11 -11
- package/dist/cjs/ScrollViewDemo.native.js +11 -11
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +30 -30
- package/dist/cjs/SelectDemo.native.js +30 -30
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +11 -11
- package/dist/cjs/SeparatorDemo.native.js +11 -11
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +4 -4
- package/dist/cjs/ShapesDemo.native.js +4 -4
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +16 -16
- package/dist/cjs/SheetDemo.native.js +16 -16
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +6 -6
- package/dist/cjs/SliderDemo.native.js +6 -6
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +4 -4
- package/dist/cjs/SpinnerDemo.native.js +4 -4
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +14 -14
- package/dist/cjs/StacksDemo.native.js +14 -14
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +10 -10
- package/dist/cjs/SwitchDemo.native.js +10 -10
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +41 -41
- package/dist/cjs/TabsAdvancedDemo.native.js +41 -41
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +31 -31
- package/dist/cjs/TabsDemo.native.js +31 -31
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +8 -8
- package/dist/cjs/TextDemo.native.js +8 -8
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +191 -114
- package/dist/cjs/ToastDemo.native.js +202 -118
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +34 -47
- package/dist/cjs/ToastDuplicateDemo.native.js +35 -52
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +155 -0
- package/dist/cjs/ToastV1Demo.native.js +166 -0
- package/dist/cjs/ToastV1Demo.native.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.cjs +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +14 -14
- package/dist/cjs/TokensDemo.native.js +14 -14
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +13 -13
- package/dist/cjs/TooltipDemo.native.js +13 -13
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/{gui.config.cjs → hanzogui.config.cjs} +7 -7
- package/dist/cjs/{gui.config.native.js → hanzogui.config.native.js} +8 -8
- package/dist/cjs/hanzogui.config.native.js.map +1 -0
- package/dist/cjs/index.cjs +1 -0
- package/dist/cjs/index.native.js +1 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +4 -4
- package/dist/cjs/useOnIntersecting.native.js +4 -4
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +1 -1
- package/dist/esm/AccordionDemo.native.js +1 -1
- package/dist/esm/AddThemeDemo.mjs +1 -1
- package/dist/esm/AddThemeDemo.native.js +1 -1
- package/dist/esm/AlertDialogDemo.mjs +1 -1
- package/dist/esm/AlertDialogDemo.native.js +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +1 -1
- package/dist/esm/AnimationsDemo.mjs +1 -1
- package/dist/esm/AnimationsDemo.native.js +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +1 -1
- package/dist/esm/AvatarDemo.mjs +1 -1
- package/dist/esm/AvatarDemo.native.js +1 -1
- package/dist/esm/BoxShadowTokenDemo.mjs +1 -1
- package/dist/esm/BoxShadowTokenDemo.native.js +1 -1
- package/dist/esm/BuildAButtonDemo.mjs +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +1 -1
- package/dist/esm/ButtonDemo.mjs +1 -1
- package/dist/esm/ButtonDemo.native.js +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CheckboxDemo.mjs +1 -1
- package/dist/esm/CheckboxDemo.native.js +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +1 -1
- package/dist/esm/ColorsDemo.mjs +1 -1
- package/dist/esm/ColorsDemo.native.js +1 -1
- package/dist/esm/ContextMenuDemo.mjs +1 -1
- package/dist/esm/ContextMenuDemo.native.js +1 -1
- package/dist/esm/DialogDemo.mjs +1 -1
- package/dist/esm/DialogDemo.native.js +1 -1
- package/dist/esm/FormsDemo.mjs +1 -1
- package/dist/esm/FormsDemo.native.js +1 -1
- package/dist/esm/GroupDemo.mjs +1 -1
- package/dist/esm/GroupDemo.native.js +1 -1
- package/dist/esm/HeadingsDemo.mjs +1 -1
- package/dist/esm/HeadingsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.mjs +1 -1
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/LabelDemo.mjs +1 -1
- package/dist/esm/LabelDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.mjs +1 -1
- package/dist/esm/LinearGradientDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +9 -1
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +9 -1
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +1 -1
- package/dist/esm/LucideIconsDemo.native.js +1 -1
- package/dist/esm/MenuDemo.mjs +1 -1
- package/dist/esm/MenuDemo.native.js +1 -1
- package/dist/esm/NewInputsDemo.mjs +1 -1
- package/dist/esm/NewInputsDemo.native.js +1 -1
- package/dist/esm/PopoverDemo.mjs +1 -1
- package/dist/esm/PopoverDemo.native.js +1 -1
- package/dist/esm/ProgressDemo.mjs +1 -1
- package/dist/esm/ProgressDemo.native.js +1 -1
- package/dist/esm/RadioGroupDemo.mjs +1 -1
- package/dist/esm/RadioGroupDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +1 -1
- package/dist/esm/ScrollViewDemo.mjs +1 -1
- package/dist/esm/ScrollViewDemo.native.js +1 -1
- package/dist/esm/SelectDemo.mjs +2 -2
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +2 -2
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +1 -1
- package/dist/esm/SeparatorDemo.native.js +1 -1
- package/dist/esm/ShapesDemo.mjs +1 -1
- package/dist/esm/ShapesDemo.native.js +1 -1
- package/dist/esm/SheetDemo.mjs +1 -1
- package/dist/esm/SheetDemo.native.js +1 -1
- package/dist/esm/SliderDemo.mjs +1 -1
- package/dist/esm/SliderDemo.native.js +1 -1
- package/dist/esm/SpinnerDemo.mjs +1 -1
- package/dist/esm/SpinnerDemo.native.js +1 -1
- package/dist/esm/StacksDemo.mjs +1 -1
- package/dist/esm/StacksDemo.native.js +1 -1
- package/dist/esm/SwitchDemo.mjs +1 -1
- package/dist/esm/SwitchDemo.native.js +1 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +9 -9
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +9 -9
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +1 -1
- package/dist/esm/TabsDemo.native.js +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +1 -1
- package/dist/esm/TextDemo.mjs +1 -1
- package/dist/esm/TextDemo.native.js +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ThemeInverseDemo.mjs +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +190 -102
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +202 -107
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToastDuplicateDemo.mjs +31 -33
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +32 -38
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/esm/ToastV1Demo.mjs +119 -0
- package/dist/esm/ToastV1Demo.mjs.map +1 -0
- package/dist/esm/ToastV1Demo.native.js +127 -0
- package/dist/esm/ToastV1Demo.native.js.map +1 -0
- package/dist/esm/ToggleGroupDemo.mjs +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +1 -1
- package/dist/esm/TokensDemo.mjs +1 -1
- package/dist/esm/TokensDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.mjs +1 -1
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +1 -1
- package/dist/esm/hanzogui.config.mjs +6 -0
- package/dist/esm/hanzogui.config.mjs.map +1 -0
- package/dist/esm/hanzogui.config.native.js +6 -0
- package/dist/esm/hanzogui.config.native.js.map +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +1 -0
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +1 -1
- package/dist/esm/useOnIntersecting.native.js +1 -1
- package/package.json +40 -17
- package/src/AccordionDemo.tsx +1 -1
- package/src/AddThemeDemo.tsx +1 -1
- package/src/AlertDialogDemo.tsx +1 -1
- package/src/AnimationsDelayDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsHoverDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -1
- package/src/AvatarDemo.tsx +1 -1
- package/src/BoxShadowTokenDemo.tsx +1 -1
- package/src/BuildAButtonDemo.tsx +2 -2
- package/src/ButtonDemo.tsx +1 -1
- package/src/CardDemo.tsx +2 -2
- package/src/CheckboxDemo.tsx +2 -2
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ColorsDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +1 -1
- package/src/DialogDemo.tsx +1 -1
- package/src/FormsDemo.tsx +2 -2
- package/src/GroupDemo.tsx +1 -1
- package/src/HeadingsDemo.tsx +1 -1
- package/src/InputsDemo.tsx +2 -2
- package/src/LabelDemo.tsx +1 -1
- package/src/LinearGradientDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +27 -6
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +2 -2
- package/src/NewInputsDemo.tsx +2 -2
- package/src/PopoverDemo.tsx +2 -2
- package/src/ProgressDemo.tsx +1 -1
- package/src/RadioGroupDemo.tsx +2 -2
- package/src/RadioGroupHeadlessDemo.tsx +1 -1
- package/src/RadioGroupUnstyledDemo.tsx +1 -1
- package/src/ReplaceThemeDemo.tsx +1 -1
- package/src/ScrollViewDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -12
- package/src/SeparatorDemo.tsx +1 -1
- package/src/ShapesDemo.tsx +1 -1
- package/src/SheetDemo.tsx +1 -1
- package/src/SliderDemo.tsx +2 -2
- package/src/SpinnerDemo.tsx +1 -1
- package/src/StacksDemo.tsx +1 -1
- package/src/SwitchDemo.tsx +2 -2
- package/src/SwitchHeadlessDemo.tsx +1 -1
- package/src/SwitchUnstyledDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +15 -13
- package/src/TabsDemo.tsx +2 -2
- package/src/TabsHeadlessDemo.tsx +1 -1
- package/src/TextDemo.tsx +1 -1
- package/src/ThemeBuilderDemo.tsx +2 -2
- package/src/ThemeInverseDemo.tsx +1 -1
- package/src/ToastDemo.tsx +208 -93
- package/src/ToastDuplicateDemo.tsx +39 -29
- package/src/ToastV1Demo.tsx +121 -0
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TokensDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -10
- package/src/UpdateThemeDemo.tsx +1 -1
- package/src/{gui.config.ts → hanzogui.config.ts} +2 -2
- package/src/index.tsx +3 -2
- package/src/useOnIntersecting.tsx +1 -1
- package/LICENSE +0 -21
- package/dist/cjs/gui.config.native.js.map +0 -1
- package/dist/esm/gui.config.mjs +0 -6
- package/dist/esm/gui.config.mjs.map +0 -1
- package/dist/esm/gui.config.native.js +0 -6
- package/dist/esm/gui.config.native.js.map +0 -1
|
@@ -42,7 +42,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
42
42
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
43
43
|
var import_sheet = require("@hanzogui/sheet");
|
|
44
44
|
var import_react = __toESM(require("react"), 1);
|
|
45
|
-
var
|
|
45
|
+
var import_hanzogui = require("hanzogui");
|
|
46
46
|
var spModes = ["percent", "constant", "fit", "mixed"];
|
|
47
47
|
var SheetDemo = function () {
|
|
48
48
|
var [position, setPosition] = import_react.default.useState(0);
|
|
@@ -57,27 +57,27 @@ var SheetDemo = function () {
|
|
|
57
57
|
var isMixed = snapPointsMode === "mixed";
|
|
58
58
|
var snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
|
|
59
59
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
60
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
60
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
61
61
|
gap: "$4",
|
|
62
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
62
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
63
63
|
gap: "$4",
|
|
64
64
|
$maxMd: {
|
|
65
65
|
flexDirection: "column",
|
|
66
66
|
items: "center"
|
|
67
67
|
},
|
|
68
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
68
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
69
69
|
onPress: function () {
|
|
70
70
|
return setOpen(true);
|
|
71
71
|
},
|
|
72
72
|
children: "Open"
|
|
73
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
73
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
74
74
|
onPress: function () {
|
|
75
75
|
return setModal(function (x) {
|
|
76
76
|
return !x;
|
|
77
77
|
});
|
|
78
78
|
},
|
|
79
79
|
children: modal ? "Type: Modal" : "Type: Inline"
|
|
80
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
80
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
81
81
|
onPress: function () {
|
|
82
82
|
return setSnapPointsMode(function (prev) {
|
|
83
83
|
return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
|
|
@@ -90,17 +90,17 @@ var SheetDemo = function () {
|
|
|
90
90
|
mixed: "Mixed"
|
|
91
91
|
}[snapPointsMode]}`
|
|
92
92
|
})]
|
|
93
|
-
}), isMixed ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
93
|
+
}), isMixed ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
94
94
|
onPress: function () {
|
|
95
95
|
return setMixedFitDemo(function (x) {
|
|
96
96
|
return !x;
|
|
97
97
|
});
|
|
98
98
|
},
|
|
99
99
|
children: `Snap Points: ${JSON.stringify(snapPoints)}`
|
|
100
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
100
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
101
101
|
py: "$2.5",
|
|
102
102
|
justify: "center",
|
|
103
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
103
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
104
104
|
children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
|
|
105
105
|
})
|
|
106
106
|
})]
|
|
@@ -149,20 +149,20 @@ var SheetContents = /* @__PURE__ */(0, import_react.memo)(function (param) {
|
|
|
149
149
|
setOpen
|
|
150
150
|
} = param;
|
|
151
151
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
152
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
152
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
153
153
|
size: "$6",
|
|
154
154
|
circular: true,
|
|
155
155
|
icon: import_lucide_icons_2.ChevronDown,
|
|
156
156
|
onPress: function () {
|
|
157
157
|
return setOpen(false);
|
|
158
158
|
}
|
|
159
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
159
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Input, {
|
|
160
160
|
width: 200
|
|
161
161
|
}), modal && isPercent && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
162
162
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InnerSheet, {
|
|
163
163
|
open: innerOpen,
|
|
164
164
|
onOpenChange: setInnerOpen
|
|
165
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
165
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
166
166
|
size: "$6",
|
|
167
167
|
circular: true,
|
|
168
168
|
icon: import_lucide_icons_2.ChevronUp,
|
|
@@ -195,10 +195,10 @@ function InnerSheet(props) {
|
|
|
195
195
|
items: "center",
|
|
196
196
|
gap: "$5",
|
|
197
197
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.Sheet.ScrollView, {
|
|
198
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
198
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
199
199
|
p: "$5",
|
|
200
200
|
gap: "$8",
|
|
201
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
201
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
202
202
|
size: "$6",
|
|
203
203
|
circular: true,
|
|
204
204
|
self: "center",
|
|
@@ -207,10 +207,10 @@ function InnerSheet(props) {
|
|
|
207
207
|
var _props_onOpenChange;
|
|
208
208
|
return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);
|
|
209
209
|
}
|
|
210
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
210
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
|
|
211
211
|
children: "Hello world"
|
|
212
212
|
}), [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
|
|
213
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
213
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
214
214
|
size: "$8",
|
|
215
215
|
children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
|
|
216
216
|
}, i);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","SheetDemo_exports","SheetDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_sheet","import_react","import_gui","spModes","position","setPosition","default","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","jsxs","Fragment","children","YStack","gap","XStack","$maxMd","flexDirection","items","jsx","Button","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","Paragraph","Sheet","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity","exitStyle","Handle","Frame","p","SheetContents","memo","param","size","circular","icon","ChevronDown","Input","width","InnerSheet","ChevronUp","props","flex","ScrollView","self","_props_onOpenChange","H2","map","i"],"sources":["SheetDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SheetDemo_exports = {};\n__export(SheetDemo_exports, {\n SheetDemo: () => SheetDemo\n});\nmodule.exports = __toCommonJS(SheetDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_sheet = require(\"@hanzogui/sheet\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_gui = require(\"@hanzo/gui\");\nvar spModes = [\n \"percent\",\n \"constant\",\n \"fit\",\n \"mixed\"\n];\nvar SheetDemo = function() {\n var [position, setPosition] = import_react.default.useState(0);\n var [open, setOpen] = import_react.default.useState(false);\n var [modal, setModal] = import_react.default.useState(true);\n var [innerOpen, setInnerOpen] = import_react.default.useState(false);\n var [snapPointsMode, setSnapPointsMode] = import_react.default.useState(\"percent\");\n var [mixedFitDemo, setMixedFitDemo] = import_react.default.useState(false);\n var isPercent = snapPointsMode === \"percent\";\n var isConstant = snapPointsMode === \"constant\";\n var isFit = snapPointsMode === \"fit\";\n var isMixed = snapPointsMode === \"mixed\";\n var snapPoints = isPercent ? [\n 85,\n 50,\n 25\n ] : isConstant ? [\n 256,\n 190\n ] : isFit ? void 0 : mixedFitDemo ? [\n \"fit\",\n 110\n ] : [\n \"80%\",\n 256,\n 190\n ];\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n gap: \"$4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n gap: \"$4\",\n $maxMd: {\n flexDirection: \"column\",\n items: \"center\"\n },\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n onPress: function() {\n return setOpen(true);\n },\n children: \"Open\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n onPress: function() {\n return setModal(function(x) {\n return !x;\n });\n },\n children: modal ? \"Type: Modal\" : \"Type: Inline\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n onPress: function() {\n return setSnapPointsMode(function(prev) {\n return spModes[(spModes.indexOf(prev) + 1) % spModes.length];\n });\n },\n children: `Mode: ${{\n percent: \"Percentage\",\n constant: \"Constant\",\n fit: \"Fit\",\n mixed: \"Mixed\"\n }[snapPointsMode]}`\n })\n ]\n }),\n isMixed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n onPress: function() {\n return setMixedFitDemo(function(x) {\n return !x;\n });\n },\n children: `Snap Points: ${JSON.stringify(snapPoints)}`\n }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XStack, {\n py: \"$2.5\",\n justify: \"center\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Paragraph, {\n children: `Snap Points: ${isFit ? \"(none)\" : JSON.stringify(snapPoints)}`\n })\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {\n modal,\n open,\n onOpenChange: setOpen,\n snapPoints,\n snapPointsMode,\n dismissOnSnapToBottom: true,\n position,\n onPositionChange: setPosition,\n zIndex: 1e5,\n transition: \"medium\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {\n transition: \"lazy\",\n bg: \"$shadow6\",\n enterStyle: {\n opacity: 0\n },\n exitStyle: {\n opacity: 0\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {\n p: \"$4\",\n justify: \"center\",\n items: \"center\",\n gap: \"$5\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetContents, {\n modal,\n isPercent,\n innerOpen,\n setInnerOpen,\n setOpen\n })\n })\n ]\n })\n ]\n });\n};\nvar SheetContents = /* @__PURE__ */ (0, import_react.memo)(function(param) {\n var { modal, isPercent, innerOpen, setInnerOpen, setOpen } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n size: \"$6\",\n circular: true,\n icon: import_lucide_icons_2.ChevronDown,\n onPress: function() {\n return setOpen(false);\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Input, {\n width: 200\n }),\n modal && isPercent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, {\n open: innerOpen,\n onOpenChange: setInnerOpen\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n size: \"$6\",\n circular: true,\n icon: import_lucide_icons_2.ChevronUp,\n onPress: function() {\n return setInnerOpen(true);\n }\n })\n ]\n })\n ]\n });\n});\nfunction InnerSheet(props) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {\n transition: \"medium\",\n modal: true,\n snapPoints: [\n 90\n ],\n dismissOnSnapToBottom: true,\n ...props,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {\n transition: \"medium\",\n bg: \"$shadow2\",\n enterStyle: {\n opacity: 0\n },\n exitStyle: {\n opacity: 0\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, {\n flex: 1,\n justify: \"center\",\n items: \"center\",\n gap: \"$5\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.ScrollView, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n p: \"$5\",\n gap: \"$8\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n size: \"$6\",\n circular: true,\n self: \"center\",\n icon: import_lucide_icons_2.ChevronDown,\n onPress: function() {\n var _props_onOpenChange;\n return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.H2, {\n children: \"Hello world\"\n }),\n [\n 1,\n 2,\n 3,\n 4,\n 5,\n 6,\n 7,\n 8\n ].map(function(i) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Paragraph, {\n size: \"$8\",\n children: \"Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\"\n }, i);\n })\n ]\n })\n })\n })\n ]\n });\n}\n//# sourceMappingURL=SheetDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SheetDemo_exports","__export","SheetDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_sheet","import_react","__toESM","import_hanzogui","spModes","position","setPosition","default","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","jsxs","Fragment","children","YStack","gap","XStack","$maxMd","flexDirection","items","jsx","Button","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","Paragraph","Sheet","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/SliderDemo.cjs
CHANGED
|
@@ -25,10 +25,10 @@ __export(SliderDemo_exports, {
|
|
|
25
25
|
SliderDemo: () => SliderDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(SliderDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function SliderDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
32
32
|
height: 200,
|
|
33
33
|
items: "center",
|
|
34
34
|
gap: "$8",
|
|
@@ -44,14 +44,14 @@ function SimpleSlider({
|
|
|
44
44
|
children,
|
|
45
45
|
...props
|
|
46
46
|
}) {
|
|
47
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
47
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Slider, {
|
|
48
48
|
defaultValue: [50],
|
|
49
49
|
max: 100,
|
|
50
50
|
step: 1,
|
|
51
51
|
...props,
|
|
52
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Slider.Track, {
|
|
53
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Slider.TrackActive, {})
|
|
54
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Slider.Thumb, {
|
|
55
55
|
theme: "accent",
|
|
56
56
|
size: 30,
|
|
57
57
|
borderRadius: 100
|
|
@@ -28,9 +28,9 @@ __export(SliderDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(SliderDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
function SliderDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
34
34
|
height: 200,
|
|
35
35
|
items: "center",
|
|
36
36
|
gap: "$8",
|
|
@@ -47,14 +47,14 @@ function SimpleSlider(param) {
|
|
|
47
47
|
children,
|
|
48
48
|
...props
|
|
49
49
|
} = param;
|
|
50
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
50
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Slider, {
|
|
51
51
|
defaultValue: [50],
|
|
52
52
|
max: 100,
|
|
53
53
|
step: 1,
|
|
54
54
|
...props,
|
|
55
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
57
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
55
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Slider.Track, {
|
|
56
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Slider.TrackActive, {})
|
|
57
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Slider.Thumb, {
|
|
58
58
|
theme: "accent",
|
|
59
59
|
size: 30,
|
|
60
60
|
borderRadius: 100
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SliderDemo_exports","__export","SliderDemo","module","exports","import_jsx_runtime","require","import_hanzogui","jsxs","XStack","height","items","gap","children","jsx","SimpleSlider","orientation","width"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAsC,CAAAK,kBAAA;AAIlC,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,eAAS,GAAaD,OAAA;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,eAAa,CAAAE,MAAQ,EAAK;IAC3BC,MAAA;IAA0BC,KAC5B;IAEJC,GAAA;IAEAC,QAAS,GACP,eACE,IAAAR,kBAAA,CAAAS,GAAA,EAAAC,YAAC;MACCL,MAAA;MAGAM,WAAA;IACC,IACH,mBAAAX,kBAAA,CAAAS,GAAA,EAAAC,YAAA;MAEJE,KAAA","ignoreList":[]}
|
package/dist/cjs/SpinnerDemo.cjs
CHANGED
|
@@ -25,17 +25,17 @@ __export(SpinnerDemo_exports, {
|
|
|
25
25
|
SpinnerDemo: () => SpinnerDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(SpinnerDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function SpinnerDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
32
32
|
p: "$3",
|
|
33
33
|
gap: "$4",
|
|
34
34
|
items: "center",
|
|
35
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
35
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
|
|
36
36
|
size: "small",
|
|
37
37
|
color: "$green10"
|
|
38
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
38
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
|
|
39
39
|
size: "large",
|
|
40
40
|
color: "$yellow10"
|
|
41
41
|
})]
|
|
@@ -28,16 +28,16 @@ __export(SpinnerDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(SpinnerDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_hanzogui = require("hanzogui");
|
|
32
32
|
function SpinnerDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
34
34
|
p: "$3",
|
|
35
35
|
gap: "$4",
|
|
36
36
|
items: "center",
|
|
37
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
37
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
|
|
38
38
|
size: "small",
|
|
39
39
|
color: "$green10"
|
|
40
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
|
|
41
41
|
size: "large",
|
|
42
42
|
color: "$yellow10"
|
|
43
43
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SpinnerDemo_exports","__export","SpinnerDemo","module","exports","import_jsx_runtime","require","import_hanzogui","jsxs","YStack","p","gap","items"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAgC,CAAAK,mBAAA;AAI5B,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,eAAS,GAAAD,OAAc;AAC5B,SACEJ,YAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,eAAA,CAAAE,MAAQ;IACTC,CAAA;IAAwCC,GAC1C;IAEJC,KAAA","ignoreList":[]}
|
package/dist/cjs/StacksDemo.cjs
CHANGED
|
@@ -25,15 +25,15 @@ __export(StacksDemo_exports, {
|
|
|
25
25
|
StacksDemo: () => StacksDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(StacksDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function StacksDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
32
32
|
maxW: 250,
|
|
33
33
|
p: "$2",
|
|
34
34
|
self: "center",
|
|
35
35
|
gap: "$2",
|
|
36
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
36
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
37
37
|
flex: 1,
|
|
38
38
|
flexBasis: "auto",
|
|
39
39
|
borderWidth: 2,
|
|
@@ -41,20 +41,20 @@ function StacksDemo() {
|
|
|
41
41
|
rounded: "$4",
|
|
42
42
|
gap: "$2",
|
|
43
43
|
p: "$2",
|
|
44
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
45
45
|
bg: "$color",
|
|
46
46
|
rounded: "$3",
|
|
47
47
|
p: "$2"
|
|
48
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
48
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
49
49
|
bg: "$color",
|
|
50
50
|
rounded: "$3",
|
|
51
51
|
p: "$2"
|
|
52
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
53
53
|
bg: "$color",
|
|
54
54
|
rounded: "$3",
|
|
55
55
|
p: "$2"
|
|
56
56
|
})]
|
|
57
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
57
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
58
58
|
flex: 1,
|
|
59
59
|
flexBasis: "auto",
|
|
60
60
|
borderWidth: 2,
|
|
@@ -62,32 +62,32 @@ function StacksDemo() {
|
|
|
62
62
|
rounded: "$4",
|
|
63
63
|
gap: "$2",
|
|
64
64
|
p: "$2",
|
|
65
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
66
66
|
bg: "$color",
|
|
67
67
|
rounded: "$3",
|
|
68
68
|
p: "$2"
|
|
69
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
70
70
|
bg: "$color",
|
|
71
71
|
rounded: "$3",
|
|
72
72
|
p: "$2"
|
|
73
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
73
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
74
74
|
bg: "$color",
|
|
75
75
|
rounded: "$3",
|
|
76
76
|
p: "$2"
|
|
77
77
|
})]
|
|
78
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
78
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.ZStack, {
|
|
79
79
|
flex: 1,
|
|
80
80
|
flexBasis: "auto",
|
|
81
81
|
maxW: 50,
|
|
82
82
|
maxH: 85,
|
|
83
83
|
width: 100,
|
|
84
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
84
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
85
85
|
fullscreen: true,
|
|
86
86
|
rounded: "$4",
|
|
87
87
|
p: "$2",
|
|
88
88
|
borderColor: "$color",
|
|
89
89
|
borderWidth: 2
|
|
90
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
90
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
91
91
|
borderColor: "$color",
|
|
92
92
|
fullscreen: true,
|
|
93
93
|
y: 10,
|
|
@@ -95,7 +95,7 @@ function StacksDemo() {
|
|
|
95
95
|
borderWidth: 2,
|
|
96
96
|
rounded: "$4",
|
|
97
97
|
p: "$2"
|
|
98
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
98
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
99
99
|
borderColor: "$color",
|
|
100
100
|
fullscreen: true,
|
|
101
101
|
y: 20,
|
|
@@ -40,14 +40,14 @@ __export(StacksDemo_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(StacksDemo_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
|
function StacksDemo() {
|
|
45
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
45
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
46
46
|
maxW: 250,
|
|
47
47
|
p: "$2",
|
|
48
48
|
self: "center",
|
|
49
49
|
gap: "$2",
|
|
50
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
50
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
51
51
|
flex: 1,
|
|
52
52
|
flexBasis: "auto",
|
|
53
53
|
borderWidth: 2,
|
|
@@ -55,20 +55,20 @@ function StacksDemo() {
|
|
|
55
55
|
rounded: "$4",
|
|
56
56
|
gap: "$2",
|
|
57
57
|
p: "$2",
|
|
58
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
59
59
|
bg: "$color",
|
|
60
60
|
rounded: "$3",
|
|
61
61
|
p: "$2"
|
|
62
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
63
63
|
bg: "$color",
|
|
64
64
|
rounded: "$3",
|
|
65
65
|
p: "$2"
|
|
66
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
66
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
67
67
|
bg: "$color",
|
|
68
68
|
rounded: "$3",
|
|
69
69
|
p: "$2"
|
|
70
70
|
})]
|
|
71
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
71
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
72
72
|
flex: 1,
|
|
73
73
|
flexBasis: "auto",
|
|
74
74
|
borderWidth: 2,
|
|
@@ -76,32 +76,32 @@ function StacksDemo() {
|
|
|
76
76
|
rounded: "$4",
|
|
77
77
|
gap: "$2",
|
|
78
78
|
p: "$2",
|
|
79
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
79
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
80
80
|
bg: "$color",
|
|
81
81
|
rounded: "$3",
|
|
82
82
|
p: "$2"
|
|
83
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
84
84
|
bg: "$color",
|
|
85
85
|
rounded: "$3",
|
|
86
86
|
p: "$2"
|
|
87
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
87
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
88
88
|
bg: "$color",
|
|
89
89
|
rounded: "$3",
|
|
90
90
|
p: "$2"
|
|
91
91
|
})]
|
|
92
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
92
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.ZStack, {
|
|
93
93
|
flex: 1,
|
|
94
94
|
flexBasis: "auto",
|
|
95
95
|
maxW: 50,
|
|
96
96
|
maxH: 85,
|
|
97
97
|
width: 100,
|
|
98
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
98
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
99
99
|
fullscreen: true,
|
|
100
100
|
rounded: "$4",
|
|
101
101
|
p: "$2",
|
|
102
102
|
borderColor: "$color",
|
|
103
103
|
borderWidth: 2
|
|
104
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
104
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
105
105
|
borderColor: "$color",
|
|
106
106
|
fullscreen: true,
|
|
107
107
|
y: 10,
|
|
@@ -109,7 +109,7 @@ function StacksDemo() {
|
|
|
109
109
|
borderWidth: 2,
|
|
110
110
|
rounded: "$4",
|
|
111
111
|
p: "$2"
|
|
112
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
112
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
113
113
|
borderColor: "$color",
|
|
114
114
|
fullscreen: true,
|
|
115
115
|
y: 20,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","StacksDemo_exports","__export","StacksDemo","module","exports","import_jsx_runtime","require","import_react","import_hanzogui","jsxs","XStack","maxW","p","self","gap","children","YStack","flex","flexBasis","borderWidth","borderColor","rounded","jsx","bg"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,OAAA,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAC,MAAA,MAAAA,MAAA,GAAAF,GAAA,WAAAG,QAAA,CAAAC,YAAA,CAAAJ,GAAA,SAAAK,WAAA;AAAA;AAAA;AACA;AAKM;AAHCJ,UAAS,KAAAD,GAAA,IAAa,CAAAA,GAAA,CAAAM,UAAA,GAAAC,SAAA,CAAAL,MAAA;EAAAM,KAAA,EAAAR,GAAA;EAAAS,UAAA;AAAA,KAAAP,MAAA,EAC3BF,GAEI;AAAA,IAAAU,YAAC,GAAAV,GAAA,IAAAK,WAAA,CAAAE,SAAA;EAAAC,KAAA;AAAA,IAAAR,GAAA;AAAA,IAAAW,kBAAA;AAAAC,QACC,CAAAD,kBAAM;EAAAE,UACN,EAAAA,CAAA,KAAUA;AAAA;AACGC,MAAA,CAAAC,OACb,GAAAL,YAAY,CAAAC,kBAAA;AAAA,IAAAK,kBACJ,GAAAC,OAAA;AAAA,IAAAC,YACJ,GAAAnB,OAAA,CAAAkB,OAAA;AAAA,IAAAE,eACF,GAAAF,OAAA;AAAA,SAEFJ,WAAA;EAAA,0BAAAG,kBAAA,CAAAI,IAAA,EAACD,eAAA,CAAAE,MAAA;IAAuCC,IAAA,EACxC;IAAwCC,CAAA,MACxC;IAAwCC,IAAA;IAAAC,GAAA;IAC1CC,QAAA,GAEA,mBAAAV,kBAAA,CAAAI,IAAA,EAAAD,eAAA,CAAAQ,MAAA;MAACC,IAAA;MAAAC,SAAA;MACCC,WAAM;MACNC,WAAU;MACVC,OAAA,MAAa;MACbP,GAAA;MACAF,CAAA;MACAG,QAAI,GACJ,eAAE,IAAAV,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA;QAEFO,EAAA;QAAAF,OAAA;QACAT,CAAA;MACA,IAAwC,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA;QAAAO,EAAA;QAC1CF,OAAA;QAEAT,CAAA;MACE,IACA,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA;QAACO,EAAA;QAAAF,OAAA;QACCT,CAAA;MACA;IACG,IACA,eACH,CAAa,GAAAP,kBAAA,CAAAI,IAAA,EAAAD,eAAA,CAAAE,MAAA;MAAAO,IACb;MAAQC,SACN;MAAAC,WAAA;MACJC,WAAA;MACAC,OAAA;MAACP,GAAA;MAAAF,CAAA;MAAAG,QACC,GACA,eAAU,IAAAV,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA;QACVO,EAAG;QACHF,OAAG;QACHT,CAAA;MACA,IACA,eAAE,IAAAP,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA;QAAAO,EAAA;QACJF,OAAA;QACFT,CAAA;MACF,IAEJ,mBAAAP,kBAAA,CAAAiB,GAAA,EAAAd,eAAA,CAAAQ,MAAA","ignoreList":[]}
|
package/dist/cjs/SwitchDemo.cjs
CHANGED
|
@@ -26,15 +26,15 @@ __export(SwitchDemo_exports, {
|
|
|
26
26
|
SwitchWithLabel: () => SwitchWithLabel
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(SwitchDemo_exports);
|
|
29
|
-
var
|
|
29
|
+
var import_hanzogui = require("hanzogui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function SwitchDemo() {
|
|
32
32
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
|
|
33
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
34
34
|
width: 200,
|
|
35
35
|
items: "center",
|
|
36
36
|
gap: "$3",
|
|
37
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
37
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
38
38
|
gap: "$3",
|
|
39
39
|
$xs: {
|
|
40
40
|
flexDirection: "column"
|
|
@@ -45,7 +45,7 @@ function SwitchDemo() {
|
|
|
45
45
|
size: "$2",
|
|
46
46
|
defaultChecked: true
|
|
47
47
|
})]
|
|
48
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
48
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
49
49
|
gap: "$3",
|
|
50
50
|
$xs: {
|
|
51
51
|
flexDirection: "column"
|
|
@@ -56,7 +56,7 @@ function SwitchDemo() {
|
|
|
56
56
|
size: "$3",
|
|
57
57
|
defaultChecked: true
|
|
58
58
|
})]
|
|
59
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
59
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
60
60
|
gap: "$3",
|
|
61
61
|
$xs: {
|
|
62
62
|
flexDirection: "column"
|
|
@@ -73,21 +73,21 @@ function SwitchDemo() {
|
|
|
73
73
|
}
|
|
74
74
|
function SwitchWithLabel(props) {
|
|
75
75
|
const id = `switch-${props.size.toString().slice(1)}-${props.defaultChecked ?? ""}}`;
|
|
76
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
76
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
77
77
|
width: 200,
|
|
78
78
|
items: "center",
|
|
79
79
|
gap: "$4",
|
|
80
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
80
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
81
81
|
pr: "$0",
|
|
82
82
|
minW: 90,
|
|
83
83
|
justify: "flex-end",
|
|
84
84
|
size: props.size,
|
|
85
85
|
htmlFor: id,
|
|
86
86
|
children: "Accept"
|
|
87
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
87
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
|
|
88
88
|
minH: 20,
|
|
89
89
|
vertical: true
|
|
90
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
90
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Switch, {
|
|
91
91
|
id,
|
|
92
92
|
transition: "300ms",
|
|
93
93
|
size: props.size,
|
|
@@ -95,7 +95,7 @@ function SwitchWithLabel(props) {
|
|
|
95
95
|
activeStyle: {
|
|
96
96
|
backgroundColor: "$color6"
|
|
97
97
|
},
|
|
98
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
98
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Switch.Thumb, {
|
|
99
99
|
transition: "quickest"
|
|
100
100
|
})
|
|
101
101
|
})]
|