@hanzogui/demos 8.0.0 → 8.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AccordionDemo.cjs +16 -16
- package/dist/cjs/AccordionDemo.native.js +16 -16
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +6 -6
- package/dist/cjs/AddThemeDemo.native.js +6 -6
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +15 -15
- package/dist/cjs/AlertDialogDemo.native.js +15 -15
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +6 -6
- package/dist/cjs/AnimationsDemo.native.js +6 -6
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +8 -8
- package/dist/cjs/AvatarDemo.native.js +8 -8
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BrandTokensDemo.cjs +137 -0
- package/dist/cjs/BrandTokensDemo.native.js +145 -0
- package/dist/cjs/BrandTokensDemo.native.js.map +1 -0
- package/dist/cjs/BuildAButtonDemo.cjs +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +8 -8
- package/dist/cjs/ButtonDemo.native.js +8 -8
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +12 -12
- package/dist/cjs/CardDemo.native.js +12 -12
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +8 -8
- package/dist/cjs/CheckboxDemo.native.js +8 -8
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +13 -13
- package/dist/cjs/ColorsDemo.native.js +13 -13
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +5 -5
- package/dist/cjs/ContextMenuDemo.native.js +5 -5
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +40 -40
- package/dist/cjs/DialogDemo.native.js +40 -40
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +8 -8
- package/dist/cjs/FormsDemo.native.js +8 -8
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +21 -21
- package/dist/cjs/GroupDemo.native.js +21 -21
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +8 -8
- package/dist/cjs/HeadingsDemo.native.js +8 -8
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +6 -6
- package/dist/cjs/InputsDemo.native.js +6 -6
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +9 -9
- package/dist/cjs/LabelDemo.native.js +9 -9
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +2 -2
- package/dist/cjs/LinearGradientDemo.native.js +2 -2
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +18 -18
- package/dist/cjs/ListItemDemo.native.js +18 -18
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +7 -7
- package/dist/cjs/LucideIconsDemo.native.js +7 -7
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +2 -2
- package/dist/cjs/MenuDemo.native.js +2 -2
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +4 -4
- package/dist/cjs/NewInputsDemo.native.js +4 -4
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +19 -19
- package/dist/cjs/PopoverDemo.native.js +19 -19
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +8 -8
- package/dist/cjs/ProgressDemo.native.js +8 -8
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +8 -8
- package/dist/cjs/RadioGroupDemo.native.js +8 -8
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +11 -11
- package/dist/cjs/ScrollViewDemo.native.js +11 -11
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +30 -30
- package/dist/cjs/SelectDemo.native.js +30 -30
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +11 -11
- package/dist/cjs/SeparatorDemo.native.js +11 -11
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +4 -4
- package/dist/cjs/ShapesDemo.native.js +4 -4
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +16 -16
- package/dist/cjs/SheetDemo.native.js +16 -16
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +6 -6
- package/dist/cjs/SliderDemo.native.js +6 -6
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +4 -4
- package/dist/cjs/SpinnerDemo.native.js +4 -4
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +14 -14
- package/dist/cjs/StacksDemo.native.js +14 -14
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +10 -10
- package/dist/cjs/SwitchDemo.native.js +10 -10
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +33 -33
- package/dist/cjs/TabsAdvancedDemo.native.js +33 -33
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +31 -31
- package/dist/cjs/TabsDemo.native.js +31 -31
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +8 -8
- package/dist/cjs/TextDemo.native.js +8 -8
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +18 -18
- package/dist/cjs/ToastDemo.native.js +18 -18
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +6 -6
- package/dist/cjs/ToastDuplicateDemo.native.js +6 -6
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +13 -13
- package/dist/cjs/ToastV1Demo.native.js +13 -13
- package/dist/cjs/ToastV1Demo.native.js.map +1 -1
- package/dist/cjs/ToggleGroupDemo.cjs +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +14 -14
- package/dist/cjs/TokensDemo.native.js +14 -14
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +13 -13
- package/dist/cjs/TooltipDemo.native.js +13 -13
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/hanzogui.config.cjs +2 -2
- package/dist/cjs/hanzogui.config.native.js +2 -2
- package/dist/cjs/hanzogui.config.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +4 -4
- package/dist/cjs/useOnIntersecting.native.js +4 -4
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +1 -1
- package/dist/esm/AccordionDemo.native.js +1 -1
- package/dist/esm/AddThemeDemo.mjs +1 -1
- package/dist/esm/AddThemeDemo.native.js +1 -1
- package/dist/esm/AlertDialogDemo.mjs +1 -1
- package/dist/esm/AlertDialogDemo.native.js +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +1 -1
- package/dist/esm/AnimationsDemo.mjs +1 -1
- package/dist/esm/AnimationsDemo.native.js +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +1 -1
- package/dist/esm/AvatarDemo.mjs +1 -1
- package/dist/esm/AvatarDemo.native.js +1 -1
- package/dist/esm/BoxShadowTokenDemo.mjs +1 -1
- package/dist/esm/BoxShadowTokenDemo.native.js +1 -1
- package/dist/esm/BrandTokensDemo.mjs +112 -0
- package/dist/esm/BrandTokensDemo.mjs.map +1 -0
- package/dist/esm/BrandTokensDemo.native.js +117 -0
- package/dist/esm/BrandTokensDemo.native.js.map +1 -0
- package/dist/esm/BuildAButtonDemo.mjs +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +1 -1
- package/dist/esm/ButtonDemo.mjs +1 -1
- package/dist/esm/ButtonDemo.native.js +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CheckboxDemo.mjs +1 -1
- package/dist/esm/CheckboxDemo.native.js +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +1 -1
- package/dist/esm/ColorsDemo.mjs +1 -1
- package/dist/esm/ColorsDemo.native.js +1 -1
- package/dist/esm/ContextMenuDemo.mjs +1 -1
- package/dist/esm/ContextMenuDemo.native.js +1 -1
- package/dist/esm/DialogDemo.mjs +1 -1
- package/dist/esm/DialogDemo.native.js +1 -1
- package/dist/esm/FormsDemo.mjs +1 -1
- package/dist/esm/FormsDemo.native.js +1 -1
- package/dist/esm/GroupDemo.mjs +1 -1
- package/dist/esm/GroupDemo.native.js +1 -1
- package/dist/esm/HeadingsDemo.mjs +1 -1
- package/dist/esm/HeadingsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.mjs +1 -1
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/LabelDemo.mjs +1 -1
- package/dist/esm/LabelDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.mjs +1 -1
- package/dist/esm/LinearGradientDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +1 -1
- package/dist/esm/ListItemDemo.native.js +1 -1
- package/dist/esm/LucideIconsDemo.mjs +1 -1
- package/dist/esm/LucideIconsDemo.native.js +1 -1
- package/dist/esm/MenuDemo.mjs +1 -1
- package/dist/esm/MenuDemo.native.js +1 -1
- package/dist/esm/NewInputsDemo.mjs +1 -1
- package/dist/esm/NewInputsDemo.native.js +1 -1
- package/dist/esm/PopoverDemo.mjs +1 -1
- package/dist/esm/PopoverDemo.native.js +1 -1
- package/dist/esm/ProgressDemo.mjs +1 -1
- package/dist/esm/ProgressDemo.native.js +1 -1
- package/dist/esm/RadioGroupDemo.mjs +1 -1
- package/dist/esm/RadioGroupDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +1 -1
- package/dist/esm/ScrollViewDemo.mjs +1 -1
- package/dist/esm/ScrollViewDemo.native.js +1 -1
- package/dist/esm/SelectDemo.mjs +2 -2
- package/dist/esm/SelectDemo.native.js +2 -2
- package/dist/esm/SeparatorDemo.mjs +1 -1
- package/dist/esm/SeparatorDemo.native.js +1 -1
- package/dist/esm/ShapesDemo.mjs +1 -1
- package/dist/esm/ShapesDemo.native.js +1 -1
- package/dist/esm/SheetDemo.mjs +1 -1
- package/dist/esm/SheetDemo.native.js +1 -1
- package/dist/esm/SliderDemo.mjs +1 -1
- package/dist/esm/SliderDemo.native.js +1 -1
- package/dist/esm/SpinnerDemo.mjs +1 -1
- package/dist/esm/SpinnerDemo.native.js +1 -1
- package/dist/esm/StacksDemo.mjs +1 -1
- package/dist/esm/StacksDemo.native.js +1 -1
- package/dist/esm/SwitchDemo.mjs +1 -1
- package/dist/esm/SwitchDemo.native.js +1 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +1 -1
- package/dist/esm/TabsDemo.mjs +1 -1
- package/dist/esm/TabsDemo.native.js +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +1 -1
- package/dist/esm/TextDemo.mjs +1 -1
- package/dist/esm/TextDemo.native.js +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ThemeInverseDemo.mjs +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +2 -2
- package/dist/esm/ToastDemo.native.js +2 -2
- package/dist/esm/ToastDuplicateDemo.mjs +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +1 -1
- package/dist/esm/ToastV1Demo.mjs +1 -1
- package/dist/esm/ToastV1Demo.native.js +1 -1
- package/dist/esm/ToggleGroupDemo.mjs +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +1 -1
- package/dist/esm/TokensDemo.mjs +1 -1
- package/dist/esm/TokensDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.mjs +1 -1
- package/dist/esm/TooltipDemo.native.js +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +1 -1
- package/dist/esm/hanzogui.config.mjs +1 -1
- package/dist/esm/hanzogui.config.native.js +1 -1
- package/dist/esm/useOnIntersecting.mjs +1 -1
- package/dist/esm/useOnIntersecting.native.js +1 -1
- package/package.json +4 -4
- package/src/AccordionDemo.tsx +1 -1
- package/src/AddThemeDemo.tsx +1 -1
- package/src/AlertDialogDemo.tsx +1 -1
- package/src/AnimationsDelayDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsHoverDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -1
- package/src/AvatarDemo.tsx +1 -1
- package/src/BoxShadowTokenDemo.tsx +1 -1
- package/src/BrandTokensDemo.tsx +105 -0
- package/src/BuildAButtonDemo.tsx +2 -2
- package/src/ButtonDemo.tsx +1 -1
- package/src/CardDemo.tsx +2 -2
- package/src/CheckboxDemo.tsx +2 -2
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ColorsDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +1 -1
- package/src/DialogDemo.tsx +1 -1
- package/src/FormsDemo.tsx +2 -2
- package/src/GroupDemo.tsx +1 -1
- package/src/HeadingsDemo.tsx +1 -1
- package/src/InputsDemo.tsx +2 -2
- package/src/LabelDemo.tsx +1 -1
- package/src/LinearGradientDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +1 -1
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +1 -1
- package/src/NewInputsDemo.tsx +2 -2
- package/src/PopoverDemo.tsx +2 -2
- package/src/ProgressDemo.tsx +1 -1
- package/src/RadioGroupDemo.tsx +2 -2
- package/src/RadioGroupHeadlessDemo.tsx +1 -1
- package/src/RadioGroupUnstyledDemo.tsx +1 -1
- package/src/ReplaceThemeDemo.tsx +1 -1
- package/src/ScrollViewDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -3
- package/src/SeparatorDemo.tsx +1 -1
- package/src/ShapesDemo.tsx +1 -1
- package/src/SheetDemo.tsx +1 -1
- package/src/SliderDemo.tsx +2 -2
- package/src/SpinnerDemo.tsx +1 -1
- package/src/StacksDemo.tsx +1 -1
- package/src/SwitchDemo.tsx +2 -2
- package/src/SwitchHeadlessDemo.tsx +1 -1
- package/src/SwitchUnstyledDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +2 -2
- package/src/TabsDemo.tsx +2 -2
- package/src/TabsHeadlessDemo.tsx +1 -1
- package/src/TextDemo.tsx +1 -1
- package/src/ThemeBuilderDemo.tsx +2 -2
- package/src/ThemeInverseDemo.tsx +1 -1
- package/src/ToastDemo.tsx +2 -2
- package/src/ToastDuplicateDemo.tsx +1 -1
- package/src/ToastV1Demo.tsx +1 -1
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TokensDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -2
- package/src/UpdateThemeDemo.tsx +1 -1
- package/src/hanzogui.config.ts +1 -1
- package/src/useOnIntersecting.tsx +1 -1
|
@@ -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_gui = require("@hanzo/gui");
|
|
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_gui.Theme, {
|
|
33
33
|
name: "surface2",
|
|
34
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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_gui.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_gui.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_gui.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_gui.RadioGroup.Indicator, {})
|
|
70
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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_gui = require("@hanzo/gui");
|
|
33
33
|
function RadioGroupDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
35
35
|
name: "surface2",
|
|
36
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
36
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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_gui.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_gui.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_gui.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_gui.RadioGroup.Indicator, {})
|
|
72
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
73
73
|
size: props.size,
|
|
74
74
|
htmlFor: id,
|
|
75
75
|
children: props.label
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupDemo_exports","__export","RadioGroupDemo","RadioGroupItemWithLabel","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupDemo_exports","__export","RadioGroupDemo","RadioGroupItemWithLabel","module","exports","import_jsx_runtime","require","import_gui","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,GAAyDV,YAAA,CAAAK,sBAAA;AAMjD,IAAAM,kBAAA,GAAAC,OAAA;AAJD,IAAAC,UAAS,GAAAD,OAAA,aAAiB;AAC/B,SACEL,eAAA;EAGM,0BAAAI,kBAAA,CAACG,GAAA,EAAAD,UAAA,CAAAE,KAAA;IACDC,IAAA;IACAC,QAAA,qBAAAN,kBAAC,CAAAG,GAAA,EAAAD,UAAA,CAAAK,UAAwB,EAAK;MAChC,iBAEJ;MAEJC,YAAA;MAEOH,IAAS;MAKdC,QAAW,iBAAc,CAAM,GAAAN,kBAAK,CAAAS,IAAA,EAAAP,UAAA,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_gui = require("@hanzo/gui");
|
|
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_gui.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_gui.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_gui.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_gui = require("@hanzo/gui");
|
|
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_gui.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_gui.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_gui.useTheme)();
|
|
138
138
|
var params = (0, import_radio_headless.useRadioGroupItemIndicator)({
|
|
139
139
|
radioGroupItemContext: RadioGroupItemContext,
|
|
140
140
|
disabled: false
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
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_gui","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_gui = require("@hanzo/gui");
|
|
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_gui.styled)(import_gui.YStack, {
|
|
33
33
|
name: RADIO_GROUP_ITEM_NAME,
|
|
34
34
|
render: "button",
|
|
35
35
|
rounded: 1e3,
|
|
@@ -78,7 +78,7 @@ const RadioGroupItemFrame = (0, import_hanzogui.styled)(import_hanzogui.YStack,
|
|
|
78
78
|
}
|
|
79
79
|
});
|
|
80
80
|
const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
|
|
81
|
-
const RadioGroupIndicatorFrame = (0,
|
|
81
|
+
const RadioGroupIndicatorFrame = (0, import_gui.styled)(import_gui.YStack, {
|
|
82
82
|
name: RADIO_GROUP_INDICATOR_NAME,
|
|
83
83
|
width: "53%",
|
|
84
84
|
height: "53%",
|
|
@@ -86,7 +86,7 @@ const RadioGroupIndicatorFrame = (0, import_hanzogui.styled)(import_hanzogui.YSt
|
|
|
86
86
|
bg: "$color"
|
|
87
87
|
});
|
|
88
88
|
const RADIO_GROUP_NAME = "RadioGroup";
|
|
89
|
-
const RadioGroupFrame = (0,
|
|
89
|
+
const RadioGroupFrame = (0, import_gui.styled)(import_gui.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_gui.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_gui.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_gui.Label, {
|
|
139
139
|
htmlFor: id,
|
|
140
140
|
children: props.label
|
|
141
141
|
})]
|
|
@@ -28,10 +28,10 @@ __export(RadioGroupUnstyledDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(RadioGroupUnstyledDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
var import_radio_group = require("@hanzogui/radio-group");
|
|
33
33
|
var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
|
|
34
|
-
var RadioGroupItemFrame = (0,
|
|
34
|
+
var RadioGroupItemFrame = (0, import_gui.styled)(import_gui.YStack, {
|
|
35
35
|
name: RADIO_GROUP_ITEM_NAME,
|
|
36
36
|
render: "button",
|
|
37
37
|
rounded: 1e3,
|
|
@@ -80,7 +80,7 @@ var RadioGroupItemFrame = (0, import_hanzogui.styled)(import_hanzogui.YStack, {
|
|
|
80
80
|
}
|
|
81
81
|
});
|
|
82
82
|
var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
|
|
83
|
-
var RadioGroupIndicatorFrame = (0,
|
|
83
|
+
var RadioGroupIndicatorFrame = (0, import_gui.styled)(import_gui.YStack, {
|
|
84
84
|
name: RADIO_GROUP_INDICATOR_NAME,
|
|
85
85
|
width: "53%",
|
|
86
86
|
height: "53%",
|
|
@@ -88,7 +88,7 @@ var RadioGroupIndicatorFrame = (0, import_hanzogui.styled)(import_hanzogui.YStac
|
|
|
88
88
|
bg: "$color"
|
|
89
89
|
});
|
|
90
90
|
var RADIO_GROUP_NAME = "RadioGroup";
|
|
91
|
-
var RadioGroupFrame = (0,
|
|
91
|
+
var RadioGroupFrame = (0, import_gui.styled)(import_gui.YStack, {
|
|
92
92
|
name: RADIO_GROUP_NAME,
|
|
93
93
|
variants: {
|
|
94
94
|
orientation: {
|
|
@@ -113,7 +113,7 @@ function RadioGroupUnstyledDemo() {
|
|
|
113
113
|
"aria-labelledby": "Select one item",
|
|
114
114
|
defaultValue: "3",
|
|
115
115
|
name: "form",
|
|
116
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
116
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
117
117
|
width: 200,
|
|
118
118
|
items: "center",
|
|
119
119
|
gap: "$2",
|
|
@@ -129,7 +129,7 @@ function RadioGroupUnstyledDemo() {
|
|
|
129
129
|
}
|
|
130
130
|
function RadioGroupItemWithLabel(props) {
|
|
131
131
|
var id = `radiogroup-${props.value}`;
|
|
132
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
132
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
133
133
|
width: 300,
|
|
134
134
|
items: "center",
|
|
135
135
|
gap: "$4",
|
|
@@ -137,7 +137,7 @@ function RadioGroupItemWithLabel(props) {
|
|
|
137
137
|
value: props.value,
|
|
138
138
|
id,
|
|
139
139
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RadioGroup.Indicator, {})
|
|
140
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
140
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
141
141
|
htmlFor: id,
|
|
142
142
|
children: props.label
|
|
143
143
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupUnstyledDemo_exports","__export","RadioGroupUnstyledDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RadioGroupUnstyledDemo_exports","__export","RadioGroupUnstyledDemo","module","exports","import_jsx_runtime","require","import_gui","import_radio_group","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","styled","YStack","name","render","rounded","bg","items","justify","borderWidth","borderColor","p","hoverStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","pressStyle","variants","disabled","true","pointerEvents","userSelect","cursor","RADIO_GROUP_INDICATOR_NAME","RadioGroupIndicatorFrame","width","height","RADIO_GROUP_NAME","RadioGroupFrame","orientation","horizontal","flexDirection","spaceDirection","vertical","RadioGroup","createRadioGroup","Frame","Indicator","Item","jsx","defaultValue","children","jsxs","gap","RadioGroupItemWithLabel"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAA8CT,YAAA,CAAAK,8BAAA;AAE9C,IAAAK,kBAAA,GAAiCC,OAAA;AAmG3B,IAAAC,UAAA,GAAAD,OAAA;AAjGN,IAAAE,kBAAM,GAAAF,OAAwB;AAE9B,IAAAG,qBAAM,mBAAsB;AAAe,IACzCC,mBAAM,OAAAH,UAAA,CAAAI,MAAA,EAAAJ,UAAA,CAAAK,MAAA;EACNC,IAAA,EAAAJ,qBAAQ;EAERK,MAAA,UAAS;EACTC,OAAI;EACJC,EAAA,eAAO;EACPC,KAAA,UAAS;EACTC,OAAA,UAAa;EACbC,WAAA,EAAa;EACbC,WAAG;EAEHC,CAAA;EAAYC,UACV;IACAF,WAAI;IACNJ,EAAA;EAEA;EAAYO,UACV;IACAH,WAAI;IACNJ,EAAA;EAEA;EAAmBQ,iBACH;IACdC,YAAA,EAAc;IACdC,YAAA,EAAc;IAChBC,YAAA;EAEA;EAAYC,UACV;IACAR,WAAI;IACNJ,EAAA;EAEA;EAAUa,QACR;IAAUC,QACF;MAAAC,IACJ;QACAC,aAAY;QACZC,UAAQ;QAERC,MAAA,eAAY;QAAAZ,UACV;UACAF,WAAI;UACNJ,EAAA;QAEA;QAAYY,UACV;UACAR,WAAI;UACNJ,EAAA;QAEA;QAAmBQ,iBACH;UAChBE,YAAA;QACF;MACF;IACF;EACQ;AAEV;AAEA,IAAAS,0BAAM,wBAA2B;AAAe,IAC9CC,wBAAM,OAAA7B,UAAA,CAAAI,MAAA,EAAAJ,UAAA,CAAAK,MAAA;EACNC,IAAA,EAAAsB,0BAAO;EACPE,KAAA,OAAQ;EACRC,MAAA,OAAS;EACTvB,OAAI;EACLC,EAAA;AAED;AAEA,IAAAuB,gBAAM,eAAkB;AAAe,IACrCC,eAAM,OAAAjC,UAAA,CAAAI,MAAA,EAAAJ,UAAA,CAAAK,MAAA;EACNC,IAAA,EAAA0B,gBAAU;EAAAV,QACR;IAAaY,WACX;MAAYC,UACV;QACAC,aAAA,OAAgB;QAClBC,cAAA;MACA;MAAUC,QACR;QACAF,aAAA,UAAgB;QAClBC,cAAA;MACF;IACF;EACD;AAED;AAAoC,IAClCE,UAAO,OAAAtC,kBAAA,CAAAuC,gBAAA;EACPC,KAAA,EAAAR,eAAW;EACXS,SAAM,EAAAb,wBAAA;EACPc,IAAA,EAAAxC;AAEM;AACL,SACER,uBAAA;EAEI,0BAAAG,kBAAA,CAAC8C,GAAA,EAAAL,UAAA;IACD;IAAsDM,YAE1D;IAEJvC,IAAA;IAEAwC,QAAS,qBAAwBhD,kBAAyC,CAAAiD,IAAA,EAAA/C,UAAA,CAAAK,MAAA;MACxEyB,KAAM,EAAK;MACXpB,KACE;MACEsC,GAAA;MAIAF,QAAA,GACF,mBAAAhD,kBAAA,CAAA8C,GAAA,EAAAK,uBAAA;QAEJzD,KAAA","ignoreList":[]}
|
|
@@ -38,12 +38,12 @@ __export(ReplaceThemeDemo_exports, {
|
|
|
38
38
|
module.exports = __toCommonJS(ReplaceThemeDemo_exports);
|
|
39
39
|
var import_react = __toESM(require("react"), 1);
|
|
40
40
|
var import_theme = require("@hanzogui/theme");
|
|
41
|
-
var
|
|
41
|
+
var import_gui = require("@hanzo/gui");
|
|
42
42
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
43
|
function ReplaceThemeDemo() {
|
|
44
44
|
const [theme, setTheme] = import_react.default.useState();
|
|
45
|
-
const update = (0,
|
|
46
|
-
(0,
|
|
45
|
+
const update = (0, import_gui.useForceUpdate)();
|
|
46
|
+
(0, import_gui.useIsomorphicLayoutEffect)(() => {
|
|
47
47
|
(0, import_theme.addTheme)({
|
|
48
48
|
name: "mytheme",
|
|
49
49
|
insertCSS: true,
|
|
@@ -54,20 +54,20 @@ function ReplaceThemeDemo() {
|
|
|
54
54
|
});
|
|
55
55
|
setTheme("mytheme");
|
|
56
56
|
}, []);
|
|
57
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
57
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
58
58
|
items: "center",
|
|
59
59
|
gap: "$4",
|
|
60
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
61
61
|
gap: "$5",
|
|
62
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
63
63
|
name: theme ?? null,
|
|
64
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
64
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
65
65
|
rounded: "$8",
|
|
66
66
|
size: 100,
|
|
67
67
|
bg: "$color"
|
|
68
68
|
})
|
|
69
69
|
})
|
|
70
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
70
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
71
71
|
onPress: () => {
|
|
72
72
|
(0, import_theme.replaceTheme)({
|
|
73
73
|
name: "mytheme",
|
|
@@ -41,11 +41,11 @@ module.exports = __toCommonJS(ReplaceThemeDemo_exports);
|
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
var import_react = __toESM(require("react"), 1);
|
|
43
43
|
var import_theme = require("@hanzogui/theme");
|
|
44
|
-
var
|
|
44
|
+
var import_gui = require("@hanzo/gui");
|
|
45
45
|
function ReplaceThemeDemo() {
|
|
46
46
|
var [theme, setTheme] = import_react.default.useState();
|
|
47
|
-
var update = (0,
|
|
48
|
-
(0,
|
|
47
|
+
var update = (0, import_gui.useForceUpdate)();
|
|
48
|
+
(0, import_gui.useIsomorphicLayoutEffect)(function () {
|
|
49
49
|
(0, import_theme.addTheme)({
|
|
50
50
|
name: "mytheme",
|
|
51
51
|
insertCSS: true,
|
|
@@ -56,20 +56,20 @@ function ReplaceThemeDemo() {
|
|
|
56
56
|
});
|
|
57
57
|
setTheme("mytheme");
|
|
58
58
|
}, []);
|
|
59
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
59
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
60
60
|
items: "center",
|
|
61
61
|
gap: "$4",
|
|
62
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
63
63
|
gap: "$5",
|
|
64
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
64
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
65
65
|
name: theme !== null && theme !== void 0 ? theme : null,
|
|
66
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
66
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
67
67
|
rounded: "$8",
|
|
68
68
|
size: 100,
|
|
69
69
|
bg: "$color"
|
|
70
70
|
})
|
|
71
71
|
})
|
|
72
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
72
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
73
73
|
onPress: function () {
|
|
74
74
|
(0, import_theme.replaceTheme)({
|
|
75
75
|
name: "mytheme",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ReplaceThemeDemo_exports","__export","ReplaceThemeDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_theme","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ReplaceThemeDemo_exports","__export","ReplaceThemeDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_theme","import_gui","theme","setTheme","default","useState","update","useForceUpdate","useIsomorphicLayoutEffect","addTheme","name","insertCSS","color","color2","jsxs","YStack","items","gap","children","jsx","XStack","Theme","Square","rounded","size","bg","Button","onPress","replaceTheme"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,wBAAA;AAClB,IAAAK,kBAAuC,GAAAC,OAAA;AAEvC,IAAAC,YAAA,GAQOC,OAAA,CAAAF,OAAA;AAmBH,IAAAG,YAAA,GAAAH,OAAA;AAjBG,IAAAI,UAAS,GAAAJ,OAAA,aAAmB;AACjC,SAAOJ,gBAAeA,CAAA,EAAI;EAC1B,KAAAS,KAAM,EAAAC,QAAS,IAAAL,YAAA,CAAAM,OAAA,CAAAC,QAAe;EAE9B,IAAAC,MAAA,OAAAL,UAAA,CAAAM,cAA0B;EACxB,IAAAN,UAAA,CAAAO,yBAAS;IAAA,EACP,EAAAR,YAAM,CAAAS,QAAA;MACNC,IAAA,WAAW;MACXC,SAAO;MAAAT,KACL;QACAU,KAAA,OAAQ;QACVC,MAAA;MACD;IACD;IACFV,QAAK;EAEL;EAEI,0BAAAP,kBAAA,CAACkB,IAAA,EAAAb,UAAA,CAAAc,MAAO;IAMRC,KAAA;IAAAC,GAAC;IAAAC,QAAA,kBACU,CAAM,GAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAmB,MAAA;MACbH,GAAA;MAAaC,QACX,EAAM,mBAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAoB,KAAA;QAAAX,IACN,EAAAR,KAAO,aAAAA,KAAA,cAAAA,KAAA;QAAAgB,QACL,iBAAO,IAAAtB,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAqB,MAAA;UACTC,OAAA;UACDC,IAAA;UACDC,EAAA;QACF;MACD;IAAA,IAED,mBAAA7B,kBAAA,CAAAuB,GAAA,EAAAlB,UAAA,CAAAyB,MAAA;MACFC,OAAA,WAAAA,CAAA;QAEJ,IAAA3B,YAAA,CAAA4B,YAAA","ignoreList":[]}
|
|
@@ -25,48 +25,48 @@ __export(ScrollViewDemo_exports, {
|
|
|
25
25
|
ScrollViewDemo: () => ScrollViewDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ScrollViewDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function ScrollViewDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ScrollView, {
|
|
32
32
|
maxH: 250,
|
|
33
33
|
width: "75%",
|
|
34
34
|
bg: "$background",
|
|
35
35
|
p: "$4",
|
|
36
36
|
rounded: "$4",
|
|
37
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
37
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
38
38
|
flexWrap: "wrap",
|
|
39
39
|
items: "center",
|
|
40
40
|
justify: "center",
|
|
41
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
41
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
42
42
|
m: "$4",
|
|
43
43
|
size: 120,
|
|
44
44
|
bg: "$color5"
|
|
45
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
45
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
|
|
46
46
|
m: "$4",
|
|
47
47
|
size: 120,
|
|
48
48
|
bg: "$color6"
|
|
49
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
49
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
50
50
|
m: "$4",
|
|
51
51
|
size: 120,
|
|
52
52
|
bg: "$color7"
|
|
53
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
|
|
54
54
|
m: "$4",
|
|
55
55
|
size: 120,
|
|
56
56
|
bg: "$color8"
|
|
57
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
57
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
58
58
|
m: "$4",
|
|
59
59
|
size: 120,
|
|
60
60
|
bg: "$color9"
|
|
61
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
|
|
62
62
|
m: "$4",
|
|
63
63
|
size: 120,
|
|
64
64
|
bg: "$color10"
|
|
65
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
66
66
|
m: "$4",
|
|
67
67
|
size: 120,
|
|
68
68
|
bg: "$color11"
|
|
69
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
|
|
70
70
|
m: "$4",
|
|
71
71
|
size: 120,
|
|
72
72
|
bg: "$color12"
|
|
@@ -28,47 +28,47 @@ __export(ScrollViewDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(ScrollViewDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
function ScrollViewDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ScrollView, {
|
|
34
34
|
maxH: 250,
|
|
35
35
|
width: "75%",
|
|
36
36
|
bg: "$background",
|
|
37
37
|
p: "$4",
|
|
38
38
|
rounded: "$4",
|
|
39
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
39
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
40
40
|
flexWrap: "wrap",
|
|
41
41
|
items: "center",
|
|
42
42
|
justify: "center",
|
|
43
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
43
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
44
44
|
m: "$4",
|
|
45
45
|
size: 120,
|
|
46
46
|
bg: "$color5"
|
|
47
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
47
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
|
|
48
48
|
m: "$4",
|
|
49
49
|
size: 120,
|
|
50
50
|
bg: "$color6"
|
|
51
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
51
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
52
52
|
m: "$4",
|
|
53
53
|
size: 120,
|
|
54
54
|
bg: "$color7"
|
|
55
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
55
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
|
|
56
56
|
m: "$4",
|
|
57
57
|
size: 120,
|
|
58
58
|
bg: "$color8"
|
|
59
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
60
60
|
m: "$4",
|
|
61
61
|
size: 120,
|
|
62
62
|
bg: "$color9"
|
|
63
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
63
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
|
|
64
64
|
m: "$4",
|
|
65
65
|
size: 120,
|
|
66
66
|
bg: "$color10"
|
|
67
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
67
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
68
68
|
m: "$4",
|
|
69
69
|
size: 120,
|
|
70
70
|
bg: "$color11"
|
|
71
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
71
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
|
|
72
72
|
m: "$4",
|
|
73
73
|
size: 120,
|
|
74
74
|
bg: "$color12"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ScrollViewDemo_exports","__export","ScrollViewDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ScrollViewDemo_exports","__export","ScrollViewDemo","module","exports","import_jsx_runtime","require","import_gui","jsx","ScrollView","maxH","width","bg","p","rounded","children","jsxs","XStack","flexWrap","items","justify"],"sources":["../../src/ScrollViewDemo.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;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAmDT,YAAA,CAAAK,sBAAA;AAK7C,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,UAAS,GAAAD,OAAA,aAAiB;AAC/B,SACEJ,eAAA;EAEI,0BAAAG,kBAAA,CAACG,GAAA,EAAAD,UAAA,CAAAE,UAAS;IACVC,IAAA;IACAC,KAAA;IACAC,EAAA;IACAC,CAAA;IACAC,OAAA;IACAC,QAAA,qBAAAV,kBAAC,CAAAW,IAAA,EAAAT,UAAO,CAAAU,MAAE,EAAK;MACfC,QAAA;MACFC,KACF;MAEJC,OAAA","ignoreList":[]}
|