@hanzogui/demos 8.2.1 → 8.3.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.js +10 -0
- package/dist/cjs/AccordionDemo.js.map +1 -0
- package/dist/cjs/AddThemeDemo.js +23 -0
- package/dist/cjs/AddThemeDemo.js.map +1 -0
- package/dist/cjs/AlertDialogDemo.js +16 -0
- package/dist/cjs/AlertDialogDemo.js.map +1 -0
- package/dist/cjs/AnimationsDelayDemo.js +28 -0
- package/dist/cjs/AnimationsDelayDemo.js.map +1 -0
- package/dist/cjs/AnimationsDemo.js +59 -0
- package/dist/cjs/AnimationsDemo.js.map +1 -0
- package/dist/cjs/AnimationsEnterDemo.js +23 -0
- package/dist/cjs/AnimationsEnterDemo.js.map +1 -0
- package/dist/cjs/AnimationsHoverDemo.js +14 -0
- package/dist/cjs/AnimationsHoverDemo.js.map +1 -0
- package/dist/cjs/AnimationsPresenceDemo.js +52 -0
- package/dist/cjs/AnimationsPresenceDemo.js.map +1 -0
- package/dist/cjs/AnimationsTimingDemo.js +14 -0
- package/dist/cjs/AnimationsTimingDemo.js.map +1 -0
- package/dist/cjs/AvatarDemo.js +9 -0
- package/dist/cjs/AvatarDemo.js.map +1 -0
- package/dist/cjs/BoxShadowTokenDemo.js +19 -0
- package/dist/cjs/BoxShadowTokenDemo.js.map +1 -0
- package/dist/cjs/BrandTokensDemo.js +20 -0
- package/dist/cjs/BrandTokensDemo.js.map +1 -0
- package/dist/cjs/BuildAButtonDemo.js +25 -0
- package/dist/cjs/BuildAButtonDemo.js.map +1 -0
- package/dist/cjs/ButtonDemo.js +11 -0
- package/dist/cjs/ButtonDemo.js.map +1 -0
- package/dist/cjs/CardDemo.js +13 -0
- package/dist/cjs/CardDemo.js.map +1 -0
- package/dist/cjs/CheckboxDemo.js +15 -0
- package/dist/cjs/CheckboxDemo.js.map +1 -0
- package/dist/cjs/CheckboxHeadlessDemo.js +26 -0
- package/dist/cjs/CheckboxHeadlessDemo.js.map +1 -0
- package/dist/cjs/CheckboxUnstyledDemo.js +39 -0
- package/dist/cjs/CheckboxUnstyledDemo.js.map +1 -0
- package/dist/cjs/ColorsDemo.js +51 -0
- package/dist/cjs/ColorsDemo.js.map +1 -0
- package/dist/cjs/ContextMenuDemo.js +25 -0
- package/dist/cjs/ContextMenuDemo.js.map +1 -0
- package/dist/cjs/DialogDemo.js +31 -0
- package/dist/cjs/DialogDemo.js.map +1 -0
- package/dist/cjs/FormsDemo.js +20 -0
- package/dist/cjs/FormsDemo.js.map +1 -0
- package/dist/cjs/GroupDemo.js +10 -0
- package/dist/cjs/GroupDemo.js.map +1 -0
- package/dist/cjs/HeadingsDemo.js +9 -0
- package/dist/cjs/HeadingsDemo.js.map +1 -0
- package/dist/cjs/ImageDemo.js +9 -0
- package/dist/cjs/ImageDemo.js.map +1 -0
- package/dist/cjs/InputsDemo.js +12 -0
- package/dist/cjs/InputsDemo.js.map +1 -0
- package/dist/cjs/LabelDemo.js +11 -0
- package/dist/cjs/LabelDemo.js.map +1 -0
- package/dist/cjs/LinearGradientDemo.js +10 -0
- package/dist/cjs/LinearGradientDemo.js.map +1 -0
- package/dist/cjs/ListItemDemo.js +16 -0
- package/dist/cjs/ListItemDemo.js.map +1 -0
- package/dist/cjs/LucideIconsDemo.js +26 -0
- package/dist/cjs/LucideIconsDemo.js.map +1 -0
- package/dist/cjs/MenuDemo.js +34 -0
- package/dist/cjs/MenuDemo.js.map +1 -0
- package/dist/cjs/NewInputsDemo.js +13 -0
- package/dist/cjs/NewInputsDemo.js.map +1 -0
- package/dist/cjs/PopoverDemo.js +25 -0
- package/dist/cjs/PopoverDemo.js.map +1 -0
- package/dist/cjs/ProgressDemo.js +26 -0
- package/dist/cjs/ProgressDemo.js.map +1 -0
- package/dist/cjs/RadioGroupDemo.js +14 -0
- package/dist/cjs/RadioGroupDemo.js.map +1 -0
- package/dist/cjs/RadioGroupHeadlessDemo.js +78 -0
- package/dist/cjs/RadioGroupHeadlessDemo.js.map +1 -0
- package/dist/cjs/RadioGroupUnstyledDemo.js +92 -0
- package/dist/cjs/RadioGroupUnstyledDemo.js.map +1 -0
- package/dist/cjs/ReplaceThemeDemo.js +33 -0
- package/dist/cjs/ReplaceThemeDemo.js.map +1 -0
- package/dist/cjs/ScrollViewDemo.js +9 -0
- package/dist/cjs/ScrollViewDemo.js.map +1 -0
- package/dist/cjs/SelectDemo.js +48 -0
- package/dist/cjs/SelectDemo.js.map +1 -0
- package/dist/cjs/SeparatorDemo.js +9 -0
- package/dist/cjs/SeparatorDemo.js.map +1 -0
- package/dist/cjs/ShapesDemo.js +9 -0
- package/dist/cjs/ShapesDemo.js.map +1 -0
- package/dist/cjs/SheetDemo.js +41 -0
- package/dist/cjs/SheetDemo.js.map +1 -0
- package/dist/cjs/SliderDemo.js +12 -0
- package/dist/cjs/SliderDemo.js.map +1 -0
- package/dist/cjs/SpinnerDemo.js +9 -0
- package/dist/cjs/SpinnerDemo.js.map +1 -0
- package/dist/cjs/StacksDemo.js +9 -0
- package/dist/cjs/StacksDemo.js.map +1 -0
- package/dist/cjs/SwitchDemo.js +19 -0
- package/dist/cjs/SwitchDemo.js.map +1 -0
- package/dist/cjs/SwitchHeadlessDemo.js +45 -0
- package/dist/cjs/SwitchHeadlessDemo.js.map +1 -0
- package/dist/cjs/SwitchUnstyledDemo.js +50 -0
- package/dist/cjs/SwitchUnstyledDemo.js.map +1 -0
- package/dist/cjs/TabsAdvancedDemo.js +107 -0
- package/dist/cjs/TabsAdvancedDemo.js.map +1 -0
- package/dist/cjs/TabsDemo.js +36 -0
- package/dist/cjs/TabsDemo.js.map +1 -0
- package/dist/cjs/TabsHeadlessDemo.js +65 -0
- package/dist/cjs/TabsHeadlessDemo.js.map +1 -0
- package/dist/cjs/TextDemo.js +9 -0
- package/dist/cjs/TextDemo.js.map +1 -0
- package/dist/cjs/ThemeBuilderDemo.js +13 -0
- package/dist/cjs/ThemeBuilderDemo.js.map +1 -0
- package/dist/cjs/ThemeInverseDemo.js +9 -0
- package/dist/cjs/ThemeInverseDemo.js.map +1 -0
- package/dist/cjs/ToastDemo.js +39 -0
- package/dist/cjs/ToastDemo.js.map +1 -0
- package/dist/cjs/ToastDuplicateDemo.js +23 -0
- package/dist/cjs/ToastDuplicateDemo.js.map +1 -0
- package/dist/cjs/ToastV1Demo.js +47 -0
- package/dist/cjs/ToastV1Demo.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.js +15 -0
- package/dist/cjs/ToggleGroupDemo.js.map +1 -0
- package/dist/cjs/TokensDemo.js +54 -0
- package/dist/cjs/TokensDemo.js.map +1 -0
- package/dist/cjs/TooltipDemo.js +20 -0
- package/dist/cjs/TooltipDemo.js.map +1 -0
- package/dist/cjs/UpdateThemeDemo.js +34 -0
- package/dist/cjs/UpdateThemeDemo.js.map +1 -0
- package/dist/cjs/WebNativeImageDemo.js +9 -0
- package/dist/cjs/WebNativeImageDemo.js.map +1 -0
- package/dist/cjs/hanzogui.config.js +7 -0
- package/dist/cjs/hanzogui.config.js.map +1 -0
- package/dist/cjs/index.js +67 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/useOnIntersecting.js +65 -0
- package/dist/cjs/useOnIntersecting.js.map +1 -0
- package/dist/esm/AccordionDemo.js +7 -0
- package/dist/esm/AccordionDemo.js.map +1 -0
- package/dist/esm/AddThemeDemo.js +19 -0
- package/dist/esm/AddThemeDemo.js.map +1 -0
- package/dist/esm/AlertDialogDemo.js +13 -0
- package/dist/esm/AlertDialogDemo.js.map +1 -0
- package/dist/esm/AnimationsDelayDemo.js +24 -0
- package/dist/esm/AnimationsDelayDemo.js.map +1 -0
- package/dist/esm/AnimationsDemo.js +55 -0
- package/dist/esm/AnimationsDemo.js.map +1 -0
- package/dist/esm/AnimationsEnterDemo.js +19 -0
- package/dist/esm/AnimationsEnterDemo.js.map +1 -0
- package/dist/esm/AnimationsHoverDemo.js +11 -0
- package/dist/esm/AnimationsHoverDemo.js.map +1 -0
- package/dist/esm/AnimationsPresenceDemo.js +47 -0
- package/dist/esm/AnimationsPresenceDemo.js.map +1 -0
- package/dist/esm/AnimationsTimingDemo.js +11 -0
- package/dist/esm/AnimationsTimingDemo.js.map +1 -0
- package/dist/esm/AvatarDemo.js +6 -0
- package/dist/esm/AvatarDemo.js.map +1 -0
- package/dist/esm/BoxShadowTokenDemo.js +16 -0
- package/dist/esm/BoxShadowTokenDemo.js.map +1 -0
- package/dist/esm/BrandTokensDemo.js +17 -0
- package/dist/esm/BrandTokensDemo.js.map +1 -0
- package/dist/esm/BuildAButtonDemo.js +22 -0
- package/dist/esm/BuildAButtonDemo.js.map +1 -0
- package/dist/esm/ButtonDemo.js +8 -0
- package/dist/esm/ButtonDemo.js.map +1 -0
- package/dist/esm/CardDemo.js +9 -0
- package/dist/esm/CardDemo.js.map +1 -0
- package/dist/esm/CheckboxDemo.js +11 -0
- package/dist/esm/CheckboxDemo.js.map +1 -0
- package/dist/esm/CheckboxHeadlessDemo.js +22 -0
- package/dist/esm/CheckboxHeadlessDemo.js.map +1 -0
- package/dist/esm/CheckboxUnstyledDemo.js +35 -0
- package/dist/esm/CheckboxUnstyledDemo.js.map +1 -0
- package/dist/esm/ColorsDemo.js +48 -0
- package/dist/esm/ColorsDemo.js.map +1 -0
- package/dist/esm/ContextMenuDemo.js +21 -0
- package/dist/esm/ContextMenuDemo.js.map +1 -0
- package/dist/esm/DialogDemo.js +28 -0
- package/dist/esm/DialogDemo.js.map +1 -0
- package/dist/esm/FormsDemo.js +16 -0
- package/dist/esm/FormsDemo.js.map +1 -0
- package/dist/esm/GroupDemo.js +7 -0
- package/dist/esm/GroupDemo.js.map +1 -0
- package/dist/esm/HeadingsDemo.js +6 -0
- package/dist/esm/HeadingsDemo.js.map +1 -0
- package/dist/esm/ImageDemo.js +6 -0
- package/dist/esm/ImageDemo.js.map +1 -0
- package/dist/esm/InputsDemo.js +9 -0
- package/dist/esm/InputsDemo.js.map +1 -0
- package/dist/esm/LabelDemo.js +8 -0
- package/dist/esm/LabelDemo.js.map +1 -0
- package/dist/esm/LinearGradientDemo.js +7 -0
- package/dist/esm/LinearGradientDemo.js.map +1 -0
- package/dist/esm/ListItemDemo.js +13 -0
- package/dist/esm/ListItemDemo.js.map +1 -0
- package/dist/esm/LucideIconsDemo.js +22 -0
- package/dist/esm/LucideIconsDemo.js.map +1 -0
- package/dist/esm/MenuDemo.js +30 -0
- package/dist/esm/MenuDemo.js.map +1 -0
- package/dist/esm/NewInputsDemo.js +10 -0
- package/dist/esm/NewInputsDemo.js.map +1 -0
- package/dist/esm/PopoverDemo.js +21 -0
- package/dist/esm/PopoverDemo.js.map +1 -0
- package/dist/esm/ProgressDemo.js +22 -0
- package/dist/esm/ProgressDemo.js.map +1 -0
- package/dist/esm/RadioGroupDemo.js +10 -0
- package/dist/esm/RadioGroupDemo.js.map +1 -0
- package/dist/esm/RadioGroupHeadlessDemo.js +74 -0
- package/dist/esm/RadioGroupHeadlessDemo.js.map +1 -0
- package/dist/esm/RadioGroupUnstyledDemo.js +89 -0
- package/dist/esm/RadioGroupUnstyledDemo.js.map +1 -0
- package/dist/esm/ReplaceThemeDemo.js +29 -0
- package/dist/esm/ReplaceThemeDemo.js.map +1 -0
- package/dist/esm/ScrollViewDemo.js +6 -0
- package/dist/esm/ScrollViewDemo.js.map +1 -0
- package/dist/esm/SelectDemo.js +43 -0
- package/dist/esm/SelectDemo.js.map +1 -0
- package/dist/esm/SeparatorDemo.js +6 -0
- package/dist/esm/SeparatorDemo.js.map +1 -0
- package/dist/esm/ShapesDemo.js +6 -0
- package/dist/esm/ShapesDemo.js.map +1 -0
- package/dist/esm/SheetDemo.js +36 -0
- package/dist/esm/SheetDemo.js.map +1 -0
- package/dist/esm/SliderDemo.js +9 -0
- package/dist/esm/SliderDemo.js.map +1 -0
- package/dist/esm/SpinnerDemo.js +6 -0
- package/dist/esm/SpinnerDemo.js.map +1 -0
- package/dist/esm/StacksDemo.js +6 -0
- package/dist/esm/StacksDemo.js.map +1 -0
- package/dist/esm/SwitchDemo.js +15 -0
- package/dist/esm/SwitchDemo.js.map +1 -0
- package/dist/esm/SwitchHeadlessDemo.js +41 -0
- package/dist/esm/SwitchHeadlessDemo.js.map +1 -0
- package/dist/esm/SwitchUnstyledDemo.js +46 -0
- package/dist/esm/SwitchUnstyledDemo.js.map +1 -0
- package/dist/esm/TabsAdvancedDemo.js +102 -0
- package/dist/esm/TabsAdvancedDemo.js.map +1 -0
- package/dist/esm/TabsDemo.js +32 -0
- package/dist/esm/TabsDemo.js.map +1 -0
- package/dist/esm/TabsHeadlessDemo.js +61 -0
- package/dist/esm/TabsHeadlessDemo.js.map +1 -0
- package/dist/esm/TextDemo.js +6 -0
- package/dist/esm/TextDemo.js.map +1 -0
- package/dist/esm/ThemeBuilderDemo.js +10 -0
- package/dist/esm/ThemeBuilderDemo.js.map +1 -0
- package/dist/esm/ThemeInverseDemo.js +6 -0
- package/dist/esm/ThemeInverseDemo.js.map +1 -0
- package/dist/esm/ToastDemo.js +35 -0
- package/dist/esm/ToastDemo.js.map +1 -0
- package/dist/esm/ToastDuplicateDemo.js +19 -0
- package/dist/esm/ToastDuplicateDemo.js.map +1 -0
- package/dist/esm/ToastV1Demo.js +42 -0
- package/dist/esm/ToastV1Demo.js.map +1 -0
- package/dist/esm/ToggleGroupDemo.js +12 -0
- package/dist/esm/ToggleGroupDemo.js.map +1 -0
- package/dist/esm/TokensDemo.js +50 -0
- package/dist/esm/TokensDemo.js.map +1 -0
- package/dist/esm/TooltipDemo.js +17 -0
- package/dist/esm/TooltipDemo.js.map +1 -0
- package/dist/esm/UpdateThemeDemo.js +30 -0
- package/dist/esm/UpdateThemeDemo.js.map +1 -0
- package/dist/esm/WebNativeImageDemo.js +6 -0
- package/dist/esm/WebNativeImageDemo.js.map +1 -0
- package/dist/esm/hanzogui.config.js +5 -0
- package/dist/esm/hanzogui.config.js.map +1 -0
- package/dist/esm/index.js +64 -64
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/useOnIntersecting.js +61 -0
- package/dist/esm/useOnIntersecting.js.map +1 -0
- package/package.json +53 -53
- package/src/AnimationsDelayDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/BrandTokensDemo.tsx +12 -5
- package/src/DialogDemo.tsx +1 -1
- package/src/TokensDemo.tsx +5 -6
- package/src/hanzogui.config.ts +1 -1
- package/src/index.tsx +64 -64
- package/types/AccordionDemo.d.ts +2 -0
- package/types/AccordionDemo.d.ts.map +1 -0
- package/types/AddThemeDemo.d.ts +3 -0
- package/types/AddThemeDemo.d.ts.map +1 -0
- package/types/AlertDialogDemo.d.ts +2 -0
- package/types/AlertDialogDemo.d.ts.map +1 -0
- package/types/AnimationsDelayDemo.d.ts +3 -0
- package/types/AnimationsDelayDemo.d.ts.map +1 -0
- package/types/AnimationsDemo.d.ts +21 -0
- package/types/AnimationsDemo.d.ts.map +1 -0
- package/types/AnimationsEnterDemo.d.ts +3 -0
- package/types/AnimationsEnterDemo.d.ts.map +1 -0
- package/types/AnimationsHoverDemo.d.ts +2 -0
- package/types/AnimationsHoverDemo.d.ts.map +1 -0
- package/types/AnimationsPresenceDemo.d.ts +4 -0
- package/types/AnimationsPresenceDemo.d.ts.map +1 -0
- package/types/AnimationsTimingDemo.d.ts +2 -0
- package/types/AnimationsTimingDemo.d.ts.map +1 -0
- package/types/AvatarDemo.d.ts +2 -0
- package/types/AvatarDemo.d.ts.map +1 -0
- package/types/BoxShadowTokenDemo.d.ts +2 -0
- package/types/BoxShadowTokenDemo.d.ts.map +1 -0
- package/types/BrandTokensDemo.d.ts +2 -0
- package/types/BrandTokensDemo.d.ts.map +1 -0
- package/types/BuildAButtonDemo.d.ts +2 -0
- package/types/BuildAButtonDemo.d.ts.map +1 -0
- package/types/ButtonDemo.d.ts +2 -0
- package/types/ButtonDemo.d.ts.map +1 -0
- package/types/CardDemo.d.ts +4 -0
- package/types/CardDemo.d.ts.map +1 -0
- package/types/CheckboxDemo.d.ts +6 -0
- package/types/CheckboxDemo.d.ts.map +1 -0
- package/types/CheckboxHeadlessDemo.d.ts +3 -0
- package/types/CheckboxHeadlessDemo.d.ts.map +1 -0
- package/types/CheckboxUnstyledDemo.d.ts +321 -0
- package/types/CheckboxUnstyledDemo.d.ts.map +1 -0
- package/types/ColorsDemo.d.ts +2 -0
- package/types/ColorsDemo.d.ts.map +1 -0
- package/types/ContextMenuDemo.d.ts +6 -0
- package/types/ContextMenuDemo.d.ts.map +1 -0
- package/types/DialogDemo.d.ts +2 -0
- package/types/DialogDemo.d.ts.map +1 -0
- package/types/FormsDemo.d.ts +6 -0
- package/types/FormsDemo.d.ts.map +1 -0
- package/types/GroupDemo.d.ts +2 -0
- package/types/GroupDemo.d.ts.map +1 -0
- package/types/HeadingsDemo.d.ts +2 -0
- package/types/HeadingsDemo.d.ts.map +1 -0
- package/types/ImageDemo.d.ts +2 -0
- package/types/ImageDemo.d.ts.map +1 -0
- package/types/InputsDemo.d.ts +2 -0
- package/types/InputsDemo.d.ts.map +1 -0
- package/types/LabelDemo.d.ts +2 -0
- package/types/LabelDemo.d.ts.map +1 -0
- package/types/LinearGradientDemo.d.ts +2 -0
- package/types/LinearGradientDemo.d.ts.map +1 -0
- package/types/ListItemDemo.d.ts +2 -0
- package/types/ListItemDemo.d.ts.map +1 -0
- package/types/LucideIconsDemo.d.ts +3 -0
- package/types/LucideIconsDemo.d.ts.map +1 -0
- package/types/MenuDemo.d.ts +11 -0
- package/types/MenuDemo.d.ts.map +1 -0
- package/types/NewInputsDemo.d.ts +2 -0
- package/types/NewInputsDemo.d.ts.map +1 -0
- package/types/PopoverDemo.d.ts +8 -0
- package/types/PopoverDemo.d.ts.map +1 -0
- package/types/ProgressDemo.d.ts +3 -0
- package/types/ProgressDemo.d.ts.map +1 -0
- package/types/RadioGroupDemo.d.ts +8 -0
- package/types/RadioGroupDemo.d.ts.map +1 -0
- package/types/RadioGroupHeadlessDemo.d.ts +3 -0
- package/types/RadioGroupHeadlessDemo.d.ts.map +1 -0
- package/types/RadioGroupUnstyledDemo.d.ts +2 -0
- package/types/RadioGroupUnstyledDemo.d.ts.map +1 -0
- package/types/ReplaceThemeDemo.d.ts +3 -0
- package/types/ReplaceThemeDemo.d.ts.map +1 -0
- package/types/ScrollViewDemo.d.ts +2 -0
- package/types/ScrollViewDemo.d.ts.map +1 -0
- package/types/SelectDemo.d.ts +54 -0
- package/types/SelectDemo.d.ts.map +1 -0
- package/types/SeparatorDemo.d.ts +2 -0
- package/types/SeparatorDemo.d.ts.map +1 -0
- package/types/ShapesDemo.d.ts +2 -0
- package/types/ShapesDemo.d.ts.map +1 -0
- package/types/SheetDemo.d.ts +3 -0
- package/types/SheetDemo.d.ts.map +1 -0
- package/types/SliderDemo.d.ts +2 -0
- package/types/SliderDemo.d.ts.map +1 -0
- package/types/SpinnerDemo.d.ts +2 -0
- package/types/SpinnerDemo.d.ts.map +1 -0
- package/types/StacksDemo.d.ts +3 -0
- package/types/StacksDemo.d.ts.map +1 -0
- package/types/SwitchDemo.d.ts +8 -0
- package/types/SwitchDemo.d.ts.map +1 -0
- package/types/SwitchHeadlessDemo.d.ts +3 -0
- package/types/SwitchHeadlessDemo.d.ts.map +1 -0
- package/types/SwitchUnstyledDemo.d.ts +136 -0
- package/types/SwitchUnstyledDemo.d.ts.map +1 -0
- package/types/TabsAdvancedDemo.d.ts +3 -0
- package/types/TabsAdvancedDemo.d.ts.map +1 -0
- package/types/TabsDemo.d.ts +3 -0
- package/types/TabsDemo.d.ts.map +1 -0
- package/types/TabsHeadlessDemo.d.ts +571 -0
- package/types/TabsHeadlessDemo.d.ts.map +1 -0
- package/types/TextDemo.d.ts +2 -0
- package/types/TextDemo.d.ts.map +1 -0
- package/types/ThemeBuilderDemo.d.ts +2 -0
- package/types/ThemeBuilderDemo.d.ts.map +1 -0
- package/types/ThemeInverseDemo.d.ts +2 -0
- package/types/ThemeInverseDemo.d.ts.map +1 -0
- package/types/ToastDemo.d.ts +2 -0
- package/types/ToastDemo.d.ts.map +1 -0
- package/types/ToastDuplicateDemo.d.ts +5 -0
- package/types/ToastDuplicateDemo.d.ts.map +1 -0
- package/types/ToastV1Demo.d.ts +8 -0
- package/types/ToastV1Demo.d.ts.map +1 -0
- package/types/ToggleGroupDemo.d.ts +2 -0
- package/types/ToggleGroupDemo.d.ts.map +1 -0
- package/types/TokensDemo.d.ts +3 -0
- package/types/TokensDemo.d.ts.map +1 -0
- package/types/TooltipDemo.d.ts +2 -0
- package/types/TooltipDemo.d.ts.map +1 -0
- package/types/UpdateThemeDemo.d.ts +3 -0
- package/types/UpdateThemeDemo.d.ts.map +1 -0
- package/types/WebNativeImageDemo.d.ts +2 -0
- package/types/WebNativeImageDemo.d.ts.map +1 -0
- package/types/hanzogui.config.d.ts +598 -0
- package/types/hanzogui.config.d.ts.map +1 -0
- package/types/index.d.ts +64 -0
- package/types/index.d.ts.map +1 -0
- package/types/useOnIntersecting.d.ts +10 -0
- package/types/useOnIntersecting.d.ts.map +1 -0
- package/dist/cjs/AccordionDemo.cjs +0 -113
- package/dist/cjs/AccordionDemo.native.js +0 -123
- package/dist/cjs/AccordionDemo.native.js.map +0 -1
- package/dist/cjs/AddThemeDemo.cjs +0 -74
- package/dist/cjs/AddThemeDemo.native.js +0 -77
- package/dist/cjs/AddThemeDemo.native.js.map +0 -1
- package/dist/cjs/AlertDialogDemo.cjs +0 -98
- package/dist/cjs/AlertDialogDemo.native.js +0 -101
- package/dist/cjs/AlertDialogDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +0 -90
- package/dist/cjs/AnimationsDelayDemo.native.js +0 -97
- package/dist/cjs/AnimationsDelayDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsDemo.cjs +0 -104
- package/dist/cjs/AnimationsDemo.native.js +0 -108
- package/dist/cjs/AnimationsDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +0 -80
- package/dist/cjs/AnimationsEnterDemo.native.js +0 -86
- package/dist/cjs/AnimationsEnterDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +0 -49
- package/dist/cjs/AnimationsHoverDemo.native.js +0 -52
- package/dist/cjs/AnimationsHoverDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +0 -125
- package/dist/cjs/AnimationsPresenceDemo.native.js +0 -136
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +0 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +0 -48
- package/dist/cjs/AnimationsTimingDemo.native.js +0 -51
- package/dist/cjs/AnimationsTimingDemo.native.js.map +0 -1
- package/dist/cjs/AvatarDemo.cjs +0 -55
- package/dist/cjs/AvatarDemo.native.js +0 -58
- package/dist/cjs/AvatarDemo.native.js.map +0 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +0 -59
- package/dist/cjs/BoxShadowTokenDemo.native.js +0 -64
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +0 -1
- package/dist/cjs/BrandTokensDemo.cjs +0 -142
- package/dist/cjs/BrandTokensDemo.native.js +0 -151
- package/dist/cjs/BrandTokensDemo.native.js.map +0 -1
- package/dist/cjs/BuildAButtonDemo.cjs +0 -131
- package/dist/cjs/BuildAButtonDemo.native.js +0 -134
- package/dist/cjs/BuildAButtonDemo.native.js.map +0 -1
- package/dist/cjs/ButtonDemo.cjs +0 -91
- package/dist/cjs/ButtonDemo.native.js +0 -94
- package/dist/cjs/ButtonDemo.native.js.map +0 -1
- package/dist/cjs/CardDemo.cjs +0 -91
- package/dist/cjs/CardDemo.native.js +0 -94
- package/dist/cjs/CardDemo.native.js.map +0 -1
- package/dist/cjs/CheckboxDemo.cjs +0 -81
- package/dist/cjs/CheckboxDemo.native.js +0 -85
- package/dist/cjs/CheckboxDemo.native.js.map +0 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +0 -89
- package/dist/cjs/CheckboxHeadlessDemo.native.js +0 -92
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +0 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +0 -80
- package/dist/cjs/CheckboxUnstyledDemo.native.js +0 -83
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +0 -1
- package/dist/cjs/ColorsDemo.cjs +0 -139
- package/dist/cjs/ColorsDemo.native.js +0 -145
- package/dist/cjs/ColorsDemo.native.js.map +0 -1
- package/dist/cjs/ContextMenuDemo.cjs +0 -228
- package/dist/cjs/ContextMenuDemo.native.js +0 -232
- package/dist/cjs/ContextMenuDemo.native.js.map +0 -1
- package/dist/cjs/DialogDemo.cjs +0 -214
- package/dist/cjs/DialogDemo.native.js +0 -224
- package/dist/cjs/DialogDemo.native.js.map +0 -1
- package/dist/cjs/FormsDemo.cjs +0 -88
- package/dist/cjs/FormsDemo.native.js +0 -95
- package/dist/cjs/FormsDemo.native.js.map +0 -1
- package/dist/cjs/GroupDemo.cjs +0 -94
- package/dist/cjs/GroupDemo.native.js +0 -99
- package/dist/cjs/GroupDemo.native.js.map +0 -1
- package/dist/cjs/HeadingsDemo.cjs +0 -47
- package/dist/cjs/HeadingsDemo.native.js +0 -50
- package/dist/cjs/HeadingsDemo.native.js.map +0 -1
- package/dist/cjs/ImageDemo.cjs +0 -40
- package/dist/cjs/ImageDemo.native.js +0 -43
- package/dist/cjs/ImageDemo.native.js.map +0 -1
- package/dist/cjs/InputsDemo.cjs +0 -64
- package/dist/cjs/InputsDemo.native.js +0 -67
- package/dist/cjs/InputsDemo.native.js.map +0 -1
- package/dist/cjs/LabelDemo.cjs +0 -67
- package/dist/cjs/LabelDemo.native.js +0 -70
- package/dist/cjs/LabelDemo.native.js.map +0 -1
- package/dist/cjs/LinearGradientDemo.cjs +0 -50
- package/dist/cjs/LinearGradientDemo.native.js +0 -55
- package/dist/cjs/LinearGradientDemo.native.js.map +0 -1
- package/dist/cjs/ListItemDemo.cjs +0 -111
- package/dist/cjs/ListItemDemo.native.js +0 -114
- package/dist/cjs/ListItemDemo.native.js.map +0 -1
- package/dist/cjs/LucideIconsDemo.cjs +0 -99
- package/dist/cjs/LucideIconsDemo.native.js +0 -120
- package/dist/cjs/LucideIconsDemo.native.js.map +0 -1
- package/dist/cjs/MenuDemo.cjs +0 -229
- package/dist/cjs/MenuDemo.native.js +0 -235
- package/dist/cjs/MenuDemo.native.js.map +0 -1
- package/dist/cjs/NewInputsDemo.cjs +0 -65
- package/dist/cjs/NewInputsDemo.native.js +0 -68
- package/dist/cjs/NewInputsDemo.native.js.map +0 -1
- package/dist/cjs/PopoverDemo.cjs +0 -152
- package/dist/cjs/PopoverDemo.native.js +0 -159
- package/dist/cjs/PopoverDemo.native.js.map +0 -1
- package/dist/cjs/ProgressDemo.cjs +0 -92
- package/dist/cjs/ProgressDemo.native.js +0 -119
- package/dist/cjs/ProgressDemo.native.js.map +0 -1
- package/dist/cjs/RadioGroupDemo.cjs +0 -76
- package/dist/cjs/RadioGroupDemo.native.js +0 -79
- package/dist/cjs/RadioGroupDemo.native.js.map +0 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +0 -173
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +0 -178
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +0 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +0 -143
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +0 -146
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +0 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +0 -83
- package/dist/cjs/ReplaceThemeDemo.native.js +0 -86
- package/dist/cjs/ReplaceThemeDemo.native.js.map +0 -1
- package/dist/cjs/ScrollViewDemo.cjs +0 -76
- package/dist/cjs/ScrollViewDemo.native.js +0 -79
- package/dist/cjs/ScrollViewDemo.native.js.map +0 -1
- package/dist/cjs/SelectDemo.cjs +0 -240
- package/dist/cjs/SelectDemo.native.js +0 -254
- package/dist/cjs/SelectDemo.native.js.map +0 -1
- package/dist/cjs/SeparatorDemo.cjs +0 -62
- package/dist/cjs/SeparatorDemo.native.js +0 -65
- package/dist/cjs/SeparatorDemo.native.js.map +0 -1
- package/dist/cjs/ShapesDemo.cjs +0 -44
- package/dist/cjs/ShapesDemo.native.js +0 -47
- package/dist/cjs/ShapesDemo.native.js.map +0 -1
- package/dist/cjs/SheetDemo.cjs +0 -198
- package/dist/cjs/SheetDemo.native.js +0 -223
- package/dist/cjs/SheetDemo.native.js.map +0 -1
- package/dist/cjs/SliderDemo.cjs +0 -60
- package/dist/cjs/SliderDemo.native.js +0 -64
- package/dist/cjs/SliderDemo.native.js.map +0 -1
- package/dist/cjs/SpinnerDemo.cjs +0 -43
- package/dist/cjs/SpinnerDemo.native.js +0 -46
- package/dist/cjs/SpinnerDemo.native.js.map +0 -1
- package/dist/cjs/StacksDemo.cjs +0 -109
- package/dist/cjs/StacksDemo.native.js +0 -124
- package/dist/cjs/StacksDemo.native.js.map +0 -1
- package/dist/cjs/SwitchDemo.cjs +0 -103
- package/dist/cjs/SwitchDemo.native.js +0 -109
- package/dist/cjs/SwitchDemo.native.js.map +0 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +0 -105
- package/dist/cjs/SwitchHeadlessDemo.native.js +0 -112
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +0 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +0 -91
- package/dist/cjs/SwitchUnstyledDemo.native.js +0 -94
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +0 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +0 -362
- package/dist/cjs/TabsAdvancedDemo.native.js +0 -404
- package/dist/cjs/TabsAdvancedDemo.native.js.map +0 -1
- package/dist/cjs/TabsDemo.cjs +0 -220
- package/dist/cjs/TabsDemo.native.js +0 -227
- package/dist/cjs/TabsDemo.native.js.map +0 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +0 -134
- package/dist/cjs/TabsHeadlessDemo.native.js +0 -157
- package/dist/cjs/TabsHeadlessDemo.native.js.map +0 -1
- package/dist/cjs/TextDemo.cjs +0 -51
- package/dist/cjs/TextDemo.native.js +0 -54
- package/dist/cjs/TextDemo.native.js.map +0 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +0 -180
- package/dist/cjs/ThemeBuilderDemo.native.js +0 -183
- package/dist/cjs/ThemeBuilderDemo.native.js.map +0 -1
- package/dist/cjs/ThemeInverseDemo.cjs +0 -101
- package/dist/cjs/ThemeInverseDemo.native.js +0 -104
- package/dist/cjs/ThemeInverseDemo.native.js.map +0 -1
- package/dist/cjs/ToastDemo.cjs +0 -232
- package/dist/cjs/ToastDemo.native.js +0 -250
- package/dist/cjs/ToastDemo.native.js.map +0 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +0 -72
- package/dist/cjs/ToastDuplicateDemo.native.js +0 -77
- package/dist/cjs/ToastDuplicateDemo.native.js.map +0 -1
- package/dist/cjs/ToastV1Demo.cjs +0 -155
- package/dist/cjs/ToastV1Demo.native.js +0 -166
- package/dist/cjs/ToastV1Demo.native.js.map +0 -1
- package/dist/cjs/ToggleGroupDemo.cjs +0 -122
- package/dist/cjs/ToggleGroupDemo.native.js +0 -125
- package/dist/cjs/ToggleGroupDemo.native.js.map +0 -1
- package/dist/cjs/TokensDemo.cjs +0 -129
- package/dist/cjs/TokensDemo.native.js +0 -148
- package/dist/cjs/TokensDemo.native.js.map +0 -1
- package/dist/cjs/TooltipDemo.cjs +0 -133
- package/dist/cjs/TooltipDemo.native.js +0 -137
- package/dist/cjs/TooltipDemo.native.js.map +0 -1
- package/dist/cjs/UpdateThemeDemo.cjs +0 -84
- package/dist/cjs/UpdateThemeDemo.native.js +0 -87
- package/dist/cjs/UpdateThemeDemo.native.js.map +0 -1
- package/dist/cjs/WebNativeImageDemo.cjs +0 -36
- package/dist/cjs/WebNativeImageDemo.native.js +0 -39
- package/dist/cjs/WebNativeImageDemo.native.js.map +0 -1
- package/dist/cjs/hanzogui.config.cjs +0 -31
- package/dist/cjs/hanzogui.config.native.js +0 -34
- package/dist/cjs/hanzogui.config.native.js.map +0 -1
- package/dist/cjs/index.cjs +0 -82
- package/dist/cjs/index.native.js +0 -85
- package/dist/cjs/index.native.js.map +0 -1
- package/dist/cjs/useOnIntersecting.cjs +0 -84
- package/dist/cjs/useOnIntersecting.native.js +0 -119
- package/dist/cjs/useOnIntersecting.native.js.map +0 -1
- package/dist/esm/AccordionDemo.mjs +0 -88
- package/dist/esm/AccordionDemo.mjs.map +0 -1
- package/dist/esm/AccordionDemo.native.js +0 -95
- package/dist/esm/AccordionDemo.native.js.map +0 -1
- package/dist/esm/AddThemeDemo.mjs +0 -38
- package/dist/esm/AddThemeDemo.mjs.map +0 -1
- package/dist/esm/AddThemeDemo.native.js +0 -38
- package/dist/esm/AddThemeDemo.native.js.map +0 -1
- package/dist/esm/AlertDialogDemo.mjs +0 -73
- package/dist/esm/AlertDialogDemo.mjs.map +0 -1
- package/dist/esm/AlertDialogDemo.native.js +0 -73
- package/dist/esm/AlertDialogDemo.native.js.map +0 -1
- package/dist/esm/AnimationsDelayDemo.mjs +0 -54
- package/dist/esm/AnimationsDelayDemo.mjs.map +0 -1
- package/dist/esm/AnimationsDelayDemo.native.js +0 -58
- package/dist/esm/AnimationsDelayDemo.native.js.map +0 -1
- package/dist/esm/AnimationsDemo.mjs +0 -78
- package/dist/esm/AnimationsDemo.mjs.map +0 -1
- package/dist/esm/AnimationsDemo.native.js +0 -79
- package/dist/esm/AnimationsDemo.native.js.map +0 -1
- package/dist/esm/AnimationsEnterDemo.mjs +0 -44
- package/dist/esm/AnimationsEnterDemo.mjs.map +0 -1
- package/dist/esm/AnimationsEnterDemo.native.js +0 -47
- package/dist/esm/AnimationsEnterDemo.native.js.map +0 -1
- package/dist/esm/AnimationsHoverDemo.mjs +0 -24
- package/dist/esm/AnimationsHoverDemo.mjs.map +0 -1
- package/dist/esm/AnimationsHoverDemo.native.js +0 -24
- package/dist/esm/AnimationsHoverDemo.native.js.map +0 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +0 -88
- package/dist/esm/AnimationsPresenceDemo.mjs.map +0 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +0 -96
- package/dist/esm/AnimationsPresenceDemo.native.js.map +0 -1
- package/dist/esm/AnimationsTimingDemo.mjs +0 -23
- package/dist/esm/AnimationsTimingDemo.mjs.map +0 -1
- package/dist/esm/AnimationsTimingDemo.native.js +0 -23
- package/dist/esm/AnimationsTimingDemo.native.js.map +0 -1
- package/dist/esm/AvatarDemo.mjs +0 -30
- package/dist/esm/AvatarDemo.mjs.map +0 -1
- package/dist/esm/AvatarDemo.native.js +0 -30
- package/dist/esm/AvatarDemo.native.js.map +0 -1
- package/dist/esm/BoxShadowTokenDemo.mjs +0 -34
- package/dist/esm/BoxShadowTokenDemo.mjs.map +0 -1
- package/dist/esm/BoxShadowTokenDemo.native.js +0 -36
- package/dist/esm/BoxShadowTokenDemo.native.js.map +0 -1
- package/dist/esm/BrandTokensDemo.mjs +0 -117
- package/dist/esm/BrandTokensDemo.mjs.map +0 -1
- package/dist/esm/BrandTokensDemo.native.js +0 -123
- package/dist/esm/BrandTokensDemo.native.js.map +0 -1
- package/dist/esm/BuildAButtonDemo.mjs +0 -106
- package/dist/esm/BuildAButtonDemo.mjs.map +0 -1
- package/dist/esm/BuildAButtonDemo.native.js +0 -106
- package/dist/esm/BuildAButtonDemo.native.js.map +0 -1
- package/dist/esm/ButtonDemo.mjs +0 -66
- package/dist/esm/ButtonDemo.mjs.map +0 -1
- package/dist/esm/ButtonDemo.native.js +0 -66
- package/dist/esm/ButtonDemo.native.js.map +0 -1
- package/dist/esm/CardDemo.mjs +0 -65
- package/dist/esm/CardDemo.mjs.map +0 -1
- package/dist/esm/CardDemo.native.js +0 -65
- package/dist/esm/CardDemo.native.js.map +0 -1
- package/dist/esm/CheckboxDemo.mjs +0 -55
- package/dist/esm/CheckboxDemo.mjs.map +0 -1
- package/dist/esm/CheckboxDemo.native.js +0 -56
- package/dist/esm/CheckboxDemo.native.js.map +0 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +0 -53
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +0 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +0 -53
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +0 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +0 -54
- package/dist/esm/CheckboxUnstyledDemo.mjs.map +0 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +0 -54
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +0 -1
- package/dist/esm/ColorsDemo.mjs +0 -114
- package/dist/esm/ColorsDemo.mjs.map +0 -1
- package/dist/esm/ColorsDemo.native.js +0 -117
- package/dist/esm/ColorsDemo.native.js.map +0 -1
- package/dist/esm/ContextMenuDemo.mjs +0 -192
- package/dist/esm/ContextMenuDemo.mjs.map +0 -1
- package/dist/esm/ContextMenuDemo.native.js +0 -193
- package/dist/esm/ContextMenuDemo.native.js.map +0 -1
- package/dist/esm/DialogDemo.mjs +0 -189
- package/dist/esm/DialogDemo.mjs.map +0 -1
- package/dist/esm/DialogDemo.native.js +0 -196
- package/dist/esm/DialogDemo.native.js.map +0 -1
- package/dist/esm/FormsDemo.mjs +0 -52
- package/dist/esm/FormsDemo.mjs.map +0 -1
- package/dist/esm/FormsDemo.native.js +0 -56
- package/dist/esm/FormsDemo.native.js.map +0 -1
- package/dist/esm/GroupDemo.mjs +0 -69
- package/dist/esm/GroupDemo.mjs.map +0 -1
- package/dist/esm/GroupDemo.native.js +0 -71
- package/dist/esm/GroupDemo.native.js.map +0 -1
- package/dist/esm/HeadingsDemo.mjs +0 -22
- package/dist/esm/HeadingsDemo.mjs.map +0 -1
- package/dist/esm/HeadingsDemo.native.js +0 -22
- package/dist/esm/HeadingsDemo.native.js.map +0 -1
- package/dist/esm/ImageDemo.mjs +0 -15
- package/dist/esm/ImageDemo.mjs.map +0 -1
- package/dist/esm/ImageDemo.native.js +0 -15
- package/dist/esm/ImageDemo.native.js.map +0 -1
- package/dist/esm/InputsDemo.mjs +0 -39
- package/dist/esm/InputsDemo.mjs.map +0 -1
- package/dist/esm/InputsDemo.native.js +0 -39
- package/dist/esm/InputsDemo.native.js.map +0 -1
- package/dist/esm/LabelDemo.mjs +0 -42
- package/dist/esm/LabelDemo.mjs.map +0 -1
- package/dist/esm/LabelDemo.native.js +0 -42
- package/dist/esm/LabelDemo.native.js.map +0 -1
- package/dist/esm/LinearGradientDemo.mjs +0 -25
- package/dist/esm/LinearGradientDemo.mjs.map +0 -1
- package/dist/esm/LinearGradientDemo.native.js +0 -27
- package/dist/esm/LinearGradientDemo.native.js.map +0 -1
- package/dist/esm/ListItemDemo.mjs +0 -86
- package/dist/esm/ListItemDemo.mjs.map +0 -1
- package/dist/esm/ListItemDemo.native.js +0 -86
- package/dist/esm/ListItemDemo.native.js.map +0 -1
- package/dist/esm/LucideIconsDemo.mjs +0 -63
- package/dist/esm/LucideIconsDemo.mjs.map +0 -1
- package/dist/esm/LucideIconsDemo.native.js +0 -81
- package/dist/esm/LucideIconsDemo.native.js.map +0 -1
- package/dist/esm/MenuDemo.mjs +0 -193
- package/dist/esm/MenuDemo.mjs.map +0 -1
- package/dist/esm/MenuDemo.native.js +0 -196
- package/dist/esm/MenuDemo.native.js.map +0 -1
- package/dist/esm/NewInputsDemo.mjs +0 -40
- package/dist/esm/NewInputsDemo.mjs.map +0 -1
- package/dist/esm/NewInputsDemo.native.js +0 -40
- package/dist/esm/NewInputsDemo.native.js.map +0 -1
- package/dist/esm/PopoverDemo.mjs +0 -126
- package/dist/esm/PopoverDemo.mjs.map +0 -1
- package/dist/esm/PopoverDemo.native.js +0 -130
- package/dist/esm/PopoverDemo.native.js.map +0 -1
- package/dist/esm/ProgressDemo.mjs +0 -56
- package/dist/esm/ProgressDemo.mjs.map +0 -1
- package/dist/esm/ProgressDemo.native.js +0 -80
- package/dist/esm/ProgressDemo.native.js.map +0 -1
- package/dist/esm/RadioGroupDemo.mjs +0 -50
- package/dist/esm/RadioGroupDemo.mjs.map +0 -1
- package/dist/esm/RadioGroupDemo.native.js +0 -50
- package/dist/esm/RadioGroupDemo.native.js.map +0 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +0 -137
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +0 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +0 -139
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +0 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +0 -118
- package/dist/esm/RadioGroupUnstyledDemo.mjs.map +0 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +0 -118
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +0 -1
- package/dist/esm/ReplaceThemeDemo.mjs +0 -47
- package/dist/esm/ReplaceThemeDemo.mjs.map +0 -1
- package/dist/esm/ReplaceThemeDemo.native.js +0 -47
- package/dist/esm/ReplaceThemeDemo.native.js.map +0 -1
- package/dist/esm/ScrollViewDemo.mjs +0 -51
- package/dist/esm/ScrollViewDemo.mjs.map +0 -1
- package/dist/esm/ScrollViewDemo.native.js +0 -51
- package/dist/esm/ScrollViewDemo.native.js.map +0 -1
- package/dist/esm/SelectDemo.mjs +0 -203
- package/dist/esm/SelectDemo.mjs.map +0 -1
- package/dist/esm/SelectDemo.native.js +0 -214
- package/dist/esm/SelectDemo.native.js.map +0 -1
- package/dist/esm/SeparatorDemo.mjs +0 -37
- package/dist/esm/SeparatorDemo.mjs.map +0 -1
- package/dist/esm/SeparatorDemo.native.js +0 -37
- package/dist/esm/SeparatorDemo.native.js.map +0 -1
- package/dist/esm/ShapesDemo.mjs +0 -19
- package/dist/esm/ShapesDemo.mjs.map +0 -1
- package/dist/esm/ShapesDemo.native.js +0 -19
- package/dist/esm/ShapesDemo.native.js.map +0 -1
- package/dist/esm/SheetDemo.mjs +0 -162
- package/dist/esm/SheetDemo.mjs.map +0 -1
- package/dist/esm/SheetDemo.native.js +0 -184
- package/dist/esm/SheetDemo.native.js.map +0 -1
- package/dist/esm/SliderDemo.mjs +0 -35
- package/dist/esm/SliderDemo.mjs.map +0 -1
- package/dist/esm/SliderDemo.native.js +0 -36
- package/dist/esm/SliderDemo.native.js.map +0 -1
- package/dist/esm/SpinnerDemo.mjs +0 -18
- package/dist/esm/SpinnerDemo.mjs.map +0 -1
- package/dist/esm/SpinnerDemo.native.js +0 -18
- package/dist/esm/SpinnerDemo.native.js.map +0 -1
- package/dist/esm/StacksDemo.mjs +0 -84
- package/dist/esm/StacksDemo.mjs.map +0 -1
- package/dist/esm/StacksDemo.native.js +0 -85
- package/dist/esm/StacksDemo.native.js.map +0 -1
- package/dist/esm/SwitchDemo.mjs +0 -77
- package/dist/esm/SwitchDemo.mjs.map +0 -1
- package/dist/esm/SwitchDemo.native.js +0 -80
- package/dist/esm/SwitchDemo.native.js.map +0 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +0 -69
- package/dist/esm/SwitchHeadlessDemo.mjs.map +0 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +0 -73
- package/dist/esm/SwitchHeadlessDemo.native.js.map +0 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +0 -65
- package/dist/esm/SwitchUnstyledDemo.mjs.map +0 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +0 -65
- package/dist/esm/SwitchUnstyledDemo.native.js.map +0 -1
- package/dist/esm/TabsAdvancedDemo.mjs +0 -326
- package/dist/esm/TabsAdvancedDemo.mjs.map +0 -1
- package/dist/esm/TabsAdvancedDemo.native.js +0 -365
- package/dist/esm/TabsAdvancedDemo.native.js.map +0 -1
- package/dist/esm/TabsDemo.mjs +0 -184
- package/dist/esm/TabsDemo.mjs.map +0 -1
- package/dist/esm/TabsDemo.native.js +0 -188
- package/dist/esm/TabsDemo.native.js.map +0 -1
- package/dist/esm/TabsHeadlessDemo.mjs +0 -107
- package/dist/esm/TabsHeadlessDemo.mjs.map +0 -1
- package/dist/esm/TabsHeadlessDemo.native.js +0 -114
- package/dist/esm/TabsHeadlessDemo.native.js.map +0 -1
- package/dist/esm/TextDemo.mjs +0 -26
- package/dist/esm/TextDemo.mjs.map +0 -1
- package/dist/esm/TextDemo.native.js +0 -26
- package/dist/esm/TextDemo.native.js.map +0 -1
- package/dist/esm/ThemeBuilderDemo.mjs +0 -155
- package/dist/esm/ThemeBuilderDemo.mjs.map +0 -1
- package/dist/esm/ThemeBuilderDemo.native.js +0 -155
- package/dist/esm/ThemeBuilderDemo.native.js.map +0 -1
- package/dist/esm/ThemeInverseDemo.mjs +0 -76
- package/dist/esm/ThemeInverseDemo.mjs.map +0 -1
- package/dist/esm/ThemeInverseDemo.native.js +0 -76
- package/dist/esm/ThemeInverseDemo.native.js.map +0 -1
- package/dist/esm/ToastDemo.mjs +0 -207
- package/dist/esm/ToastDemo.mjs.map +0 -1
- package/dist/esm/ToastDemo.native.js +0 -222
- package/dist/esm/ToastDemo.native.js.map +0 -1
- package/dist/esm/ToastDuplicateDemo.mjs +0 -47
- package/dist/esm/ToastDuplicateDemo.mjs.map +0 -1
- package/dist/esm/ToastDuplicateDemo.native.js +0 -49
- package/dist/esm/ToastDuplicateDemo.native.js.map +0 -1
- package/dist/esm/ToastV1Demo.mjs +0 -119
- package/dist/esm/ToastV1Demo.mjs.map +0 -1
- package/dist/esm/ToastV1Demo.native.js +0 -127
- package/dist/esm/ToastV1Demo.native.js.map +0 -1
- package/dist/esm/ToggleGroupDemo.mjs +0 -97
- package/dist/esm/ToggleGroupDemo.mjs.map +0 -1
- package/dist/esm/ToggleGroupDemo.native.js +0 -97
- package/dist/esm/ToggleGroupDemo.native.js.map +0 -1
- package/dist/esm/TokensDemo.mjs +0 -93
- package/dist/esm/TokensDemo.mjs.map +0 -1
- package/dist/esm/TokensDemo.native.js +0 -109
- package/dist/esm/TokensDemo.native.js.map +0 -1
- package/dist/esm/TooltipDemo.mjs +0 -108
- package/dist/esm/TooltipDemo.mjs.map +0 -1
- package/dist/esm/TooltipDemo.native.js +0 -109
- package/dist/esm/TooltipDemo.native.js.map +0 -1
- package/dist/esm/UpdateThemeDemo.mjs +0 -48
- package/dist/esm/UpdateThemeDemo.mjs.map +0 -1
- package/dist/esm/UpdateThemeDemo.native.js +0 -48
- package/dist/esm/UpdateThemeDemo.native.js.map +0 -1
- package/dist/esm/WebNativeImageDemo.mjs +0 -11
- package/dist/esm/WebNativeImageDemo.mjs.map +0 -1
- package/dist/esm/WebNativeImageDemo.native.js +0 -11
- package/dist/esm/WebNativeImageDemo.native.js.map +0 -1
- package/dist/esm/hanzogui.config.mjs +0 -6
- package/dist/esm/hanzogui.config.mjs.map +0 -1
- package/dist/esm/hanzogui.config.native.js +0 -6
- package/dist/esm/hanzogui.config.native.js.map +0 -1
- package/dist/esm/index.mjs +0 -64
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js +0 -64
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/useOnIntersecting.mjs +0 -58
- package/dist/esm/useOnIntersecting.mjs.map +0 -1
- package/dist/esm/useOnIntersecting.native.js +0 -90
- package/dist/esm/useOnIntersecting.native.js.map +0 -1
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@hanzogui/radio-headless";
|
|
2
|
-
import { RovingFocusGroup } from "@hanzogui/roving-focus";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { Pressable, StyleSheet, Text, View } from "react-native-web";
|
|
5
|
-
import { isWeb, useTheme } from "@hanzo/gui";
|
|
6
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
const RadioGroupContext = React.createContext({});
|
|
8
|
-
const RadioGroupItemContext = React.createContext({
|
|
9
|
-
checked: false,
|
|
10
|
-
disabled: false
|
|
11
|
-
});
|
|
12
|
-
function RadioGroupHeadlessDemo() {
|
|
13
|
-
const {
|
|
14
|
-
providerValue,
|
|
15
|
-
frameAttrs,
|
|
16
|
-
rovingFocusGroupAttrs
|
|
17
|
-
} = useRadioGroup({
|
|
18
|
-
orientation: "vertical",
|
|
19
|
-
name: "form",
|
|
20
|
-
defaultValue: "3"
|
|
21
|
-
});
|
|
22
|
-
return /* @__PURE__ */jsx(RadioGroupContext.Provider, {
|
|
23
|
-
value: providerValue,
|
|
24
|
-
children: /* @__PURE__ */jsx(RovingFocusGroup, {
|
|
25
|
-
...rovingFocusGroupAttrs,
|
|
26
|
-
children: /* @__PURE__ */jsxs(View, {
|
|
27
|
-
style: styles.radioGroup,
|
|
28
|
-
...frameAttrs,
|
|
29
|
-
children: [/* @__PURE__ */jsx(RadioGroupItem, {
|
|
30
|
-
value: "2",
|
|
31
|
-
id: "2",
|
|
32
|
-
label: "First Value"
|
|
33
|
-
}), /* @__PURE__ */jsx(RadioGroupItem, {
|
|
34
|
-
value: "3",
|
|
35
|
-
id: "3",
|
|
36
|
-
label: "Second Value"
|
|
37
|
-
}), /* @__PURE__ */jsx(RadioGroupItem, {
|
|
38
|
-
value: "4",
|
|
39
|
-
id: "4",
|
|
40
|
-
label: "Third Value"
|
|
41
|
-
})]
|
|
42
|
-
})
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
function RadioGroupItem(props) {
|
|
47
|
-
const theme = useTheme();
|
|
48
|
-
const {
|
|
49
|
-
value,
|
|
50
|
-
id,
|
|
51
|
-
label
|
|
52
|
-
} = props;
|
|
53
|
-
const {
|
|
54
|
-
providerValue,
|
|
55
|
-
native,
|
|
56
|
-
bubbleInput,
|
|
57
|
-
rovingFocusGroupAttrs,
|
|
58
|
-
frameAttrs,
|
|
59
|
-
isFormControl,
|
|
60
|
-
checked
|
|
61
|
-
} = useRadioGroupItem({
|
|
62
|
-
radioGroupContext: RadioGroupContext,
|
|
63
|
-
value,
|
|
64
|
-
id
|
|
65
|
-
});
|
|
66
|
-
return /* @__PURE__ */jsx(RadioGroupItemContext.Provider, {
|
|
67
|
-
value: providerValue,
|
|
68
|
-
children: isWeb && native ? bubbleInput : /* @__PURE__ */jsxs(View, {
|
|
69
|
-
style: styles.radioGroupItemContainer,
|
|
70
|
-
children: [/* @__PURE__ */jsx(RovingFocusGroup.Item, {
|
|
71
|
-
...rovingFocusGroupAttrs,
|
|
72
|
-
children: /* @__PURE__ */jsx(Pressable, {
|
|
73
|
-
style: {
|
|
74
|
-
...styles.radioGroupItem,
|
|
75
|
-
borderColor: theme.borderColor?.get(),
|
|
76
|
-
...(checked ? {
|
|
77
|
-
borderWidth: 4
|
|
78
|
-
} : {
|
|
79
|
-
backgroundColor: theme.background?.get()
|
|
80
|
-
})
|
|
81
|
-
},
|
|
82
|
-
...frameAttrs,
|
|
83
|
-
onFocus: frameAttrs.onFocus,
|
|
84
|
-
children: /* @__PURE__ */jsx(RadioGroupItemIndicator, {})
|
|
85
|
-
})
|
|
86
|
-
}), /* @__PURE__ */jsx(Text, {
|
|
87
|
-
style: {
|
|
88
|
-
color: theme.color?.get()
|
|
89
|
-
},
|
|
90
|
-
children: label
|
|
91
|
-
}), isFormControl && bubbleInput]
|
|
92
|
-
})
|
|
93
|
-
});
|
|
94
|
-
}
|
|
95
|
-
function RadioGroupItemIndicator() {
|
|
96
|
-
const theme = useTheme();
|
|
97
|
-
const params = useRadioGroupItemIndicator({
|
|
98
|
-
radioGroupItemContext: RadioGroupItemContext,
|
|
99
|
-
disabled: false
|
|
100
|
-
});
|
|
101
|
-
if (params.checked) {
|
|
102
|
-
return /* @__PURE__ */jsx(View, {
|
|
103
|
-
style: {
|
|
104
|
-
...styles.radioGroupItemIndicator,
|
|
105
|
-
backgroundColor: theme.color?.get()
|
|
106
|
-
},
|
|
107
|
-
...params
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
return null;
|
|
111
|
-
}
|
|
112
|
-
const styles = StyleSheet.create({
|
|
113
|
-
radioGroup: {
|
|
114
|
-
flexDirection: "column",
|
|
115
|
-
gap: 20,
|
|
116
|
-
alignItems: "flex-start"
|
|
117
|
-
},
|
|
118
|
-
radioGroupItem: {
|
|
119
|
-
borderWidth: 2,
|
|
120
|
-
width: 30,
|
|
121
|
-
height: 30,
|
|
122
|
-
justifyContent: "center",
|
|
123
|
-
alignItems: "center"
|
|
124
|
-
},
|
|
125
|
-
radioGroupItemIndicator: {
|
|
126
|
-
width: "35%",
|
|
127
|
-
height: "35%"
|
|
128
|
-
},
|
|
129
|
-
radioGroupItemContainer: {
|
|
130
|
-
justifyContent: "center",
|
|
131
|
-
alignItems: "center",
|
|
132
|
-
flexDirection: "row",
|
|
133
|
-
gap: 12
|
|
134
|
-
}
|
|
135
|
-
});
|
|
136
|
-
export { RadioGroupHeadlessDemo };
|
|
137
|
-
//# sourceMappingURL=RadioGroupHeadlessDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","Pressable","StyleSheet","Text","View","isWeb","useTheme","jsx","jsxs","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","RadioGroupHeadlessDemo","providerValue","frameAttrs","rovingFocusGroupAttrs","orientation","name","defaultValue","Provider","value","children","style","styles","radioGroup","RadioGroupItem","id","label","props","theme","native","bubbleInput","isFormControl","radioGroupContext","radioGroupItemContainer","Item","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","color","params","radioGroupItemContext","radioGroupItemIndicator","create","flexDirection","gap","alignItems","width","height","justifyContent"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator } from "@hanzogui/radio-headless";
|
|
3
|
-
import { RovingFocusGroup } from "@hanzogui/roving-focus";
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { Pressable, StyleSheet, Text, View } from "react-native";
|
|
6
|
-
import { isWeb, useTheme } from "@hanzo/gui";
|
|
7
|
-
var RadioGroupContext = /* @__PURE__ */React.createContext({});
|
|
8
|
-
var RadioGroupItemContext = /* @__PURE__ */React.createContext({
|
|
9
|
-
checked: false,
|
|
10
|
-
disabled: false
|
|
11
|
-
});
|
|
12
|
-
function RadioGroupHeadlessDemo() {
|
|
13
|
-
var {
|
|
14
|
-
providerValue,
|
|
15
|
-
frameAttrs,
|
|
16
|
-
rovingFocusGroupAttrs
|
|
17
|
-
} = useRadioGroup({
|
|
18
|
-
orientation: "vertical",
|
|
19
|
-
name: "form",
|
|
20
|
-
defaultValue: "3"
|
|
21
|
-
});
|
|
22
|
-
return /* @__PURE__ */_jsx(RadioGroupContext.Provider, {
|
|
23
|
-
value: providerValue,
|
|
24
|
-
children: /* @__PURE__ */_jsx(RovingFocusGroup, {
|
|
25
|
-
...rovingFocusGroupAttrs,
|
|
26
|
-
children: /* @__PURE__ */_jsxs(View, {
|
|
27
|
-
style: styles.radioGroup,
|
|
28
|
-
...frameAttrs,
|
|
29
|
-
children: [/* @__PURE__ */_jsx(RadioGroupItem, {
|
|
30
|
-
value: "2",
|
|
31
|
-
id: "2",
|
|
32
|
-
label: "First Value"
|
|
33
|
-
}), /* @__PURE__ */_jsx(RadioGroupItem, {
|
|
34
|
-
value: "3",
|
|
35
|
-
id: "3",
|
|
36
|
-
label: "Second Value"
|
|
37
|
-
}), /* @__PURE__ */_jsx(RadioGroupItem, {
|
|
38
|
-
value: "4",
|
|
39
|
-
id: "4",
|
|
40
|
-
label: "Third Value"
|
|
41
|
-
})]
|
|
42
|
-
})
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
function RadioGroupItem(props) {
|
|
47
|
-
var _theme_borderColor, _theme_background, _theme_color;
|
|
48
|
-
var theme = useTheme();
|
|
49
|
-
var {
|
|
50
|
-
value,
|
|
51
|
-
id,
|
|
52
|
-
label
|
|
53
|
-
} = props;
|
|
54
|
-
var {
|
|
55
|
-
providerValue,
|
|
56
|
-
native,
|
|
57
|
-
bubbleInput,
|
|
58
|
-
rovingFocusGroupAttrs,
|
|
59
|
-
frameAttrs,
|
|
60
|
-
isFormControl,
|
|
61
|
-
checked
|
|
62
|
-
} = useRadioGroupItem({
|
|
63
|
-
radioGroupContext: RadioGroupContext,
|
|
64
|
-
value,
|
|
65
|
-
id
|
|
66
|
-
});
|
|
67
|
-
return /* @__PURE__ */_jsx(RadioGroupItemContext.Provider, {
|
|
68
|
-
value: providerValue,
|
|
69
|
-
children: isWeb && native ? bubbleInput : /* @__PURE__ */_jsxs(View, {
|
|
70
|
-
style: styles.radioGroupItemContainer,
|
|
71
|
-
children: [/* @__PURE__ */_jsx(RovingFocusGroup.Item, {
|
|
72
|
-
...rovingFocusGroupAttrs,
|
|
73
|
-
children: /* @__PURE__ */_jsx(Pressable, {
|
|
74
|
-
style: {
|
|
75
|
-
...styles.radioGroupItem,
|
|
76
|
-
borderColor: (_theme_borderColor = theme.borderColor) === null || _theme_borderColor === void 0 ? void 0 : _theme_borderColor.get(),
|
|
77
|
-
...(checked ? {
|
|
78
|
-
borderWidth: 4
|
|
79
|
-
} : {
|
|
80
|
-
backgroundColor: (_theme_background = theme.background) === null || _theme_background === void 0 ? void 0 : _theme_background.get()
|
|
81
|
-
})
|
|
82
|
-
},
|
|
83
|
-
...frameAttrs,
|
|
84
|
-
onFocus: frameAttrs.onFocus,
|
|
85
|
-
children: /* @__PURE__ */_jsx(RadioGroupItemIndicator, {})
|
|
86
|
-
})
|
|
87
|
-
}), /* @__PURE__ */_jsx(Text, {
|
|
88
|
-
style: {
|
|
89
|
-
color: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
|
|
90
|
-
},
|
|
91
|
-
children: label
|
|
92
|
-
}), isFormControl && bubbleInput]
|
|
93
|
-
})
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
function RadioGroupItemIndicator() {
|
|
97
|
-
var theme = useTheme();
|
|
98
|
-
var params = useRadioGroupItemIndicator({
|
|
99
|
-
radioGroupItemContext: RadioGroupItemContext,
|
|
100
|
-
disabled: false
|
|
101
|
-
});
|
|
102
|
-
if (params.checked) {
|
|
103
|
-
var _theme_color;
|
|
104
|
-
return /* @__PURE__ */_jsx(View, {
|
|
105
|
-
style: {
|
|
106
|
-
...styles.radioGroupItemIndicator,
|
|
107
|
-
backgroundColor: (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get()
|
|
108
|
-
},
|
|
109
|
-
...params
|
|
110
|
-
});
|
|
111
|
-
}
|
|
112
|
-
return null;
|
|
113
|
-
}
|
|
114
|
-
var styles = StyleSheet.create({
|
|
115
|
-
radioGroup: {
|
|
116
|
-
flexDirection: "column",
|
|
117
|
-
gap: 20,
|
|
118
|
-
alignItems: "flex-start"
|
|
119
|
-
},
|
|
120
|
-
radioGroupItem: {
|
|
121
|
-
borderWidth: 2,
|
|
122
|
-
width: 30,
|
|
123
|
-
height: 30,
|
|
124
|
-
justifyContent: "center",
|
|
125
|
-
alignItems: "center"
|
|
126
|
-
},
|
|
127
|
-
radioGroupItemIndicator: {
|
|
128
|
-
width: "35%",
|
|
129
|
-
height: "35%"
|
|
130
|
-
},
|
|
131
|
-
radioGroupItemContainer: {
|
|
132
|
-
justifyContent: "center",
|
|
133
|
-
alignItems: "center",
|
|
134
|
-
flexDirection: "row",
|
|
135
|
-
gap: 12
|
|
136
|
-
}
|
|
137
|
-
});
|
|
138
|
-
export { RadioGroupHeadlessDemo };
|
|
139
|
-
//# sourceMappingURL=RadioGroupHeadlessDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useRadioGroup","useRadioGroupItem","useRadioGroupItemIndicator","RovingFocusGroup","React","Pressable","StyleSheet","Text","View","isWeb","useTheme","RadioGroupContext","createContext","RadioGroupItemContext","checked","disabled","RadioGroupHeadlessDemo","providerValue","frameAttrs","rovingFocusGroupAttrs","orientation","name","defaultValue","Provider","value","children","style","styles","radioGroup","RadioGroupItem","id","label","props","_theme_borderColor","_theme_background","_theme_color","theme","native","bubbleInput","isFormControl","radioGroupContext","radioGroupItemContainer","Item","radioGroupItem","borderColor","get","borderWidth","backgroundColor","background","onFocus","RadioGroupItemIndicator","color","params","radioGroupItemContext","radioGroupItemIndicator"],"sources":["../../src/RadioGroupHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
import { Label, XStack, YStack, styled } from "@hanzo/gui";
|
|
2
|
-
import { createRadioGroup } from "@hanzogui/radio-group";
|
|
3
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
|
|
5
|
-
const RadioGroupItemFrame = styled(YStack, {
|
|
6
|
-
name: RADIO_GROUP_ITEM_NAME,
|
|
7
|
-
render: "button",
|
|
8
|
-
rounded: 1e3,
|
|
9
|
-
bg: "$background",
|
|
10
|
-
items: "center",
|
|
11
|
-
justify: "center",
|
|
12
|
-
borderWidth: 1,
|
|
13
|
-
borderColor: "$borderColor",
|
|
14
|
-
p: 0,
|
|
15
|
-
hoverStyle: {
|
|
16
|
-
borderColor: "$borderColorHover",
|
|
17
|
-
bg: "$backgroundHover"
|
|
18
|
-
},
|
|
19
|
-
focusStyle: {
|
|
20
|
-
borderColor: "$borderColorHover",
|
|
21
|
-
bg: "$backgroundHover"
|
|
22
|
-
},
|
|
23
|
-
focusVisibleStyle: {
|
|
24
|
-
outlineStyle: "solid",
|
|
25
|
-
outlineWidth: 2,
|
|
26
|
-
outlineColor: "$outlineColor"
|
|
27
|
-
},
|
|
28
|
-
pressStyle: {
|
|
29
|
-
borderColor: "$borderColorFocus",
|
|
30
|
-
bg: "$backgroundFocus"
|
|
31
|
-
},
|
|
32
|
-
variants: {
|
|
33
|
-
disabled: {
|
|
34
|
-
true: {
|
|
35
|
-
pointerEvents: "none",
|
|
36
|
-
userSelect: "none",
|
|
37
|
-
cursor: "not-allowed",
|
|
38
|
-
hoverStyle: {
|
|
39
|
-
borderColor: "$borderColor",
|
|
40
|
-
bg: "$background"
|
|
41
|
-
},
|
|
42
|
-
pressStyle: {
|
|
43
|
-
borderColor: "$borderColor",
|
|
44
|
-
bg: "$background"
|
|
45
|
-
},
|
|
46
|
-
focusVisibleStyle: {
|
|
47
|
-
outlineWidth: 0
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
const RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
|
|
54
|
-
const RadioGroupIndicatorFrame = styled(YStack, {
|
|
55
|
-
name: RADIO_GROUP_INDICATOR_NAME,
|
|
56
|
-
width: "53%",
|
|
57
|
-
height: "53%",
|
|
58
|
-
rounded: 1e3,
|
|
59
|
-
bg: "$color"
|
|
60
|
-
});
|
|
61
|
-
const RADIO_GROUP_NAME = "RadioGroup";
|
|
62
|
-
const RadioGroupFrame = styled(YStack, {
|
|
63
|
-
name: RADIO_GROUP_NAME,
|
|
64
|
-
variants: {
|
|
65
|
-
orientation: {
|
|
66
|
-
horizontal: {
|
|
67
|
-
flexDirection: "row",
|
|
68
|
-
spaceDirection: "horizontal"
|
|
69
|
-
},
|
|
70
|
-
vertical: {
|
|
71
|
-
flexDirection: "column",
|
|
72
|
-
spaceDirection: "vertical"
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
const RadioGroup = createRadioGroup({
|
|
78
|
-
Frame: RadioGroupFrame,
|
|
79
|
-
Indicator: RadioGroupIndicatorFrame,
|
|
80
|
-
Item: RadioGroupItemFrame
|
|
81
|
-
});
|
|
82
|
-
function RadioGroupUnstyledDemo() {
|
|
83
|
-
return /* @__PURE__ */jsx(RadioGroup, {
|
|
84
|
-
"aria-labelledby": "Select one item",
|
|
85
|
-
defaultValue: "3",
|
|
86
|
-
name: "form",
|
|
87
|
-
children: /* @__PURE__ */jsxs(YStack, {
|
|
88
|
-
width: 200,
|
|
89
|
-
items: "center",
|
|
90
|
-
gap: "$2",
|
|
91
|
-
children: [/* @__PURE__ */jsx(RadioGroupItemWithLabel, {
|
|
92
|
-
value: "2",
|
|
93
|
-
label: "Option One"
|
|
94
|
-
}), /* @__PURE__ */jsx(RadioGroupItemWithLabel, {
|
|
95
|
-
value: "3",
|
|
96
|
-
label: "Option Two"
|
|
97
|
-
})]
|
|
98
|
-
})
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
function RadioGroupItemWithLabel(props) {
|
|
102
|
-
const id = `radiogroup-${props.value}`;
|
|
103
|
-
return /* @__PURE__ */jsxs(XStack, {
|
|
104
|
-
width: 300,
|
|
105
|
-
items: "center",
|
|
106
|
-
gap: "$4",
|
|
107
|
-
children: [/* @__PURE__ */jsx(RadioGroup.Item, {
|
|
108
|
-
value: props.value,
|
|
109
|
-
id,
|
|
110
|
-
children: /* @__PURE__ */jsx(RadioGroup.Indicator, {})
|
|
111
|
-
}), /* @__PURE__ */jsx(Label, {
|
|
112
|
-
htmlFor: id,
|
|
113
|
-
children: props.label
|
|
114
|
-
})]
|
|
115
|
-
});
|
|
116
|
-
}
|
|
117
|
-
export { RadioGroupUnstyledDemo };
|
|
118
|
-
//# sourceMappingURL=RadioGroupUnstyledDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Label","XStack","YStack","styled","createRadioGroup","jsx","jsxs","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","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","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","gap","RadioGroupItemWithLabel","value","label","props","id","htmlFor"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Label, XStack, YStack, styled } from "@hanzo/gui";
|
|
3
|
-
import { createRadioGroup } from "@hanzogui/radio-group";
|
|
4
|
-
var RADIO_GROUP_ITEM_NAME = "RadioGroupItem";
|
|
5
|
-
var RadioGroupItemFrame = styled(YStack, {
|
|
6
|
-
name: RADIO_GROUP_ITEM_NAME,
|
|
7
|
-
render: "button",
|
|
8
|
-
rounded: 1e3,
|
|
9
|
-
bg: "$background",
|
|
10
|
-
items: "center",
|
|
11
|
-
justify: "center",
|
|
12
|
-
borderWidth: 1,
|
|
13
|
-
borderColor: "$borderColor",
|
|
14
|
-
p: 0,
|
|
15
|
-
hoverStyle: {
|
|
16
|
-
borderColor: "$borderColorHover",
|
|
17
|
-
bg: "$backgroundHover"
|
|
18
|
-
},
|
|
19
|
-
focusStyle: {
|
|
20
|
-
borderColor: "$borderColorHover",
|
|
21
|
-
bg: "$backgroundHover"
|
|
22
|
-
},
|
|
23
|
-
focusVisibleStyle: {
|
|
24
|
-
outlineStyle: "solid",
|
|
25
|
-
outlineWidth: 2,
|
|
26
|
-
outlineColor: "$outlineColor"
|
|
27
|
-
},
|
|
28
|
-
pressStyle: {
|
|
29
|
-
borderColor: "$borderColorFocus",
|
|
30
|
-
bg: "$backgroundFocus"
|
|
31
|
-
},
|
|
32
|
-
variants: {
|
|
33
|
-
disabled: {
|
|
34
|
-
true: {
|
|
35
|
-
pointerEvents: "none",
|
|
36
|
-
userSelect: "none",
|
|
37
|
-
cursor: "not-allowed",
|
|
38
|
-
hoverStyle: {
|
|
39
|
-
borderColor: "$borderColor",
|
|
40
|
-
bg: "$background"
|
|
41
|
-
},
|
|
42
|
-
pressStyle: {
|
|
43
|
-
borderColor: "$borderColor",
|
|
44
|
-
bg: "$background"
|
|
45
|
-
},
|
|
46
|
-
focusVisibleStyle: {
|
|
47
|
-
outlineWidth: 0
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
var RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator";
|
|
54
|
-
var RadioGroupIndicatorFrame = styled(YStack, {
|
|
55
|
-
name: RADIO_GROUP_INDICATOR_NAME,
|
|
56
|
-
width: "53%",
|
|
57
|
-
height: "53%",
|
|
58
|
-
rounded: 1e3,
|
|
59
|
-
bg: "$color"
|
|
60
|
-
});
|
|
61
|
-
var RADIO_GROUP_NAME = "RadioGroup";
|
|
62
|
-
var RadioGroupFrame = styled(YStack, {
|
|
63
|
-
name: RADIO_GROUP_NAME,
|
|
64
|
-
variants: {
|
|
65
|
-
orientation: {
|
|
66
|
-
horizontal: {
|
|
67
|
-
flexDirection: "row",
|
|
68
|
-
spaceDirection: "horizontal"
|
|
69
|
-
},
|
|
70
|
-
vertical: {
|
|
71
|
-
flexDirection: "column",
|
|
72
|
-
spaceDirection: "vertical"
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
var RadioGroup = createRadioGroup({
|
|
78
|
-
Frame: RadioGroupFrame,
|
|
79
|
-
Indicator: RadioGroupIndicatorFrame,
|
|
80
|
-
Item: RadioGroupItemFrame
|
|
81
|
-
});
|
|
82
|
-
function RadioGroupUnstyledDemo() {
|
|
83
|
-
return /* @__PURE__ */_jsx(RadioGroup, {
|
|
84
|
-
"aria-labelledby": "Select one item",
|
|
85
|
-
defaultValue: "3",
|
|
86
|
-
name: "form",
|
|
87
|
-
children: /* @__PURE__ */_jsxs(YStack, {
|
|
88
|
-
width: 200,
|
|
89
|
-
items: "center",
|
|
90
|
-
gap: "$2",
|
|
91
|
-
children: [/* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
|
|
92
|
-
value: "2",
|
|
93
|
-
label: "Option One"
|
|
94
|
-
}), /* @__PURE__ */_jsx(RadioGroupItemWithLabel, {
|
|
95
|
-
value: "3",
|
|
96
|
-
label: "Option Two"
|
|
97
|
-
})]
|
|
98
|
-
})
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
function RadioGroupItemWithLabel(props) {
|
|
102
|
-
var id = `radiogroup-${props.value}`;
|
|
103
|
-
return /* @__PURE__ */_jsxs(XStack, {
|
|
104
|
-
width: 300,
|
|
105
|
-
items: "center",
|
|
106
|
-
gap: "$4",
|
|
107
|
-
children: [/* @__PURE__ */_jsx(RadioGroup.Item, {
|
|
108
|
-
value: props.value,
|
|
109
|
-
id,
|
|
110
|
-
children: /* @__PURE__ */_jsx(RadioGroup.Indicator, {})
|
|
111
|
-
}), /* @__PURE__ */_jsx(Label, {
|
|
112
|
-
htmlFor: id,
|
|
113
|
-
children: props.label
|
|
114
|
-
})]
|
|
115
|
-
});
|
|
116
|
-
}
|
|
117
|
-
export { RadioGroupUnstyledDemo };
|
|
118
|
-
//# sourceMappingURL=RadioGroupUnstyledDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","XStack","YStack","styled","createRadioGroup","RADIO_GROUP_ITEM_NAME","RadioGroupItemFrame","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","Frame","Indicator","Item","RadioGroupUnstyledDemo","defaultValue","children","gap","RadioGroupItemWithLabel","value","label"],"sources":["../../src/RadioGroupUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAQ,IAAAC,KAAQ,2BAAc;AAE9C,SAASC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAwB;AAmG3B,SACEC,gBADF;AAjGN,IAAAC,qBAAM,mBAAwB;AAE9B,IAAAC,mBAAM,GAAAH,MAAsB,CAAAD,MAAO;EACjCK,IAAA,EAAMF,qBAAA;EACNG,MAAA,EAAQ;EAERC,OAAA,EAAS;EACTC,EAAA,EAAI;EACJC,KAAA,EAAO;EACPC,OAAA,EAAS;EACTC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,CAAA,EAAG;EAEHC,UAAA,EAAY;IACVF,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAO,UAAA,EAAY;IACVH,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAQ,iBAAA,EAAmB;IACjBC,YAAA,EAAc;IACdC,YAAA,EAAc;IACdC,YAAA,EAAc;EAChB;EAEAC,UAAA,EAAY;IACVR,WAAA,EAAa;IACbJ,EAAA,EAAI;EACN;EAEAa,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;QACfC,UAAA,EAAY;QACZC,MAAA,EAAQ;QAERZ,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,EAAA,EAAI;QACN;QAEAY,UAAA,EAAY;UACVR,WAAA,EAAa;UACbJ,EAAA,EAAI;QACN;QAEAQ,iBAAA,EAAmB;UACjBE,YAAA,EAAc;QAChB;MACF;IACF;EACF;AACF,CAAU;AAEV,IAAAS,0BAAM,wBAA6B;AAEnC,IAAAC,wBAAM,GAAA3B,MAA2B,CAAAD,MAAO;EACtCK,IAAA,EAAMsB,0BAAA;EACNE,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRvB,OAAA,EAAS;EACTC,EAAA,EAAI;AACN,CAAC;AAED,IAAAuB,gBAAM,eAAmB;AAEzB,IAAAC,eAAM,GAAA/B,MAAkB,CAAAD,MAAO;EAC7BK,IAAA,EAAM0B,gBAAA;EACNV,QAAA,EAAU;IACRY,WAAA,EAAa;MACXC,UAAA,EAAY;QACVC,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;MACAC,QAAA,EAAU;QACRF,aAAA,EAAe;QACfC,cAAA,EAAgB;MAClB;IACF;EACF;AACF,CAAC;AAED,IAAAE,UAAM,GAAApC,gBAAa;EACjBqC,KAAA,EAAOP,eAAA;EACPQ,SAAA,EAAWZ,wBAAA;EACXa,IAAA,EAAMrC;AACR,CAAC;AAEM,SAASsC,uBAAA,EAAyB;EACvC,OACE,eAAA/C,IAAC,CAAA2C,UAAA;IAEG,oCAAC;IACDK,YAAA;IAAsDtC,IAE1D;IAEJuC,QAAA,iBAAA/C,KAAA,CAAAG,MAAA;MAEA6B,KAAS;MACPpB,KAAM,EAAK;MACXoC,GACE;MACED,QAAA,GAIA,eAACjD,IAAA,CAAAmD,uBAAoB;QACvBC,KAAA;QAEJC,KAAA","ignoreList":[]}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { addTheme, replaceTheme } from "@hanzogui/theme";
|
|
3
|
-
import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "@hanzo/gui";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
function ReplaceThemeDemo() {
|
|
6
|
-
const [theme, setTheme] = React.useState();
|
|
7
|
-
const update = useForceUpdate();
|
|
8
|
-
useIsomorphicLayoutEffect(() => {
|
|
9
|
-
addTheme({
|
|
10
|
-
name: "mytheme",
|
|
11
|
-
insertCSS: true,
|
|
12
|
-
theme: {
|
|
13
|
-
color: "red",
|
|
14
|
-
color2: "green"
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
setTheme("mytheme");
|
|
18
|
-
}, []);
|
|
19
|
-
return /* @__PURE__ */jsxs(YStack, {
|
|
20
|
-
items: "center",
|
|
21
|
-
gap: "$4",
|
|
22
|
-
children: [/* @__PURE__ */jsx(XStack, {
|
|
23
|
-
gap: "$5",
|
|
24
|
-
children: /* @__PURE__ */jsx(Theme, {
|
|
25
|
-
name: theme ?? null,
|
|
26
|
-
children: /* @__PURE__ */jsx(Square, {
|
|
27
|
-
rounded: "$8",
|
|
28
|
-
size: 100,
|
|
29
|
-
bg: "$color"
|
|
30
|
-
})
|
|
31
|
-
})
|
|
32
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
33
|
-
onPress: () => {
|
|
34
|
-
replaceTheme({
|
|
35
|
-
name: "mytheme",
|
|
36
|
-
theme: {
|
|
37
|
-
color: "blue"
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
update();
|
|
41
|
-
},
|
|
42
|
-
children: "Replace theme to only have $color: blue"
|
|
43
|
-
})]
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
export { ReplaceThemeDemo };
|
|
47
|
-
//# sourceMappingURL=ReplaceThemeDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","jsx","jsxs","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","items","gap","children","rounded","size","bg","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,QAAA,EAAUC,YAAA,QAAoB;AAEvC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,cAAA,EACAC,yBAAA,QACK;AAmBH,SAGMC,GAAA,EAHNC,IAAA;AAjBG,SAASC,iBAAA,EAAmB;EACjC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAId,KAAA,CAAMe,QAAA,CAAc;EAC9C,MAAMC,MAAA,GAASR,cAAA,CAAe;EAE9BC,yBAAA,CAA0B,MAAM;IAC9BR,QAAA,CAAS;MACPgB,IAAA,EAAM;MACNC,SAAA,EAAW;MACXL,KAAA,EAAO;QACLM,KAAA,EAAO;QACPC,MAAA,EAAQ;MACV;IACF,CAAC;IACDN,QAAA,CAAS,SAAS;EACpB,GAAG,EAAE;EAEL,OACE,eAAAH,IAAA,CAACJ,MAAA;IAAOc,KAAA,EAAM;IAASC,GAAA,EAAI;IACzBC,QAAA,kBAAAb,GAAA,CAACJ,MAAA;MAAOgB,GAAA,EAAI;MACVC,QAAA,iBAAAb,GAAA,CAACL,KAAA;QAAMY,IAAA,EAAMJ,KAAA,IAAS;QACpBU,QAAA,iBAAAb,GAAA,CAACN,MAAA;UAAOoB,OAAA,EAAQ;UAAKC,IAAA,EAAM;UAAKC,EAAA,EAAG;QAAA,CAAS;MAAA,CAC9C;IAAA,CACF,GAEA,eAAAhB,GAAA,CAACP,MAAA;MACCwB,OAAA,EAASA,CAAA,KAAM;QACbzB,YAAA,CAAa;UACXe,IAAA,EAAM;UACNJ,KAAA,EAAO;YACLM,KAAA,EAAO;UACT;QACF,CAAC;QACDH,MAAA,CAAO;MACT;MACDO,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { addTheme, replaceTheme } from "@hanzogui/theme";
|
|
4
|
-
import { Button, Square, Theme, XStack, YStack, useForceUpdate, useIsomorphicLayoutEffect } from "@hanzo/gui";
|
|
5
|
-
function ReplaceThemeDemo() {
|
|
6
|
-
var [theme, setTheme] = React.useState();
|
|
7
|
-
var update = useForceUpdate();
|
|
8
|
-
useIsomorphicLayoutEffect(function () {
|
|
9
|
-
addTheme({
|
|
10
|
-
name: "mytheme",
|
|
11
|
-
insertCSS: true,
|
|
12
|
-
theme: {
|
|
13
|
-
color: "red",
|
|
14
|
-
color2: "green"
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
setTheme("mytheme");
|
|
18
|
-
}, []);
|
|
19
|
-
return /* @__PURE__ */_jsxs(YStack, {
|
|
20
|
-
items: "center",
|
|
21
|
-
gap: "$4",
|
|
22
|
-
children: [/* @__PURE__ */_jsx(XStack, {
|
|
23
|
-
gap: "$5",
|
|
24
|
-
children: /* @__PURE__ */_jsx(Theme, {
|
|
25
|
-
name: theme !== null && theme !== void 0 ? theme : null,
|
|
26
|
-
children: /* @__PURE__ */_jsx(Square, {
|
|
27
|
-
rounded: "$8",
|
|
28
|
-
size: 100,
|
|
29
|
-
bg: "$color"
|
|
30
|
-
})
|
|
31
|
-
})
|
|
32
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
33
|
-
onPress: function () {
|
|
34
|
-
replaceTheme({
|
|
35
|
-
name: "mytheme",
|
|
36
|
-
theme: {
|
|
37
|
-
color: "blue"
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
update();
|
|
41
|
-
},
|
|
42
|
-
children: "Replace theme to only have $color: blue"
|
|
43
|
-
})]
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
export { ReplaceThemeDemo };
|
|
47
|
-
//# sourceMappingURL=ReplaceThemeDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","addTheme","replaceTheme","Button","Square","Theme","XStack","YStack","useForceUpdate","useIsomorphicLayoutEffect","ReplaceThemeDemo","theme","setTheme","useState","update","name","insertCSS","color","color2","items","gap","children","rounded","size","bg","onPress"],"sources":["../../src/ReplaceThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAU;AAEnB,SAAAC,QAAA,EAAAC,YAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,cAAA,EAAAC,yBAAA;AAAA,SACAC,iBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAAZ,KAAA,CAAAa,QAAA;EACA,IAAAC,MAAA,GAAAN,cAAA;EACAC,yBAAA;IACAR,QAAA;MACAc,IAAA;MAAAC,SACK;MAmBHL,KAGM;QApBHM,KAAS;QACRC,MAAC,EAAO;MACd;IAEA;IACEN,QAAA,CAAS;EAAA,KACP;EAAM,OACN,eAAWb,KAAA,CAAAQ,MAAA;IAAAY,KACX,UAAO;IAAAC,GAAA,EACL;IAAOC,QACP,GACF,eAAAxB,IAAA,CAAAS,MAAA;MACDc,GAAA;MACDC,QAAS,iBAASxB,IAAA,CAAAQ,KAAA;QACfU,IAAA,EAAAJ,KAAA,aAAAA,KAAA,cAAAA,KAAA;QAGHU,QAAA,iBAACxB,IAAO,CAAAO,MAAM;UACZkB,OAAA,MAAC;UAMDC,IAAA;UAACC,EAAA;QAAA;MACC;IACE,IAAa,eACL3B,IAAA,CAAAM,MAAA;MAAAsB,OACN,WAAAA,CAAA,EAAO;QAAAvB,YACE;UACTa,IAAA;UACDJ,KAAA;YACDM,KAAO;UACT;QACD;QAAAH,MAAA;MAED;MACFO,QAAA;IAEJ","ignoreList":[]}
|