@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
|
@@ -31,12 +31,12 @@ module.exports = __toCommonJS(PopoverDemo_exports);
|
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
33
33
|
var import_react = require("react");
|
|
34
|
-
var
|
|
34
|
+
var import_hanzogui = require("hanzogui");
|
|
35
35
|
function PopoverDemo() {
|
|
36
36
|
var [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(true);
|
|
37
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
37
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
38
38
|
gap: "$4",
|
|
39
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
39
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
40
40
|
gap: "$2",
|
|
41
41
|
flex: 1,
|
|
42
42
|
justify: "center",
|
|
@@ -62,7 +62,7 @@ function PopoverDemo() {
|
|
|
62
62
|
Icon: import_lucide_icons_2.ChevronRight,
|
|
63
63
|
Name: "right-popover"
|
|
64
64
|
})]
|
|
65
|
-
}), !
|
|
65
|
+
}), !import_hanzogui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Button, {
|
|
66
66
|
onPress: function () {
|
|
67
67
|
return setShouldAdapt(!shouldAdapt);
|
|
68
68
|
},
|
|
@@ -77,29 +77,29 @@ function Demo(param) {
|
|
|
77
77
|
shouldAdapt,
|
|
78
78
|
...props
|
|
79
79
|
} = param;
|
|
80
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
80
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Popover, {
|
|
81
81
|
size: "$5",
|
|
82
82
|
allowFlip: true,
|
|
83
83
|
stayInFrame: true,
|
|
84
84
|
offset: 15,
|
|
85
85
|
resize: true,
|
|
86
86
|
...props,
|
|
87
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
87
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Popover.Trigger, {
|
|
88
88
|
asChild: true,
|
|
89
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
89
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
90
90
|
icon: Icon
|
|
91
91
|
})
|
|
92
|
-
}), shouldAdapt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
92
|
+
}), shouldAdapt && /* @__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
|
modal: true,
|
|
98
98
|
dismissOnSnapToBottom: true,
|
|
99
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
99
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.Frame, {
|
|
100
100
|
p: "$4",
|
|
101
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
102
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
101
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Adapt.Contents, {})
|
|
102
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Sheet.Overlay, {
|
|
103
103
|
bg: "$shadowColor",
|
|
104
104
|
transition: "lazy",
|
|
105
105
|
enterStyle: {
|
|
@@ -110,7 +110,7 @@ function Demo(param) {
|
|
|
110
110
|
}
|
|
111
111
|
})]
|
|
112
112
|
})
|
|
113
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
113
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Popover.Content, {
|
|
114
114
|
borderWidth: 1,
|
|
115
115
|
borderColor: "$borderColor",
|
|
116
116
|
width: 300,
|
|
@@ -129,24 +129,24 @@ function Demo(param) {
|
|
|
129
129
|
overshootClamping: true
|
|
130
130
|
}
|
|
131
131
|
}],
|
|
132
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
132
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Popover.Arrow, {
|
|
133
133
|
borderWidth: 1,
|
|
134
134
|
borderColor: "$borderColor"
|
|
135
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
135
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
136
136
|
gap: "$3",
|
|
137
137
|
mb: "$3",
|
|
138
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
138
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
139
139
|
size: "$3",
|
|
140
140
|
htmlFor: Name,
|
|
141
141
|
children: "Name"
|
|
142
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
142
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Input, {
|
|
143
143
|
flex: 1,
|
|
144
144
|
size: "$3",
|
|
145
145
|
id: Name
|
|
146
146
|
})]
|
|
147
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
147
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Popover.Close, {
|
|
148
148
|
asChild: true,
|
|
149
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
149
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
150
150
|
size: "$3",
|
|
151
151
|
onPress: function () {},
|
|
152
152
|
children: (/* Custom code goes here, does not interfere with popover closure */
|
|
@@ -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","PopoverDemo_exports","Demo","PopoverDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_react","import_gui","shouldAdapt","setShouldAdapt","useState","jsxs","YStack","gap","children","XStack","flex","justify","items","jsx","placement","Icon","ChevronLeft","Name","ChevronDown","ChevronUp","ChevronRight","isWeb","Button","onPress","param","props","Popover","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","Adapt","when","platform","Sheet","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow","overshootClamping","Arrow","mb","Label","htmlFor","Input","id","Close"],"sources":["PopoverDemo.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 PopoverDemo_exports = {};\n__export(PopoverDemo_exports, {\n Demo: () => Demo,\n PopoverDemo: () => PopoverDemo\n});\nmodule.exports = __toCommonJS(PopoverDemo_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\");\nfunction PopoverDemo() {\n var [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(true);\n return /* @__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: \"$2\",\n flex: 1,\n justify: \"center\",\n items: \"center\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n shouldAdapt,\n placement: \"left\",\n Icon: import_lucide_icons_2.ChevronLeft,\n Name: \"left-popover\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n shouldAdapt,\n placement: \"bottom\",\n Icon: import_lucide_icons_2.ChevronDown,\n Name: \"bottom-popover\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n shouldAdapt,\n placement: \"top\",\n Icon: import_lucide_icons_2.ChevronUp,\n Name: \"top-popover\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {\n shouldAdapt,\n placement: \"right\",\n Icon: import_lucide_icons_2.ChevronRight,\n Name: \"right-popover\"\n })\n ]\n }),\n !import_gui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Button, {\n onPress: function() {\n return setShouldAdapt(!shouldAdapt);\n },\n children: [\n \"Adapt to Sheet: \",\n `${shouldAdapt}`\n ]\n })\n ]\n });\n}\nfunction Demo(param) {\n var { Icon, Name, shouldAdapt, ...props } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Popover, {\n size: \"$5\",\n allowFlip: true,\n stayInFrame: true,\n offset: 15,\n resize: true,\n ...props,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Popover.Trigger, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n icon: Icon\n })\n }),\n shouldAdapt && /* @__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 modal: true,\n dismissOnSnapToBottom: true,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Sheet.Frame, {\n p: \"$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: \"$shadowColor\",\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.Popover.Content, {\n borderWidth: 1,\n borderColor: \"$borderColor\",\n width: 300,\n height: 200,\n enterStyle: {\n y: -10,\n opacity: 0\n },\n exitStyle: {\n y: -10,\n opacity: 0\n },\n boxShadow: \"0px 4px 8px rgba(0,0,0,0.1), 0px 12px 32px rgba(0,0,0,0.08)\",\n transition: [\n \"quick\",\n {\n opacity: {\n overshootClamping: true\n }\n }\n ],\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Popover.Arrow, {\n borderWidth: 1,\n borderColor: \"$borderColor\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n gap: \"$3\",\n mb: \"$3\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n size: \"$3\",\n htmlFor: Name,\n children: \"Name\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Input, {\n flex: 1,\n size: \"$3\",\n id: Name\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Popover.Close, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n size: \"$3\",\n onPress: function() {\n },\n children: (\n /* Custom code goes here, does not interfere with popover closure */\n \"Submit\"\n )\n })\n })\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=PopoverDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","PopoverDemo_exports","__export","Demo","PopoverDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_react","import_hanzogui","shouldAdapt","setShouldAdapt","useState","jsxs","YStack","gap","children","XStack","flex","justify","items","jsx","placement","Icon","ChevronLeft","Name","ChevronDown","ChevronUp","ChevronRight","isWeb","Button","onPress","param","props","Popover","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","Adapt","when","platform","Sheet","transition","modal","dismissOnSnapToBottom","Frame","p","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","boxShadow"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -37,7 +37,7 @@ __export(ProgressDemo_exports, {
|
|
|
37
37
|
});
|
|
38
38
|
module.exports = __toCommonJS(ProgressDemo_exports);
|
|
39
39
|
var import_react = __toESM(require("react"), 1);
|
|
40
|
-
var
|
|
40
|
+
var import_hanzogui = require("hanzogui");
|
|
41
41
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
42
42
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
43
|
function ProgressDemo() {
|
|
@@ -45,18 +45,18 @@ function ProgressDemo() {
|
|
|
45
45
|
const [progress, setProgress] = import_react.default.useState(60);
|
|
46
46
|
const [slider, setSlider] = import_react.default.useState([60]);
|
|
47
47
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
48
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
48
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
49
49
|
height: 60,
|
|
50
50
|
items: "center",
|
|
51
51
|
gap: "$4",
|
|
52
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
52
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Paragraph, {
|
|
53
53
|
height: 30,
|
|
54
54
|
opacity: 0.5,
|
|
55
55
|
children: ["Progress: ", progress]
|
|
56
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Progress, {
|
|
57
57
|
theme: "surface2",
|
|
58
58
|
value: progress,
|
|
59
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Progress.Indicator, {
|
|
60
60
|
backgroundColor: "$color",
|
|
61
61
|
transition: ["quicker", {
|
|
62
62
|
transform: {
|
|
@@ -65,7 +65,7 @@ function ProgressDemo() {
|
|
|
65
65
|
}]
|
|
66
66
|
})
|
|
67
67
|
}, key)]
|
|
68
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
68
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
69
69
|
items: "center",
|
|
70
70
|
gap: "$2",
|
|
71
71
|
position: "absolute",
|
|
@@ -74,11 +74,11 @@ function ProgressDemo() {
|
|
|
74
74
|
$xxs: {
|
|
75
75
|
display: "none"
|
|
76
76
|
},
|
|
77
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
78
78
|
size: "$3",
|
|
79
79
|
icon: import_lucide_icons_2.Play,
|
|
80
80
|
onPress: () => setProgress(prev => (prev + 20) % 100)
|
|
81
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
81
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
82
82
|
size: "$3",
|
|
83
83
|
icon: import_lucide_icons_2.RotateCcw,
|
|
84
84
|
onPress: () => {
|
|
@@ -40,25 +40,25 @@ __export(ProgressDemo_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(ProgressDemo_exports);
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
var import_react = __toESM(require("react"), 1);
|
|
43
|
-
var
|
|
43
|
+
var import_hanzogui = require("hanzogui");
|
|
44
44
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
45
45
|
function ProgressDemo() {
|
|
46
46
|
var [key, setKey] = import_react.default.useState(0);
|
|
47
47
|
var [progress, setProgress] = import_react.default.useState(60);
|
|
48
48
|
var [slider, setSlider] = import_react.default.useState([60]);
|
|
49
49
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
50
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
50
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
51
51
|
height: 60,
|
|
52
52
|
items: "center",
|
|
53
53
|
gap: "$4",
|
|
54
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
54
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Paragraph, {
|
|
55
55
|
height: 30,
|
|
56
56
|
opacity: 0.5,
|
|
57
57
|
children: ["Progress: ", progress]
|
|
58
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Progress, {
|
|
59
59
|
theme: "surface2",
|
|
60
60
|
value: progress,
|
|
61
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Progress.Indicator, {
|
|
62
62
|
backgroundColor: "$color",
|
|
63
63
|
transition: ["quicker", {
|
|
64
64
|
transform: {
|
|
@@ -67,7 +67,7 @@ function ProgressDemo() {
|
|
|
67
67
|
}]
|
|
68
68
|
})
|
|
69
69
|
}, key)]
|
|
70
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
70
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
71
71
|
items: "center",
|
|
72
72
|
gap: "$2",
|
|
73
73
|
position: "absolute",
|
|
@@ -96,7 +96,7 @@ function ProgressDemo() {
|
|
|
96
96
|
<Slider.Thumb theme="accent" circular index={0} />
|
|
97
97
|
</Slider> */
|
|
98
98
|
/* @__PURE__ */
|
|
99
|
-
(0, import_jsx_runtime.jsx)(
|
|
99
|
+
(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
100
100
|
size: "$3",
|
|
101
101
|
icon: import_lucide_icons_2.Play,
|
|
102
102
|
onPress: function () {
|
|
@@ -104,7 +104,7 @@ function ProgressDemo() {
|
|
|
104
104
|
return (prev + 20) % 100;
|
|
105
105
|
});
|
|
106
106
|
}
|
|
107
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
107
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
108
108
|
size: "$3",
|
|
109
109
|
icon: import_lucide_icons_2.RotateCcw,
|
|
110
110
|
onPress: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ProgressDemo_exports","__export","ProgressDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_hanzogui","import_lucide_icons_2","key","setKey","default","useState","progress","setProgress","slider","setSlider","jsxs","Fragment","children","YStack","height","items","gap","Paragraph","opacity","jsx","Progress","theme","Indicator","backgroundColor","transition","transform","overshootClamping","XStack","position","b","l","$xxs","display"],"sources":["../../src/ProgressDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,oBAAA;AAClB,IAAAK,kBAA2E,GAAAC,OAAA;AAC3E,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAgC;AAQ5B,IAAAG,eAAA,GAAAH,OAAA;AANG,IAAAI,qBAAwB,GAAAJ,OAAA;AAC7B,SAAOJ,YAAWA,CAAA,EAAI;EACtB,KAAAS,GAAO,EAAAC,MAAA,CAAU,GAAAL,YAAe,CAAAM,OAAA,CAAAC,QAAA;EAChC,KAAAC,QAAO,EAAQC,WAAS,IAAIT,YAAA,CAAAM,OAAM,CAAAC,QAAoB,GAAG;EAEzD,KAAAG,MACE,EAAAC,SAAA,IAAAX,YAAA,CAAAM,OAAA,CAAAC,QAAA,EACE,GACE;EAAqC,0BAAAT,kBAAA,CAAAc,IAAA,EAAAd,kBAAA,CAAAe,QAAA;IAAAC,QACxB,kBACb,IAAAhB,kBAAA,CAAAc,IAAA,EAAAV,eAAA,CAAAa,MAAA;MAEAC,MAAA;MACGC,KAAA;MAAAC,GAAA;MAAAJ,QACC,GACA,eAAY,IAAAhB,kBAAA,CAAAc,IAAA,EAAAV,eAAA,CAAAiB,SAAA;QACVH,MAAA;QACAI,OAAA;QAAAN,QACE,GAAW,YACT,EACFN,QAAA;MAEJ,uBAAAV,kBAAA,CAAAuB,GAAA,EAAAnB,eAAA,CAAAoB,QAAA;QAVWC,KAYf;QACF/B,KAAA,EAAAgB,QAAA;QAEAM,QAAA,qBAAAhB,kBAAA,CAAAuB,GAAA,EAAAnB,eAAA,CAAAoB,QAAA,CAAAE,SAAA;UAACC,eAAA;UAAAC,UAAA,GACO,WACF;YACKC,SAAA;cACPC,iBAAA;YACA;UACM;QAqBR;MAAA,GAACxB,GAAA;IAAA,IACM,eACC,IAAAN,kBAAA,CAAAc,IAAA,EAAAV,eAAA,CAAA2B,MAAA;MAAAZ,KAAA,EACN,QAAS;MAA6CC,GAAA;MAAAY,QACxD;MAAAC,CAAA,EACA;MAAAC,CAAA,MAAC;MAAAC,IAAA;QAAAC,OACC;MAAK;MACCpB,QACN;MACE;AACA;AACA;AAAa;AACf;AAAA;AACF;AAAA;AAAA;AACF;AAGN","ignoreList":[]}
|
|
@@ -26,16 +26,16 @@ __export(RadioGroupDemo_exports, {
|
|
|
26
26
|
RadioGroupItemWithLabel: () => RadioGroupItemWithLabel
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(RadioGroupDemo_exports);
|
|
29
|
-
var
|
|
29
|
+
var import_hanzogui = require("hanzogui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function RadioGroupDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
33
33
|
name: "surface2",
|
|
34
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.RadioGroup, {
|
|
35
35
|
"aria-labelledby": "Select one item",
|
|
36
36
|
defaultValue: "3",
|
|
37
37
|
name: "form",
|
|
38
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
38
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
39
39
|
width: 300,
|
|
40
40
|
items: "center",
|
|
41
41
|
gap: "$2",
|
|
@@ -58,16 +58,16 @@ function RadioGroupDemo() {
|
|
|
58
58
|
}
|
|
59
59
|
function RadioGroupItemWithLabel(props) {
|
|
60
60
|
const id = `radiogroup-${props.value}`;
|
|
61
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
61
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
62
62
|
width: 300,
|
|
63
63
|
items: "center",
|
|
64
64
|
gap: "$4",
|
|
65
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.RadioGroup.Item, {
|
|
66
66
|
value: props.value,
|
|
67
67
|
id,
|
|
68
68
|
size: props.size,
|
|
69
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
70
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.RadioGroup.Indicator, {})
|
|
70
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
71
71
|
size: props.size,
|
|
72
72
|
htmlFor: id,
|
|
73
73
|
children: props.label
|
|
@@ -29,15 +29,15 @@ __export(RadioGroupDemo_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(RadioGroupDemo_exports);
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
-
var
|
|
32
|
+
var import_hanzogui = require("hanzogui");
|
|
33
33
|
function RadioGroupDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
35
35
|
name: "surface2",
|
|
36
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
36
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.RadioGroup, {
|
|
37
37
|
"aria-labelledby": "Select one item",
|
|
38
38
|
defaultValue: "3",
|
|
39
39
|
name: "form",
|
|
40
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
40
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
41
41
|
width: 300,
|
|
42
42
|
items: "center",
|
|
43
43
|
gap: "$2",
|
|
@@ -60,16 +60,16 @@ function RadioGroupDemo() {
|
|
|
60
60
|
}
|
|
61
61
|
function RadioGroupItemWithLabel(props) {
|
|
62
62
|
var id = `radiogroup-${props.value}`;
|
|
63
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
63
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
64
64
|
width: 300,
|
|
65
65
|
items: "center",
|
|
66
66
|
gap: "$4",
|
|
67
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
67
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.RadioGroup.Item, {
|
|
68
68
|
value: props.value,
|
|
69
69
|
id,
|
|
70
70
|
size: props.size,
|
|
71
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
72
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
71
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.RadioGroup.Indicator, {})
|
|
72
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
73
73
|
size: props.size,
|
|
74
74
|
htmlFor: id,
|
|
75
75
|
children: props.label
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupDemo_exports","__export","RadioGroupDemo","RadioGroupItemWithLabel","module","exports","import_jsx_runtime","require","import_hanzogui","jsx","Theme","name","children","RadioGroup","defaultValue","jsxs","YStack","width","items","gap"],"sources":["../../src/RadioGroupDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAyD,CAAAK,sBAAA;AAMjD,IAAAM,kBAAA,GAAAC,OAAA;AAJD,IAAAC,eAAS,GAAAD,OAAiB;AAC/B,SACEL,eAAA;EAGM,0BAAAI,kBAAA,CAACG,GAAA,EAAAD,eAAA,CAAAE,KAAA,EAAwB;IACzBC,IAAA;IACAC,QAAA,qBAAAN,kBAAC,CAAAG,GAAA,EAAAD,eAAA,CAAAK,UAA6B;MAChC,iBAEJ;MAEJC,YAAA;MAEOH,IAAS;MAKdC,QAAW,iBAAc,CAAM,GAAAN,kBAAK,CAAAS,IAAA,EAAAP,eAAA,CAAAQ,MAAA;QACpCC,KACE;QACEC,KAAA;QAIAC,GAAA;QAGFP,QAAA,GAEJ,mBAAAN,kBAAA,CAAAG,GAAA,EAAAN,uBAAA","ignoreList":[]}
|
|
@@ -40,7 +40,7 @@ var import_radio_headless = require("@hanzogui/radio-headless");
|
|
|
40
40
|
var import_roving_focus = require("@hanzogui/roving-focus");
|
|
41
41
|
var import_react = __toESM(require("react"), 1);
|
|
42
42
|
var import_react_native = require("react-native-web");
|
|
43
|
-
var
|
|
43
|
+
var import_hanzogui = require("hanzogui");
|
|
44
44
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
45
45
|
const RadioGroupContext = import_react.default.createContext({});
|
|
46
46
|
const RadioGroupItemContext = import_react.default.createContext({
|
|
@@ -82,7 +82,7 @@ function RadioGroupHeadlessDemo() {
|
|
|
82
82
|
});
|
|
83
83
|
}
|
|
84
84
|
function RadioGroupItem(props) {
|
|
85
|
-
const theme = (0,
|
|
85
|
+
const theme = (0, import_hanzogui.useTheme)();
|
|
86
86
|
const {
|
|
87
87
|
value,
|
|
88
88
|
id,
|
|
@@ -103,7 +103,7 @@ function RadioGroupItem(props) {
|
|
|
103
103
|
});
|
|
104
104
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
|
|
105
105
|
value: providerValue,
|
|
106
|
-
children:
|
|
106
|
+
children: import_hanzogui.isWeb && native ? bubbleInput : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
|
|
107
107
|
style: styles.radioGroupItemContainer,
|
|
108
108
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
|
|
109
109
|
...rovingFocusGroupAttrs,
|
|
@@ -131,7 +131,7 @@ function RadioGroupItem(props) {
|
|
|
131
131
|
});
|
|
132
132
|
}
|
|
133
133
|
function RadioGroupItemIndicator() {
|
|
134
|
-
const theme = (0,
|
|
134
|
+
const theme = (0, import_hanzogui.useTheme)();
|
|
135
135
|
const params = (0, import_radio_headless.useRadioGroupItemIndicator)({
|
|
136
136
|
radioGroupItemContext: RadioGroupItemContext,
|
|
137
137
|
disabled: false
|
|
@@ -43,7 +43,7 @@ var import_radio_headless = require("@hanzogui/radio-headless");
|
|
|
43
43
|
var import_roving_focus = require("@hanzogui/roving-focus");
|
|
44
44
|
var import_react = __toESM(require("react"), 1);
|
|
45
45
|
var import_react_native = require("react-native");
|
|
46
|
-
var
|
|
46
|
+
var import_hanzogui = require("hanzogui");
|
|
47
47
|
var RadioGroupContext = /* @__PURE__ */import_react.default.createContext({});
|
|
48
48
|
var RadioGroupItemContext = /* @__PURE__ */import_react.default.createContext({
|
|
49
49
|
checked: false,
|
|
@@ -85,7 +85,7 @@ function RadioGroupHeadlessDemo() {
|
|
|
85
85
|
}
|
|
86
86
|
function RadioGroupItem(props) {
|
|
87
87
|
var _theme_borderColor, _theme_background, _theme_color;
|
|
88
|
-
var theme = (0,
|
|
88
|
+
var theme = (0, import_hanzogui.useTheme)();
|
|
89
89
|
var {
|
|
90
90
|
value,
|
|
91
91
|
id,
|
|
@@ -106,7 +106,7 @@ function RadioGroupItem(props) {
|
|
|
106
106
|
});
|
|
107
107
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {
|
|
108
108
|
value: providerValue,
|
|
109
|
-
children:
|
|
109
|
+
children: import_hanzogui.isWeb && native ? bubbleInput : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.View, {
|
|
110
110
|
style: styles.radioGroupItemContainer,
|
|
111
111
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
|
|
112
112
|
...rovingFocusGroupAttrs,
|
|
@@ -134,7 +134,7 @@ function RadioGroupItem(props) {
|
|
|
134
134
|
});
|
|
135
135
|
}
|
|
136
136
|
function RadioGroupItemIndicator() {
|
|
137
|
-
var theme = (0,
|
|
137
|
+
var theme = (0, import_hanzogui.useTheme)();
|
|
138
138
|
var params = (0, import_radio_headless.useRadioGroupItemIndicator)({
|
|
139
139
|
radioGroupItemContext: RadioGroupItemContext,
|
|
140
140
|
disabled: false
|
|
@@ -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","RadioGroupHeadlessDemo_exports","RadioGroupHeadlessDemo","module","exports","import_jsx_runtime","require","import_radio_headless","import_roving_focus","import_react","import_react_native","import_gui","RadioGroupContext","default","createContext","RadioGroupItemContext","checked","disabled","providerValue","frameAttrs","rovingFocusGroupAttrs","useRadioGroup","orientation","defaultValue","jsx","Provider","children","RovingFocusGroup","jsxs","View","style","styles","radioGroup","RadioGroupItem","id","label","props","_theme_borderColor","_theme_background","_theme_color","theme","useTheme","native","bubbleInput","isFormControl","useRadioGroupItem","radioGroupContext","isWeb","radioGroupItemContainer","Item","Pressable","radioGroupItem","borderColor","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","Text","color","params","useRadioGroupItemIndicator","radioGroupItemContext","radioGroupItemIndicator","StyleSheet","flexDirection","gap","alignItems","width","height","justifyContent"],"sources":["RadioGroupHeadlessDemo.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 RadioGroupHeadlessDemo_exports = {};\n__export(RadioGroupHeadlessDemo_exports, {\n RadioGroupHeadlessDemo: () => RadioGroupHeadlessDemo\n});\nmodule.exports = __toCommonJS(RadioGroupHeadlessDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_radio_headless = require(\"@hanzogui/radio-headless\");\nvar import_roving_focus = require(\"@hanzogui/roving-focus\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar import_gui = require(\"@hanzo/gui\");\nvar RadioGroupContext = /* @__PURE__ */ import_react.default.createContext({});\nvar RadioGroupItemContext = /* @__PURE__ */ import_react.default.createContext({\n checked: false,\n disabled: false\n});\nfunction RadioGroupHeadlessDemo() {\n var { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, import_radio_headless.useRadioGroup)({\n orientation: \"vertical\",\n name: \"form\",\n defaultValue: \"3\"\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupContext.Provider, {\n value: providerValue,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {\n ...rovingFocusGroupAttrs,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, {\n style: styles.radioGroup,\n ...frameAttrs,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {\n value: \"2\",\n id: \"2\",\n label: \"First Value\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {\n value: \"3\",\n id: \"3\",\n label: \"Second Value\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItem, {\n value: \"4\",\n id: \"4\",\n label: \"Third Value\"\n })\n ]\n })\n })\n });\n}\nfunction RadioGroupItem(props) {\n var _theme_borderColor, _theme_background, _theme_color;\n var theme = (0, import_gui.useTheme)();\n var { value, id, label } = props;\n var { providerValue, native, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, checked } = (0, import_radio_headless.useRadioGroupItem)({\n radioGroupContext: RadioGroupContext,\n value,\n id\n });\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemContext.Provider, {\n value: providerValue,\n children: import_gui.isWeb && native ? bubbleInput : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.View, {\n style: styles.radioGroupItemContainer,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {\n ...rovingFocusGroupAttrs,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n style: {\n ...styles.radioGroupItem,\n borderColor: (_theme_borderColor = theme.borderColor) === null || _theme_borderColor === void 0 ? void 0 : _theme_borderColor.get(),\n ...checked ? {\n borderWidth: 4\n } : {\n backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get()\n }\n },\n ...frameAttrs,\n onFocus: frameAttrs.onFocus,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemIndicator, {})\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, {\n style: {\n color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()\n },\n children: label\n }),\n isFormControl && bubbleInput\n ]\n })\n });\n}\nfunction RadioGroupItemIndicator() {\n var theme = (0, import_gui.useTheme)();\n var params = (0, import_radio_headless.useRadioGroupItemIndicator)({\n radioGroupItemContext: RadioGroupItemContext,\n disabled: false\n });\n if (params.checked) {\n var _theme_color;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n style: {\n ...styles.radioGroupItemIndicator,\n backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()\n },\n ...params\n });\n }\n return null;\n}\nvar styles = import_react_native.StyleSheet.create({\n radioGroup: {\n flexDirection: \"column\",\n gap: 20,\n alignItems: \"flex-start\"\n },\n radioGroupItem: {\n borderWidth: 2,\n width: 30,\n height: 30,\n justifyContent: \"center\",\n alignItems: \"center\"\n },\n radioGroupItemIndicator: {\n width: \"35%\",\n height: \"35%\"\n },\n radioGroupItemContainer: {\n justifyContent: \"center\",\n alignItems: \"center\",\n flexDirection: \"row\",\n gap: 12\n }\n});\n//# sourceMappingURL=RadioGroupHeadlessDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupHeadlessDemo_exports","__export","RadioGroupHeadlessDemo","module","exports","import_jsx_runtime","require","import_radio_headless","import_roving_focus","import_react","__toESM","import_react_native","import_hanzogui","RadioGroupContext","default","createContext","RadioGroupItemContext","checked","disabled","providerValue","frameAttrs","rovingFocusGroupAttrs","useRadioGroup","orientation","name","defaultValue","jsx","Provider","children","RovingFocusGroup","jsxs","View","style","styles","radioGroup","RadioGroupItem","id","label","props","_theme_borderColor","_theme_background","_theme_color","theme","useTheme","native","bubbleInput","isFormControl","useRadioGroupItem","radioGroupContext","isWeb","radioGroupItemContainer","Item","Pressable","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","Text","color","params","useRadioGroupItemIndicator","radioGroupItemContext","radioGroupItemIndicator"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -25,11 +25,11 @@ __export(RadioGroupUnstyledDemo_exports, {
|
|
|
25
25
|
RadioGroupUnstyledDemo: () => RadioGroupUnstyledDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_hanzogui = require("hanzogui");
|
|
29
29
|
var import_radio_group = require("@hanzogui/radio-group");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
|
|
32
|
-
const RadioGroupItemFrame = (0,
|
|
32
|
+
const RadioGroupItemFrame = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
|
|
33
33
|
name: RADIO_GROUP_ITEM_NAME,
|
|
34
34
|
render: "button",
|
|
35
35
|
rounded: 1e3,
|
|
@@ -78,7 +78,7 @@ const RadioGroupItemFrame = (0, import_gui.styled)(import_gui.YStack, {
|
|
|
78
78
|
}
|
|
79
79
|
});
|
|
80
80
|
const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
|
|
81
|
-
const RadioGroupIndicatorFrame = (0,
|
|
81
|
+
const RadioGroupIndicatorFrame = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
|
|
82
82
|
name: RADIO_GROUP_INDICATOR_NAME,
|
|
83
83
|
width: "53%",
|
|
84
84
|
height: "53%",
|
|
@@ -86,7 +86,7 @@ const RadioGroupIndicatorFrame = (0, import_gui.styled)(import_gui.YStack, {
|
|
|
86
86
|
bg: "$color"
|
|
87
87
|
});
|
|
88
88
|
const RADIO_GROUP_NAME = "RadioGroup";
|
|
89
|
-
const RadioGroupFrame = (0,
|
|
89
|
+
const RadioGroupFrame = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
|
|
90
90
|
name: RADIO_GROUP_NAME,
|
|
91
91
|
variants: {
|
|
92
92
|
orientation: {
|
|
@@ -111,7 +111,7 @@ function RadioGroupUnstyledDemo() {
|
|
|
111
111
|
"aria-labelledby": "Select one item",
|
|
112
112
|
defaultValue: "3",
|
|
113
113
|
name: "form",
|
|
114
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
114
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
115
115
|
width: 200,
|
|
116
116
|
items: "center",
|
|
117
117
|
gap: "$2",
|
|
@@ -127,7 +127,7 @@ function RadioGroupUnstyledDemo() {
|
|
|
127
127
|
}
|
|
128
128
|
function RadioGroupItemWithLabel(props) {
|
|
129
129
|
const id = `radiogroup-${props.value}`;
|
|
130
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
130
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
131
131
|
width: 300,
|
|
132
132
|
items: "center",
|
|
133
133
|
gap: "$4",
|
|
@@ -135,7 +135,7 @@ function RadioGroupItemWithLabel(props) {
|
|
|
135
135
|
value: props.value,
|
|
136
136
|
id,
|
|
137
137
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})
|
|
138
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
138
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
139
139
|
htmlFor: id,
|
|
140
140
|
children: props.label
|
|
141
141
|
})]
|