@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
|
@@ -30,17 +30,17 @@ module.exports = __toCommonJS(DialogDemo_exports);
|
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
32
|
var import_react = require("react");
|
|
33
|
-
var
|
|
33
|
+
var import_hanzogui = require("hanzogui");
|
|
34
34
|
var import_SelectDemo = require("./SelectDemo.native.js");
|
|
35
35
|
function DialogDemo() {
|
|
36
36
|
var [mode, setMode] = (0, import_react.useState)("plain");
|
|
37
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
37
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.View, {
|
|
38
38
|
gap: "$4",
|
|
39
39
|
justify: "center",
|
|
40
40
|
items: "center",
|
|
41
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
42
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
43
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
41
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XGroup, {
|
|
42
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
43
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
44
44
|
size: "$3",
|
|
45
45
|
theme: mode === "plain" ? "accent" : void 0,
|
|
46
46
|
onPress: function () {
|
|
@@ -48,8 +48,8 @@ function DialogDemo() {
|
|
|
48
48
|
},
|
|
49
49
|
children: "Plain"
|
|
50
50
|
})
|
|
51
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
51
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
52
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
53
53
|
size: "$3",
|
|
54
54
|
theme: mode === "adapt" ? "accent" : void 0,
|
|
55
55
|
onPress: function () {
|
|
@@ -57,8 +57,8 @@ function DialogDemo() {
|
|
|
57
57
|
},
|
|
58
58
|
children: "Adapt to Sheet"
|
|
59
59
|
})
|
|
60
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
61
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
62
62
|
size: "$3",
|
|
63
63
|
theme: mode === "keepMounted" ? "accent" : void 0,
|
|
64
64
|
onPress: function () {
|
|
@@ -77,32 +77,32 @@ function DialogInstance(param) {
|
|
|
77
77
|
mode
|
|
78
78
|
} = param;
|
|
79
79
|
var [open, setOpen] = (0, import_react.useState)(false);
|
|
80
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
80
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Dialog, {
|
|
81
81
|
modal: true,
|
|
82
82
|
keepChildrenMounted: mode === "keepMounted",
|
|
83
83
|
open,
|
|
84
84
|
onOpenChange: setOpen,
|
|
85
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
85
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Dialog.Trigger, {
|
|
86
86
|
asChild: true,
|
|
87
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
88
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
87
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
88
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button.Text, {
|
|
89
89
|
children: "Show Dialog"
|
|
90
90
|
})
|
|
91
91
|
})
|
|
92
|
-
}), mode === "adapt" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
92
|
+
}), mode === "adapt" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Adapt, {
|
|
93
93
|
when: "maxMd",
|
|
94
94
|
platform: "touch",
|
|
95
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
95
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Sheet, {
|
|
96
96
|
transition: "medium",
|
|
97
97
|
zIndex: 2e5,
|
|
98
98
|
modal: true,
|
|
99
99
|
dismissOnSnapToBottom: true,
|
|
100
100
|
unmountChildrenWhenHidden: true,
|
|
101
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
101
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.Frame, {
|
|
102
102
|
p: "$4",
|
|
103
103
|
gap: "$4",
|
|
104
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
105
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
104
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Adapt.Contents, {})
|
|
105
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.Overlay, {
|
|
106
106
|
bg: "$background",
|
|
107
107
|
opacity: 0.5,
|
|
108
108
|
transition: "lazy",
|
|
@@ -114,8 +114,8 @@ function DialogInstance(param) {
|
|
|
114
114
|
}
|
|
115
115
|
})]
|
|
116
116
|
})
|
|
117
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
118
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
117
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Dialog.Portal, {
|
|
118
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Dialog.Overlay, {
|
|
119
119
|
bg: "$background",
|
|
120
120
|
opacity: 0.5,
|
|
121
121
|
animateOnly: ["transform", "opacity"],
|
|
@@ -130,9 +130,9 @@ function DialogInstance(param) {
|
|
|
130
130
|
exitStyle: {
|
|
131
131
|
opacity: 0
|
|
132
132
|
}
|
|
133
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
133
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Dialog.FocusScope, {
|
|
134
134
|
focusOnIdle: true,
|
|
135
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
135
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Dialog.Content, {
|
|
136
136
|
transition: ["quicker", {
|
|
137
137
|
opacity: {
|
|
138
138
|
overshootClamping: true
|
|
@@ -150,64 +150,64 @@ function DialogInstance(param) {
|
|
|
150
150
|
scale: 0.95
|
|
151
151
|
},
|
|
152
152
|
gap: "$4",
|
|
153
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
153
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Dialog.Title, {
|
|
154
154
|
children: "Edit profile"
|
|
155
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
155
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Dialog.Description, {
|
|
156
156
|
children: "Make changes to your profile here. Click save when you're done."
|
|
157
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
157
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Fieldset, {
|
|
158
158
|
gap: "$4",
|
|
159
159
|
horizontal: true,
|
|
160
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
160
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
161
161
|
width: 64,
|
|
162
162
|
htmlFor: "name",
|
|
163
163
|
children: "Name"
|
|
164
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
164
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Input, {
|
|
165
165
|
flex: 1,
|
|
166
166
|
id: "name",
|
|
167
167
|
defaultValue: "Nate Wienert"
|
|
168
168
|
})]
|
|
169
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
169
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Fieldset, {
|
|
170
170
|
gap: "$4",
|
|
171
171
|
horizontal: true,
|
|
172
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
172
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
173
173
|
width: 64,
|
|
174
174
|
htmlFor: "username",
|
|
175
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
175
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.TooltipSimple, {
|
|
176
176
|
label: "Pick your favorite",
|
|
177
177
|
placement: "bottom-start",
|
|
178
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
178
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
179
179
|
children: "Food"
|
|
180
180
|
})
|
|
181
181
|
})
|
|
182
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
182
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
183
183
|
flex: 1,
|
|
184
184
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoContents, {
|
|
185
|
-
trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
185
|
+
trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.Trigger, {
|
|
186
186
|
flex: 1,
|
|
187
187
|
iconAfter: import_lucide_icons_2.ChevronDown,
|
|
188
188
|
borderRadius: "$4",
|
|
189
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
189
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Select.Value, {
|
|
190
190
|
placeholder: "Something"
|
|
191
191
|
})
|
|
192
192
|
})
|
|
193
193
|
})
|
|
194
194
|
})]
|
|
195
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
195
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
196
196
|
self: "flex-end",
|
|
197
197
|
gap: "$4",
|
|
198
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
198
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Dialog.Close, {
|
|
199
199
|
displayWhenAdapted: true,
|
|
200
200
|
asChild: true,
|
|
201
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
201
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
202
202
|
theme: "accent",
|
|
203
203
|
"aria-label": "Close",
|
|
204
204
|
children: "Save changes"
|
|
205
205
|
})
|
|
206
206
|
})
|
|
207
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
208
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
207
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Unspaced, {
|
|
208
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Dialog.Close, {
|
|
209
209
|
asChild: true,
|
|
210
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
210
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
211
211
|
position: "absolute",
|
|
212
212
|
r: "$3",
|
|
213
213
|
size: "$2",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DialogDemo_exports","DialogDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_react","import_gui","import_SelectDemo","mode","setMode","useState","jsxs","View","gap","justify","items","children","XGroup","jsx","Item","Button","size","theme","onPress","DialogInstance","param","open","setOpen","Dialog","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","Adapt","when","platform","Sheet","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","x","y","scale","Title","Description","Fieldset","horizontal","Label","width","htmlFor","Input","flex","id","defaultValue","TooltipSimple","label","placement","Paragraph","XStack","SelectDemoContents","trigger","Select","iconAfter","ChevronDown","borderRadius","Value","placeholder","self","Close","displayWhenAdapted","Unspaced","position","r","circular","icon","X"],"sources":["DialogDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar DialogDemo_exports = {};\n__export(DialogDemo_exports, {\n DialogDemo: () => DialogDemo\n});\nmodule.exports = __toCommonJS(DialogDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_react = require(\"react\");\nvar import_gui = require(\"@hanzo/gui\");\nvar import_SelectDemo = require(\"./SelectDemo\");\nfunction DialogDemo() {\n var [mode, setMode] = (0, import_react.useState)(\"plain\");\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.View, {\n gap: \"$4\",\n justify: \"center\",\n items: \"center\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XGroup, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n size: \"$3\",\n theme: mode === \"plain\" ? \"accent\" : void 0,\n onPress: function() {\n return setMode(\"plain\");\n },\n children: \"Plain\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n size: \"$3\",\n theme: mode === \"adapt\" ? \"accent\" : void 0,\n onPress: function() {\n return setMode(\"adapt\");\n },\n children: \"Adapt to Sheet\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n size: \"$3\",\n theme: mode === \"keepMounted\" ? \"accent\" : void 0,\n onPress: function() {\n return setMode(\"keepMounted\");\n },\n children: \"Keep Mounted\"\n })\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {\n mode\n })\n ]\n });\n}\nfunction DialogInstance(param) {\n var { mode } = param;\n var [open, setOpen] = (0, import_react.useState)(false);\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Dialog, {\n modal: true,\n keepChildrenMounted: mode === \"keepMounted\",\n open,\n onOpenChange: setOpen,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Dialog.Trigger, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button.Text, {\n children: \"Show Dialog\"\n })\n })\n }),\n mode === \"adapt\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Adapt, {\n when: \"maxMd\",\n platform: \"touch\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Sheet, {\n transition: \"medium\",\n zIndex: 2e5,\n modal: true,\n dismissOnSnapToBottom: true,\n unmountChildrenWhenHidden: true,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Sheet.Frame, {\n p: \"$4\",\n gap: \"$4\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Adapt.Contents, {})\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Sheet.Overlay, {\n bg: \"$background\",\n opacity: 0.5,\n transition: \"lazy\",\n enterStyle: {\n opacity: 0\n },\n exitStyle: {\n opacity: 0\n }\n })\n ]\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Dialog.Portal, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Dialog.Overlay, {\n bg: \"$background\",\n opacity: 0.5,\n animateOnly: [\n \"transform\",\n \"opacity\"\n ],\n transition: [\n \"quicker\",\n {\n opacity: {\n overshootClamping: true\n }\n }\n ],\n enterStyle: {\n opacity: 0\n },\n exitStyle: {\n opacity: 0\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Dialog.FocusScope, {\n focusOnIdle: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Dialog.Content, {\n transition: [\n \"quicker\",\n {\n opacity: {\n overshootClamping: true\n }\n }\n ],\n enterStyle: {\n x: 0,\n y: 20,\n opacity: 0\n },\n exitStyle: {\n x: 0,\n y: 10,\n opacity: 0,\n scale: 0.95\n },\n gap: \"$4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Dialog.Title, {\n children: \"Edit profile\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Dialog.Description, {\n children: \"Make changes to your profile here. Click save when you're done.\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Fieldset, {\n gap: \"$4\",\n horizontal: true,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n width: 64,\n htmlFor: \"name\",\n children: \"Name\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Input, {\n flex: 1,\n id: \"name\",\n defaultValue: \"Nate Wienert\"\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Fieldset, {\n gap: \"$4\",\n horizontal: true,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n width: 64,\n htmlFor: \"username\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.TooltipSimple, {\n label: \"Pick your favorite\",\n placement: \"bottom-start\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Paragraph, {\n children: \"Food\"\n })\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XStack, {\n flex: 1,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoContents, {\n trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Select.Trigger, {\n flex: 1,\n iconAfter: import_lucide_icons_2.ChevronDown,\n borderRadius: \"$4\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Select.Value, {\n placeholder: \"Something\"\n })\n })\n })\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XStack, {\n self: \"flex-end\",\n gap: \"$4\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Dialog.Close, {\n displayWhenAdapted: true,\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"accent\",\n \"aria-label\": \"Close\",\n children: \"Save changes\"\n })\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Unspaced, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Dialog.Close, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n position: \"absolute\",\n r: \"$3\",\n size: \"$2\",\n circular: true,\n icon: import_lucide_icons_2.X\n })\n })\n })\n ]\n })\n })\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=DialogDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DialogDemo_exports","__export","DialogDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_react","import_hanzogui","import_SelectDemo","mode","setMode","useState","jsxs","View","gap","justify","items","children","XGroup","jsx","Item","Button","size","theme","onPress","DialogInstance","param","open","setOpen","Dialog","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","Adapt","when","platform","Sheet","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/FormsDemo.cjs
CHANGED
|
@@ -37,7 +37,7 @@ __export(FormsDemo_exports, {
|
|
|
37
37
|
});
|
|
38
38
|
module.exports = __toCommonJS(FormsDemo_exports);
|
|
39
39
|
var import_react = __toESM(require("react"), 1);
|
|
40
|
-
var
|
|
40
|
+
var import_hanzogui = require("hanzogui");
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
function FormsDemo(props) {
|
|
43
43
|
const [status, setStatus] = import_react.default.useState("off");
|
|
@@ -49,7 +49,7 @@ function FormsDemo(props) {
|
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
51
|
}, [status]);
|
|
52
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Form, {
|
|
53
53
|
items: "center",
|
|
54
54
|
gap: "$2",
|
|
55
55
|
onSubmit: () => setStatus("submitting"),
|
|
@@ -59,20 +59,20 @@ function FormsDemo(props) {
|
|
|
59
59
|
borderColor: "$borderColor",
|
|
60
60
|
minW: 350,
|
|
61
61
|
p: "$6",
|
|
62
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Form.Trigger, {
|
|
63
63
|
asChild: true,
|
|
64
64
|
disabled: status !== "off",
|
|
65
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
65
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
66
66
|
gap: "$4",
|
|
67
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
67
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
68
68
|
children: "Submit"
|
|
69
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
70
70
|
width: "100%",
|
|
71
71
|
height: 40,
|
|
72
72
|
justifyContent: "center",
|
|
73
73
|
alignItems: "center",
|
|
74
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
-
children: status === "submitting" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
74
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AnimatePresence, {
|
|
75
|
+
children: status === "submitting" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
|
|
76
76
|
transition: "medium",
|
|
77
77
|
enterStyle: {
|
|
78
78
|
opacity: 0
|
|
@@ -40,7 +40,7 @@ __export(FormsDemo_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(FormsDemo_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 FormsDemo(props) {
|
|
45
45
|
var [status, setStatus] = import_react.default.useState("off");
|
|
46
46
|
import_react.default.useEffect(function () {
|
|
@@ -53,7 +53,7 @@ function FormsDemo(props) {
|
|
|
53
53
|
};
|
|
54
54
|
}
|
|
55
55
|
}, [status]);
|
|
56
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Form, {
|
|
57
57
|
items: "center",
|
|
58
58
|
gap: "$2",
|
|
59
59
|
onSubmit: function () {
|
|
@@ -65,20 +65,20 @@ function FormsDemo(props) {
|
|
|
65
65
|
borderColor: "$borderColor",
|
|
66
66
|
minW: 350,
|
|
67
67
|
p: "$6",
|
|
68
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
68
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Form.Trigger, {
|
|
69
69
|
asChild: true,
|
|
70
70
|
disabled: status !== "off",
|
|
71
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
71
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
72
72
|
gap: "$4",
|
|
73
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
73
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
74
74
|
children: "Submit"
|
|
75
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
76
76
|
width: "100%",
|
|
77
77
|
height: 40,
|
|
78
78
|
justifyContent: "center",
|
|
79
79
|
alignItems: "center",
|
|
80
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
81
|
-
children: status === "submitting" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
80
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.AnimatePresence, {
|
|
81
|
+
children: status === "submitting" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
|
|
82
82
|
transition: "medium",
|
|
83
83
|
enterStyle: {
|
|
84
84
|
opacity: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormsDemo_exports","__export","FormsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_hanzogui","props","status","setStatus","default","useState","useEffect","timer","setTimeout","clearTimeout","jsx","Form","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","jsxs","YStack","Button","width"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,iBAAA;AAElB,IAAAK,kBAWO,GAAAC,OAAA;AA2BC,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;AAzBD,IAAAG,eAAmB,GAAAH,OAA6B;AACrD,SAAOJ,SAAQA,CAAAQ,KAAA,EAAS;EAExB,KAAAC,MAAA,EAAAC,SAAM,IAAAL,YAAgB,CAAAM,OAAA,CAAAC,QAAA;EACpBP,YAAI,CAAAM,OAAW,CAAAE,SAAA,CAAc;IAC3B,IAAAJ,MAAM,iBAAmB;MACzB,IAAAK,KAAO,GAAAC,UAAM;QACX,OAAAL,SAAa,MAAK;MACpB;MACF;QACEM,YAAO,CAAAF,KAAA;MAEX;IACG;EAAA,IAAAL,MACC,CAAM;EACF,OACJ,eAAgB,IAAAN,kBAAsB,CAAAc,GAAA,EAAAV,eAAA,CAAAW,IAAA;IAAAC,KACtC,UAAa;IAAAC,GACb;IAAQC,QACL,WAAAA,CAAA;MACH,OAAAX,SAAY;IAAA;IACNY,WACJ;IAAAC,OAEF;IAEIC,EAAA;IAAcC,WACd;IAGMC,IAAA,EAAC;IAAAC,CAAA;IAAAC,QACC,iBAAW,IAAAzB,kBAAA,CAAAc,GAAA,EAAAV,eAAA,CAAAW,IAAA,CAAAW,OAAA;MAAAC,OACX;MAAyBC,QACzB,EAAAtB,MAAA,KAAU;MAAAmB,QAEV,iBAAO,IAAAzB,kBAAA,CAAA6B,IAAA,EAAAzB,eAAA,CAAA0B,MAAA;QAAAb,GAAA;QAAAQ,QADH,GAEN,eAGN,IAAAzB,kBAAA,CAAAc,GAAA,EAAAV,eAAA,CAAA2B,MAAA;UAEJN,QAAA;QAAA,IACF,mBAAAzB,kBAAA,CAAAc,GAAA,EAAAV,eAAA,CAAA0B,MAAA;UAEJE,KAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Grid_exports","__export","Grid","module","exports","import_jsx_runtime","require","import_core","import_stacks","import_react","__toESM","param","children","columns","itemMinWidth","gap","isWeb","jsx","style","display","justifyContent","gridTemplateColumns","childrenList","default","Children","toArray","XStack","items","justify","flexWrap","map","child","i"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,YAAA;AACtB,IAAAK,kBAAuB,GAAAC,OAAA;AACvB,IAAAC,WAAA,GAAAD,OAAkB;AAYZ,IAAAE,aAAA,GAAAF,OAAA;AAHC,IAAAG,YAAgB,GAAAC,OAAU,CAAAJ,OAAA,CAAS;AACxC,SAAIJ,KAAAS,KAAA;EACF;IAAAC,QACE;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EAAA,IAACJ,WAAA,CAAAS,KAAA;IAAA,0BAAAX,kBAAA,CAAAY,GAAA;MAAAC,KACC;QAAOH,GACL;QAAAI,OACA,QAAS;QAAAC,cACT,WAAgB;QAAAC,mBAChB,8BAAqBP,YAA4B;MAAY;MAC/DF;IAEC;EAAA;EAGP,IAAAU,YAAA,GAAAb,YAAA,CAAAc,OAAA,CAAAC,QAAA,CAAAC,OAAA,CAAAb,QAAA;EAEA,OAAM,eAAe,IAAAP,kBAAM,CAAAY,GAAA,EAAST,aAAQ,CAAAkB,MAAQ;IAEpDC,KACE;IAEIC,OAAK,UAAO;IACVC,QAAA,EAAO;IACTjB,QAAA,EAAAU,YAAA,CAAAQ,GAAA,WAAAC,KAAA,EAAAC,CAAA;MAGA,KACED,KAAA;QAKN;MAEJ","ignoreList":[]}
|
package/dist/cjs/GroupDemo.cjs
CHANGED
|
@@ -26,31 +26,31 @@ __export(GroupDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(GroupDemo_exports);
|
|
28
28
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
29
|
-
var
|
|
29
|
+
var import_hanzogui = require("hanzogui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function GroupDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
33
33
|
p: "$3",
|
|
34
34
|
gap: "$2",
|
|
35
35
|
items: "center",
|
|
36
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
36
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Group, {
|
|
37
37
|
orientation: "horizontal",
|
|
38
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
39
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
38
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Group.Item, {
|
|
39
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
40
40
|
children: "First"
|
|
41
41
|
})
|
|
42
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
43
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Group.Item, {
|
|
43
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
44
44
|
children: "Second"
|
|
45
45
|
})
|
|
46
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
47
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
46
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Group.Item, {
|
|
47
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
48
48
|
children: "Third"
|
|
49
49
|
})
|
|
50
50
|
})]
|
|
51
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
52
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
51
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XGroup, {
|
|
52
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
53
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
54
54
|
size: "$3",
|
|
55
55
|
$gtSm: {
|
|
56
56
|
size: "$5"
|
|
@@ -58,8 +58,8 @@ function GroupDemo() {
|
|
|
58
58
|
icon: import_lucide_icons_2.Activity,
|
|
59
59
|
children: "First"
|
|
60
60
|
})
|
|
61
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
62
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
63
63
|
size: "$3",
|
|
64
64
|
$gtSm: {
|
|
65
65
|
size: "$5"
|
|
@@ -68,22 +68,22 @@ function GroupDemo() {
|
|
|
68
68
|
children: "Second"
|
|
69
69
|
})
|
|
70
70
|
})]
|
|
71
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
72
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
73
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
71
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YGroup, {
|
|
72
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
73
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
74
74
|
borderRadius: "$6",
|
|
75
75
|
theme: "surface1",
|
|
76
76
|
title: "First"
|
|
77
77
|
})
|
|
78
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
79
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
78
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
79
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
80
80
|
borderRadius: "$6",
|
|
81
81
|
theme: "surface1",
|
|
82
82
|
title: "Second",
|
|
83
83
|
subTitle: "Second subtitle"
|
|
84
84
|
})
|
|
85
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
86
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
85
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
86
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
87
87
|
borderRadius: "$6",
|
|
88
88
|
theme: "surface1",
|
|
89
89
|
children: "Third"
|
|
@@ -29,31 +29,31 @@ __export(GroupDemo_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(GroupDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
|
-
var
|
|
32
|
+
var import_hanzogui = require("hanzogui");
|
|
33
33
|
function GroupDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
35
35
|
p: "$3",
|
|
36
36
|
gap: "$2",
|
|
37
37
|
items: "center",
|
|
38
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
38
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Group, {
|
|
39
39
|
orientation: "horizontal",
|
|
40
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
41
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Group.Item, {
|
|
41
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
42
42
|
children: "First"
|
|
43
43
|
})
|
|
44
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
45
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Group.Item, {
|
|
45
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
46
46
|
children: "Second"
|
|
47
47
|
})
|
|
48
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
49
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
48
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Group.Item, {
|
|
49
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
50
50
|
children: "Third"
|
|
51
51
|
})
|
|
52
52
|
})]
|
|
53
53
|
}), /* responsive size - children control their own size/radius */
|
|
54
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
55
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XGroup, {
|
|
55
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
56
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
57
57
|
size: "$3",
|
|
58
58
|
$gtSm: {
|
|
59
59
|
size: "$5"
|
|
@@ -61,8 +61,8 @@ function GroupDemo() {
|
|
|
61
61
|
icon: import_lucide_icons_2.Activity,
|
|
62
62
|
children: "First"
|
|
63
63
|
})
|
|
64
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
64
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
65
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
66
66
|
size: "$3",
|
|
67
67
|
$gtSm: {
|
|
68
68
|
size: "$5"
|
|
@@ -72,22 +72,22 @@ function GroupDemo() {
|
|
|
72
72
|
})
|
|
73
73
|
})]
|
|
74
74
|
}), /* with separators - add them between items */
|
|
75
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
76
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YGroup, {
|
|
76
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
77
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
78
78
|
borderRadius: "$6",
|
|
79
79
|
theme: "surface1",
|
|
80
80
|
title: "First"
|
|
81
81
|
})
|
|
82
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
82
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
83
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
84
84
|
borderRadius: "$6",
|
|
85
85
|
theme: "surface1",
|
|
86
86
|
title: "Second",
|
|
87
87
|
subTitle: "Second subtitle"
|
|
88
88
|
})
|
|
89
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
90
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
89
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YGroup.Item, {
|
|
90
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.ListItem, {
|
|
91
91
|
borderRadius: "$6",
|
|
92
92
|
theme: "surface1",
|
|
93
93
|
children: "Third"
|