@hanzogui/demos 8.3.0 → 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 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","styled","View","Text","YStack","StyledShadowBox","width","height","backgroundColor","borderRadius","boxShadow","BoxShadowTokenDemo","gap","items","p","children","testID"],"sources":["../../src/BoxShadowTokenDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAM,IAAMC,KAAA,QAAc;AAevC,SACEC,MADF,EAAAC,IAAA,EAAAC,IAAA,EAAAC,MAAA;AAVJ,IAAAC,eAAM,GAAAJ,MAAkB,CAAAC,IAAO;EAC7BI,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,eAAA,EAAiB;EACjBC,YAAA,EAAc;EACdC,SAAA,EAAW;AACb,CAAC;AAEM,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAX,KAAC,CAAAI,MAAA;IACCQ,GAAA;IAGAC,KAAA;IAGAC,CAAA;IAAAC,QAAC,kBAAAjB,IAAA,CAAAK,IAAA;MACCa,MAAA,EAAO;MACPD,QAAQ;IAAA,EACR,EAAgB;IACH,eACHjB,IAAA,CAAAO,eAAA;MACVW,MAAA,EAAO;IAAA,IACT;IAEA,eAAAlB,IAAC,CAAAI,IAAA,EAAK;MACRI,KAAA;MAEJC,MAAA","ignoreList":[]}
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { Button, Card, H2, Paragraph, Text, Theme, XStack, YStack } from "hanzogui";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
const BRANDS = ["hanzo", "lux", "zoo", "pars"];
|
|
4
|
-
const SURFACES = [["background", "$background", "#000 canvas"], ["color2", "$color2", "#0a0a0a surface"], ["color3", "$color3", "#111 raised"], ["color4", "$color4", "#171717 elevated"]];
|
|
5
|
-
function BrandTokensDemo() {
|
|
6
|
-
return /* @__PURE__ */jsx(Theme, {
|
|
7
|
-
name: "dark",
|
|
8
|
-
children: /* @__PURE__ */jsxs(YStack, {
|
|
9
|
-
backgroundColor: "$background",
|
|
10
|
-
padding: "$6",
|
|
11
|
-
gap: "$5",
|
|
12
|
-
minHeight: 640,
|
|
13
|
-
children: [/* @__PURE__ */jsxs(YStack, {
|
|
14
|
-
gap: "$2",
|
|
15
|
-
children: [/* @__PURE__ */jsx(H2, {
|
|
16
|
-
fontFamily: "$heading",
|
|
17
|
-
color: "$color12",
|
|
18
|
-
children: "Hanzo GUI \u2014 design tokens"
|
|
19
|
-
}), /* @__PURE__ */jsx(Paragraph, {
|
|
20
|
-
color: "$color11",
|
|
21
|
-
fontFamily: "$body",
|
|
22
|
-
children: "True-black canvas \xB7 one accent per brand \xB7 Zen type system"
|
|
23
|
-
})]
|
|
24
|
-
}), /* @__PURE__ */jsxs(YStack, {
|
|
25
|
-
gap: "$2",
|
|
26
|
-
children: [/* @__PURE__ */jsx(Text, {
|
|
27
|
-
color: "$color11",
|
|
28
|
-
fontFamily: "$mono",
|
|
29
|
-
fontSize: "$2",
|
|
30
|
-
children: "neutral surface ramp"
|
|
31
|
-
}), /* @__PURE__ */jsx(XStack, {
|
|
32
|
-
gap: "$3",
|
|
33
|
-
flexWrap: "wrap",
|
|
34
|
-
children: SURFACES.map(([name, tok, label]) => /* @__PURE__ */jsxs(YStack, {
|
|
35
|
-
backgroundColor: tok,
|
|
36
|
-
width: 160,
|
|
37
|
-
height: 96,
|
|
38
|
-
borderRadius: 12,
|
|
39
|
-
borderWidth: 1,
|
|
40
|
-
borderColor: "$borderColor",
|
|
41
|
-
padding: "$3",
|
|
42
|
-
justifyContent: "flex-end",
|
|
43
|
-
children: [/* @__PURE__ */jsx(Text, {
|
|
44
|
-
color: "$color12",
|
|
45
|
-
fontFamily: "$mono",
|
|
46
|
-
fontSize: "$3",
|
|
47
|
-
children: name
|
|
48
|
-
}), /* @__PURE__ */jsx(Text, {
|
|
49
|
-
color: "$color10",
|
|
50
|
-
fontSize: "$2",
|
|
51
|
-
children: label
|
|
52
|
-
})]
|
|
53
|
-
}, name))
|
|
54
|
-
})]
|
|
55
|
-
}), /* @__PURE__ */jsxs(YStack, {
|
|
56
|
-
gap: "$2",
|
|
57
|
-
children: [/* @__PURE__ */jsx(Text, {
|
|
58
|
-
color: "$color11",
|
|
59
|
-
fontFamily: "$mono",
|
|
60
|
-
fontSize: "$2",
|
|
61
|
-
children: "per-brand accent (applied sparingly over the shared canvas)"
|
|
62
|
-
}), /* @__PURE__ */jsx(XStack, {
|
|
63
|
-
gap: "$4",
|
|
64
|
-
flexWrap: "wrap",
|
|
65
|
-
children: BRANDS.map(b =>
|
|
66
|
-
// brand themes come from the host app's config (@hanzogui/themes/v4),
|
|
67
|
-
// not from the @hanzogui/dev-config this package is typed against
|
|
68
|
-
// @ts-expect-error
|
|
69
|
-
/* @__PURE__ */
|
|
70
|
-
jsx(Theme, {
|
|
71
|
-
name: b,
|
|
72
|
-
children: /* @__PURE__ */jsxs(Card, {
|
|
73
|
-
backgroundColor: "$color2",
|
|
74
|
-
borderWidth: 1,
|
|
75
|
-
borderColor: "$borderColor",
|
|
76
|
-
borderRadius: 12,
|
|
77
|
-
padding: "$4",
|
|
78
|
-
width: 210,
|
|
79
|
-
gap: "$3",
|
|
80
|
-
children: [/* @__PURE__ */jsxs(XStack, {
|
|
81
|
-
alignItems: "center",
|
|
82
|
-
gap: "$2",
|
|
83
|
-
children: [/* @__PURE__ */jsx(YStack, {
|
|
84
|
-
width: 14,
|
|
85
|
-
height: 14,
|
|
86
|
-
borderRadius: 999,
|
|
87
|
-
backgroundColor: "$color9"
|
|
88
|
-
}), /* @__PURE__ */jsx(Text, {
|
|
89
|
-
color: "$color12",
|
|
90
|
-
fontFamily: "$heading",
|
|
91
|
-
fontSize: "$5",
|
|
92
|
-
children: b
|
|
93
|
-
})]
|
|
94
|
-
}), /* @__PURE__ */jsx(YStack, {
|
|
95
|
-
height: 44,
|
|
96
|
-
borderRadius: 8,
|
|
97
|
-
backgroundColor: "$color9",
|
|
98
|
-
alignItems: "center",
|
|
99
|
-
justifyContent: "center",
|
|
100
|
-
children: /* @__PURE__ */jsx(Text, {
|
|
101
|
-
color: "$color1",
|
|
102
|
-
fontSize: "$3",
|
|
103
|
-
fontWeight: "700",
|
|
104
|
-
children: "Primary CTA"
|
|
105
|
-
})
|
|
106
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
107
|
-
children: "Themed button"
|
|
108
|
-
})]
|
|
109
|
-
})
|
|
110
|
-
}, b))
|
|
111
|
-
})]
|
|
112
|
-
})]
|
|
113
|
-
})
|
|
114
|
-
});
|
|
115
|
-
}
|
|
116
|
-
export { BrandTokensDemo };
|
|
117
|
-
//# sourceMappingURL=BrandTokensDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Button","Card","H2","Paragraph","Text","Theme","XStack","YStack","jsx","jsxs","BRANDS","SURFACES","BrandTokensDemo","name","children","backgroundColor","padding","gap","minHeight","fontFamily","color","fontSize","flexWrap","map","tok","label","width","height","borderRadius","borderWidth","borderColor","justifyContent","b","alignItems","fontWeight"],"sources":["../../src/BrandTokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, Card, H2, Paragraph, Text, Theme, XStack, YStack } from "hanzogui";
|
|
3
|
-
var BRANDS = ["hanzo", "lux", "zoo", "pars"];
|
|
4
|
-
var SURFACES = [["background", "$background", "#000 canvas"], ["color2", "$color2", "#0a0a0a surface"], ["color3", "$color3", "#111 raised"], ["color4", "$color4", "#171717 elevated"]];
|
|
5
|
-
function BrandTokensDemo() {
|
|
6
|
-
return /* @__PURE__ */_jsx(Theme, {
|
|
7
|
-
name: "dark",
|
|
8
|
-
children: /* @__PURE__ */_jsxs(YStack, {
|
|
9
|
-
backgroundColor: "$background",
|
|
10
|
-
padding: "$6",
|
|
11
|
-
gap: "$5",
|
|
12
|
-
minHeight: 640,
|
|
13
|
-
children: [/* @__PURE__ */_jsxs(YStack, {
|
|
14
|
-
gap: "$2",
|
|
15
|
-
children: [/* @__PURE__ */_jsx(H2, {
|
|
16
|
-
fontFamily: "$heading",
|
|
17
|
-
color: "$color12",
|
|
18
|
-
children: "Hanzo GUI \u2014 design tokens"
|
|
19
|
-
}), /* @__PURE__ */_jsx(Paragraph, {
|
|
20
|
-
color: "$color11",
|
|
21
|
-
fontFamily: "$body",
|
|
22
|
-
children: "True-black canvas \xB7 one accent per brand \xB7 Zen type system"
|
|
23
|
-
})]
|
|
24
|
-
}), /* @__PURE__ */_jsxs(YStack, {
|
|
25
|
-
gap: "$2",
|
|
26
|
-
children: [/* @__PURE__ */_jsx(Text, {
|
|
27
|
-
color: "$color11",
|
|
28
|
-
fontFamily: "$mono",
|
|
29
|
-
fontSize: "$2",
|
|
30
|
-
children: "neutral surface ramp"
|
|
31
|
-
}), /* @__PURE__ */_jsx(XStack, {
|
|
32
|
-
gap: "$3",
|
|
33
|
-
flexWrap: "wrap",
|
|
34
|
-
children: SURFACES.map(function (param) {
|
|
35
|
-
var [name, tok, label] = param;
|
|
36
|
-
return /* @__PURE__ */_jsxs(YStack, {
|
|
37
|
-
backgroundColor: tok,
|
|
38
|
-
width: 160,
|
|
39
|
-
height: 96,
|
|
40
|
-
borderRadius: 12,
|
|
41
|
-
borderWidth: 1,
|
|
42
|
-
borderColor: "$borderColor",
|
|
43
|
-
padding: "$3",
|
|
44
|
-
justifyContent: "flex-end",
|
|
45
|
-
children: [/* @__PURE__ */_jsx(Text, {
|
|
46
|
-
color: "$color12",
|
|
47
|
-
fontFamily: "$mono",
|
|
48
|
-
fontSize: "$3",
|
|
49
|
-
children: name
|
|
50
|
-
}), /* @__PURE__ */_jsx(Text, {
|
|
51
|
-
color: "$color10",
|
|
52
|
-
fontSize: "$2",
|
|
53
|
-
children: label
|
|
54
|
-
})]
|
|
55
|
-
}, name);
|
|
56
|
-
})
|
|
57
|
-
})]
|
|
58
|
-
}), /* @__PURE__ */_jsxs(YStack, {
|
|
59
|
-
gap: "$2",
|
|
60
|
-
children: [/* @__PURE__ */_jsx(Text, {
|
|
61
|
-
color: "$color11",
|
|
62
|
-
fontFamily: "$mono",
|
|
63
|
-
fontSize: "$2",
|
|
64
|
-
children: "per-brand accent (applied sparingly over the shared canvas)"
|
|
65
|
-
}), /* @__PURE__ */_jsx(XStack, {
|
|
66
|
-
gap: "$4",
|
|
67
|
-
flexWrap: "wrap",
|
|
68
|
-
children: BRANDS.map(function (b) {
|
|
69
|
-
return (
|
|
70
|
-
// brand themes come from the host app's config (@hanzogui/themes/v4),
|
|
71
|
-
// not from the @hanzogui/dev-config this package is typed against
|
|
72
|
-
// @ts-expect-error
|
|
73
|
-
/* @__PURE__ */
|
|
74
|
-
_jsx(Theme, {
|
|
75
|
-
name: b,
|
|
76
|
-
children: /* @__PURE__ */_jsxs(Card, {
|
|
77
|
-
backgroundColor: "$color2",
|
|
78
|
-
borderWidth: 1,
|
|
79
|
-
borderColor: "$borderColor",
|
|
80
|
-
borderRadius: 12,
|
|
81
|
-
padding: "$4",
|
|
82
|
-
width: 210,
|
|
83
|
-
gap: "$3",
|
|
84
|
-
children: [/* @__PURE__ */_jsxs(XStack, {
|
|
85
|
-
alignItems: "center",
|
|
86
|
-
gap: "$2",
|
|
87
|
-
children: [/* @__PURE__ */_jsx(YStack, {
|
|
88
|
-
width: 14,
|
|
89
|
-
height: 14,
|
|
90
|
-
borderRadius: 999,
|
|
91
|
-
backgroundColor: "$color9"
|
|
92
|
-
}), /* @__PURE__ */_jsx(Text, {
|
|
93
|
-
color: "$color12",
|
|
94
|
-
fontFamily: "$heading",
|
|
95
|
-
fontSize: "$5",
|
|
96
|
-
children: b
|
|
97
|
-
})]
|
|
98
|
-
}), /* @__PURE__ */_jsx(YStack, {
|
|
99
|
-
height: 44,
|
|
100
|
-
borderRadius: 8,
|
|
101
|
-
backgroundColor: "$color9",
|
|
102
|
-
alignItems: "center",
|
|
103
|
-
justifyContent: "center",
|
|
104
|
-
children: /* @__PURE__ */_jsx(Text, {
|
|
105
|
-
color: "$color1",
|
|
106
|
-
fontSize: "$3",
|
|
107
|
-
fontWeight: "700",
|
|
108
|
-
children: "Primary CTA"
|
|
109
|
-
})
|
|
110
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
111
|
-
children: "Themed button"
|
|
112
|
-
})]
|
|
113
|
-
})
|
|
114
|
-
}, b)
|
|
115
|
-
);
|
|
116
|
-
})
|
|
117
|
-
})]
|
|
118
|
-
})]
|
|
119
|
-
})
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
export { BrandTokensDemo };
|
|
123
|
-
//# sourceMappingURL=BrandTokensDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Card","H2","Paragraph","Text","Theme","XStack","YStack","BRANDS","SURFACES","BrandTokensDemo","name","children","backgroundColor","padding","gap","minHeight","fontFamily","color","fontSize","flexWrap","map","param","tok","label","width","height","borderRadius","borderWidth","borderColor","justifyContent"],"sources":["../../src/BrandTokensDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAM,IAAIC,KAAA,QAAW,mBAAqB;AAoBnD,SACEC,MADF,EAAAC,IAAA,EAAAC,EAAA,EAAAC,SAAA,EAAAC,IAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAbR,IAAAC,MAAM,IAEN,OAAM,EACJ,KAAC,EACD,KAAC,EACD,MAAC,CAAkC;AAErC,IAAAC,QAAA,IAEO,CACL,YACE,EAEI,eACE,cAEA,EAGA,CAGF,UACE,WAEA,iBACA,CAEI,EAAC,SAEC,EAAiB,SACjB,EAAO,aACP,CAAQ,EACM,CACD,QACb,EAAY,SACZ,EAAQ,kBACR,CAAe,CAEf;AAEA,SAAAC,eACAA,CAAA;EAEA,sBAAAb,IAAA,CAAAQ,KAAA;IAAAM,IAAA;IAAAC,QAfK,iBAAAb,KAAA,CAAAQ,MAAA;MAgBPM,eAEJ;MAAAC,OACF;MAEAC,GAAA;MACEC,SAAA;MAGAJ,QAAA,GACe,eAAAb,KAAA,CAAAQ,MAAA;QAAAQ,GAAA;QAAAH,QAAA,GAIX,eAACf,IAAA,CAAAK,EAAA,EAAc;UACZe,UAAA;UAAAC,KAAA;UACCN,QAAA;QACA,IACA,eAAYf,IAAA,CAAAM,SAAA;UACZe,KAAA,YAAc;UACdD,UAAQ;UACRL,QAAO;QACP;MAEA,IACE,eAAAb,KAAA,CAAAQ,MAAA;QAAAQ,GAAA,MAAC;QAAAH,QAAA,kBACQf,IAAA,CAAAO,IAAA;UAAAc,KAAA,EACP,UAAQ;UAAAD,UACR;UAAcE,QACd;UAAgBP,QAAA;QAAA,IAClB,eACAf,IAAA,CAAAS,MAAC;UAEDS,GACF;UACAK,QAAA;UAAAR,QAAC,EAAAH,QAAA,CAAAY,GAAA,WAAAC,KAAA;YAAA,KAAAX,IAAA,EAAAY,GAAA,EAAAC,KAAA,IAAAF,KAAA;YAAA,OACC,eAAQvB,KAAA,CAAAQ,MAAA;cACRM,eAAc,EAAAU,GAAA;cACdE,KAAA;cACAC,MAAA;cACAC,YAAA,IAAe;cAEfC,WAAA;cAEAC,WAAA;cACFf,OAAA;cACAgB,cAAA,EAAC,UAAO;cAAalB,QAAA,kBAAAf,IAAA,CAAAO,IAAA;gBAEzBc,KAAA;gBAEJD,UAAA;gBACFE,QAAA;gBAEJP,QAAA,EAAAD;cAEJ,I","ignoreList":[]}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import { Drumstick, Hand } from "@hanzogui/lucide-icons-2";
|
|
2
|
-
import { Button, XStack, YStack } from "@hanzo/gui";
|
|
3
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
const outlined = {
|
|
5
|
-
bg: "transparent",
|
|
6
|
-
borderWidth: 2,
|
|
7
|
-
borderColor: "$background",
|
|
8
|
-
rounded: "$10",
|
|
9
|
-
hoverStyle: {
|
|
10
|
-
bg: "transparent",
|
|
11
|
-
borderColor: "$backgroundPress"
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
function BuildAButtonDemo() {
|
|
15
|
-
return /* @__PURE__ */jsx(YStack, {
|
|
16
|
-
fullscreen: true,
|
|
17
|
-
overflow: "hidden",
|
|
18
|
-
children: /* @__PURE__ */jsxs(XStack, {
|
|
19
|
-
maxH: 200,
|
|
20
|
-
y: -100,
|
|
21
|
-
x: -40,
|
|
22
|
-
rotate: "-10deg",
|
|
23
|
-
children: [/* @__PURE__ */jsx(ButtonCol, {
|
|
24
|
-
y: 35,
|
|
25
|
-
size: "$2",
|
|
26
|
-
...outlined,
|
|
27
|
-
subTheme: "surface1",
|
|
28
|
-
borderWidth: 1
|
|
29
|
-
}), /* @__PURE__ */jsx(ButtonCol, {
|
|
30
|
-
y: 30
|
|
31
|
-
}), /* @__PURE__ */jsx(ButtonCol, {
|
|
32
|
-
y: -50,
|
|
33
|
-
...outlined
|
|
34
|
-
}), /* @__PURE__ */jsx(ButtonCol, {
|
|
35
|
-
...outlined,
|
|
36
|
-
icon: /* @__PURE__ */jsx(Hand, {})
|
|
37
|
-
}), /* @__PURE__ */jsx(ButtonCol, {
|
|
38
|
-
size: "$6",
|
|
39
|
-
subTheme: "surface2"
|
|
40
|
-
}), /* @__PURE__ */jsx(ButtonCol, {
|
|
41
|
-
size: "$6",
|
|
42
|
-
subTheme: "surface2",
|
|
43
|
-
...outlined
|
|
44
|
-
}), /* @__PURE__ */jsx(ButtonCol, {
|
|
45
|
-
size: "$8",
|
|
46
|
-
subTheme: "surface2",
|
|
47
|
-
iconAfter: /* @__PURE__ */jsx(Drumstick, {}),
|
|
48
|
-
...outlined
|
|
49
|
-
}), /* @__PURE__ */jsx(ButtonCol, {
|
|
50
|
-
size: "$10",
|
|
51
|
-
subTheme: "surface1"
|
|
52
|
-
}), /* @__PURE__ */jsx(ButtonCol, {
|
|
53
|
-
size: "$8",
|
|
54
|
-
subTheme: "surface2",
|
|
55
|
-
...outlined,
|
|
56
|
-
rounded: 0
|
|
57
|
-
})]
|
|
58
|
-
})
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
function ButtonCol(props) {
|
|
62
|
-
const {
|
|
63
|
-
subTheme,
|
|
64
|
-
...buttonProps
|
|
65
|
-
} = props;
|
|
66
|
-
const subThemeSuffix = subTheme ? `_${subTheme}` : "";
|
|
67
|
-
return /* @__PURE__ */jsxs(YStack, {
|
|
68
|
-
p: "$2",
|
|
69
|
-
gap: "$3",
|
|
70
|
-
children: [/* @__PURE__ */jsx(Button, {
|
|
71
|
-
theme: props.subTheme,
|
|
72
|
-
...props,
|
|
73
|
-
children: "Hello"
|
|
74
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
75
|
-
theme: "orange" + subThemeSuffix,
|
|
76
|
-
...buttonProps,
|
|
77
|
-
children: "Hello"
|
|
78
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
79
|
-
theme: "yellow" + subThemeSuffix,
|
|
80
|
-
...buttonProps,
|
|
81
|
-
children: "Hello"
|
|
82
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
83
|
-
theme: "green" + subThemeSuffix,
|
|
84
|
-
...buttonProps,
|
|
85
|
-
children: "Hello"
|
|
86
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
87
|
-
theme: "blue" + subThemeSuffix,
|
|
88
|
-
...buttonProps,
|
|
89
|
-
children: "Hello"
|
|
90
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
91
|
-
theme: "purple" + subThemeSuffix,
|
|
92
|
-
...buttonProps,
|
|
93
|
-
children: "Hello"
|
|
94
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
95
|
-
theme: "pink" + subThemeSuffix,
|
|
96
|
-
...buttonProps,
|
|
97
|
-
children: "Hello"
|
|
98
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
99
|
-
theme: "red" + subThemeSuffix,
|
|
100
|
-
...buttonProps,
|
|
101
|
-
children: "Hello"
|
|
102
|
-
})]
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
export { BuildAButtonDemo };
|
|
106
|
-
//# sourceMappingURL=BuildAButtonDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Drumstick","Hand","Button","XStack","YStack","jsx","jsxs","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","BuildAButtonDemo","fullscreen","overflow","children","maxH","y","x","rotate","ButtonCol","size","subTheme","icon","iconAfter","props","buttonProps","subThemeSuffix","p","gap","theme"],"sources":["../../src/BuildAButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,IAAA,QAAY;AAEhC,SAASC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAiBjC,SACEC,GAAA,EADFC,IAAA;AAfN,MAAMC,QAAA,GAAW;EACfC,EAAA,EAAI;EACJC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,OAAA,EAAS;EAETC,UAAA,EAAY;IACVJ,EAAA,EAAI;IACJE,WAAA,EAAa;EACf;AACF;AAEO,SAASG,iBAAA,EAAmB;EACjC,OACE,eAAAR,GAAA,CAACD,MAAA;IAAOU,UAAA,EAAU;IAACC,QAAA,EAAS;IAC1BC,QAAA,iBAAAV,IAAA,CAACH,MAAA;MAAOc,IAAA,EAAM;MAAKC,CAAA,EAAG;MAAMC,CAAA,EAAG;MAAKC,MAAA,EAAO;MACzCJ,QAAA,kBAAAX,GAAA,CAACgB,SAAA;QAAUH,CAAA,EAAG;QAAII,IAAA,EAAK;QAAM,GAAGf,QAAA;QAAUgB,QAAA,EAAS;QAAWd,WAAA,EAAa;MAAA,CAAG,GAC9E,eAAAJ,GAAA,CAACgB,SAAA;QAAUH,CAAA,EAAG;MAAA,CAAI,GAClB,eAAAb,GAAA,CAACgB,SAAA;QAAUH,CAAA,EAAG;QAAM,GAAGX;MAAA,CAAU,GACjC,eAAAF,GAAA,CAACgB,SAAA;QAAW,GAAGd,QAAA;QAAUiB,IAAA,EAAM,eAAAnB,GAAA,CAACJ,IAAA,IAAK;MAAA,CAAI,GACzC,eAAAI,GAAA,CAACgB,SAAA;QAAUC,IAAA,EAAK;QAAKC,QAAA,EAAS;MAAA,CAAW,GACzC,eAAAlB,GAAA,CAACgB,SAAA;QAAUC,IAAA,EAAK;QAAKC,QAAA,EAAS;QAAY,GAAGhB;MAAA,CAAU,GACvD,eAAAF,GAAA,CAACgB,SAAA;QACCC,IAAA,EAAK;QACLC,QAAA,EAAS;QACTE,SAAA,EAAW,eAAApB,GAAA,CAACL,SAAA,IAAU;QACrB,GAAGO;MAAA,CACN,GACA,eAAAF,GAAA,CAACgB,SAAA;QAAUC,IAAA,EAAK;QAAMC,QAAA,EAAS;MAAA,CAAW,GAC1C,eAAAlB,GAAA,CAACgB,SAAA;QAAUC,IAAA,EAAK;QAAKC,QAAA,EAAS;QAAY,GAAGhB,QAAA;QAAUI,OAAA,EAAS;MAAA,CAAG;IAAA,CACrE;EAAA,CACF;AAEJ;AAEA,SAASU,UAAUK,KAAA,EAAY;EAC7B,MAAM;IAAEH,QAAA;IAAU,GAAGI;EAAY,IAAID,KAAA;EACrC,MAAME,cAAA,GAAiBL,QAAA,GAAW,IAAIA,QAAQ,KAAK;EAEnD,OACE,eAAAjB,IAAA,CAACF,MAAA;IAAOyB,CAAA,EAAE;IAAKC,GAAA,EAAI;IACjBd,QAAA,kBAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAOL,KAAA,CAAMH,QAAA;MAAW,GAAGG,KAAA;MAAOV,QAAA;IAAA,CAE1C,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,WAAWH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAE1E,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,WAAWH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAE1E,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,UAAUH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAEzE,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,SAASH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAExE,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,WAAWH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAE1E,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,SAASH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAExE,GACA,eAAAX,GAAA,CAACH,MAAA;MAAO6B,KAAA,EAAQ,QAAQH,cAAA;MAA+B,GAAGD,WAAA;MAAaX,QAAA;IAAA,CAEvE;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Drumstick, Hand } from "@hanzogui/lucide-icons-2";
|
|
3
|
-
import { Button, XStack, YStack } from "@hanzo/gui";
|
|
4
|
-
var outlined = {
|
|
5
|
-
bg: "transparent",
|
|
6
|
-
borderWidth: 2,
|
|
7
|
-
borderColor: "$background",
|
|
8
|
-
rounded: "$10",
|
|
9
|
-
hoverStyle: {
|
|
10
|
-
bg: "transparent",
|
|
11
|
-
borderColor: "$backgroundPress"
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
function BuildAButtonDemo() {
|
|
15
|
-
return /* @__PURE__ */_jsx(YStack, {
|
|
16
|
-
fullscreen: true,
|
|
17
|
-
overflow: "hidden",
|
|
18
|
-
children: /* @__PURE__ */_jsxs(XStack, {
|
|
19
|
-
maxH: 200,
|
|
20
|
-
y: -100,
|
|
21
|
-
x: -40,
|
|
22
|
-
rotate: "-10deg",
|
|
23
|
-
children: [/* @__PURE__ */_jsx(ButtonCol, {
|
|
24
|
-
y: 35,
|
|
25
|
-
size: "$2",
|
|
26
|
-
...outlined,
|
|
27
|
-
subTheme: "surface1",
|
|
28
|
-
borderWidth: 1
|
|
29
|
-
}), /* @__PURE__ */_jsx(ButtonCol, {
|
|
30
|
-
y: 30
|
|
31
|
-
}), /* @__PURE__ */_jsx(ButtonCol, {
|
|
32
|
-
y: -50,
|
|
33
|
-
...outlined
|
|
34
|
-
}), /* @__PURE__ */_jsx(ButtonCol, {
|
|
35
|
-
...outlined,
|
|
36
|
-
icon: /* @__PURE__ */_jsx(Hand, {})
|
|
37
|
-
}), /* @__PURE__ */_jsx(ButtonCol, {
|
|
38
|
-
size: "$6",
|
|
39
|
-
subTheme: "surface2"
|
|
40
|
-
}), /* @__PURE__ */_jsx(ButtonCol, {
|
|
41
|
-
size: "$6",
|
|
42
|
-
subTheme: "surface2",
|
|
43
|
-
...outlined
|
|
44
|
-
}), /* @__PURE__ */_jsx(ButtonCol, {
|
|
45
|
-
size: "$8",
|
|
46
|
-
subTheme: "surface2",
|
|
47
|
-
iconAfter: /* @__PURE__ */_jsx(Drumstick, {}),
|
|
48
|
-
...outlined
|
|
49
|
-
}), /* @__PURE__ */_jsx(ButtonCol, {
|
|
50
|
-
size: "$10",
|
|
51
|
-
subTheme: "surface1"
|
|
52
|
-
}), /* @__PURE__ */_jsx(ButtonCol, {
|
|
53
|
-
size: "$8",
|
|
54
|
-
subTheme: "surface2",
|
|
55
|
-
...outlined,
|
|
56
|
-
rounded: 0
|
|
57
|
-
})]
|
|
58
|
-
})
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
function ButtonCol(props) {
|
|
62
|
-
var {
|
|
63
|
-
subTheme,
|
|
64
|
-
...buttonProps
|
|
65
|
-
} = props;
|
|
66
|
-
var subThemeSuffix = subTheme ? `_${subTheme}` : "";
|
|
67
|
-
return /* @__PURE__ */_jsxs(YStack, {
|
|
68
|
-
p: "$2",
|
|
69
|
-
gap: "$3",
|
|
70
|
-
children: [/* @__PURE__ */_jsx(Button, {
|
|
71
|
-
theme: props.subTheme,
|
|
72
|
-
...props,
|
|
73
|
-
children: "Hello"
|
|
74
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
75
|
-
theme: "orange" + subThemeSuffix,
|
|
76
|
-
...buttonProps,
|
|
77
|
-
children: "Hello"
|
|
78
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
79
|
-
theme: "yellow" + subThemeSuffix,
|
|
80
|
-
...buttonProps,
|
|
81
|
-
children: "Hello"
|
|
82
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
83
|
-
theme: "green" + subThemeSuffix,
|
|
84
|
-
...buttonProps,
|
|
85
|
-
children: "Hello"
|
|
86
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
87
|
-
theme: "blue" + subThemeSuffix,
|
|
88
|
-
...buttonProps,
|
|
89
|
-
children: "Hello"
|
|
90
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
91
|
-
theme: "purple" + subThemeSuffix,
|
|
92
|
-
...buttonProps,
|
|
93
|
-
children: "Hello"
|
|
94
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
95
|
-
theme: "pink" + subThemeSuffix,
|
|
96
|
-
...buttonProps,
|
|
97
|
-
children: "Hello"
|
|
98
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
99
|
-
theme: "red" + subThemeSuffix,
|
|
100
|
-
...buttonProps,
|
|
101
|
-
children: "Hello"
|
|
102
|
-
})]
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
export { BuildAButtonDemo };
|
|
106
|
-
//# sourceMappingURL=BuildAButtonDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Drumstick","Hand","Button","XStack","YStack","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","BuildAButtonDemo","fullscreen","overflow","children","maxH","y","x","rotate","ButtonCol","size","subTheme","icon"],"sources":["../../src/BuildAButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAY;AAEhC,SAASC,SAAQ,EAAAC,IAAA,QAAQ,0BAAc;AAiBjC,SACEC,MADF,EAAAC,MAAA,EAAAC,MAAA;AAfN,IAAAC,QAAM;EACJC,EAAA,EAAI;EACJC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,OAAA,EAAS;EAETC,UAAA,EAAY;IACVJ,EAAA,EAAI;IACJE,WAAA,EAAa;EACf;AACF;AAEO,SAASG,iBAAA,EAAmB;EACjC,OACE,eAAAd,IAAC,CAAAO,MAAA;IAEGQ,UAAA;IACAC,QAAA;IACAC,QAAA,iBAACf,KAAA,CAAAI,MAAa;MACdY,IAAA;MACAC,CAAA;MACAC,CAAA;MACAC,MAAA;MAACJ,QAAA,kBAAAjB,IAAA,CAAAsB,SAAA;QACCH,CAAA,IAAK;QACLI,IAAA,MAAS;QACT,GAAAf,QAAW;QACVgB,QAAG;QAAAd,WAAA;MACN,IACA,eAACV,IAAA,CAAAsB,SAAU;QACXH,CAAA;MAEJ,IAEJ,eAAAnB,IAAA,CAAAsB,SAAA;QAESH,CAAA;QACC,GAAAX;MACF,IAEN,eACER,IAAA,CAAAsB,SAAC,EAAO;QACN,GAAAd,QAAA;QAGAiB,IAAA,iBAACzB,IAAO,CAAAI,IAAQ;MAGhB,IAGA,eAACJ,IAAA,CAAAsB,SAAO;QAGRC,IAAA;QAGAC,QAAA;MAGA,IAGA,eAACxB,IAAA,CAAAsB,SAAO;QAGVC,IAAA;QAEJC,QAAA","ignoreList":[]}
|
package/dist/esm/ButtonDemo.mjs
DELETED
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { Button } from "@hanzogui/button";
|
|
2
|
-
import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
|
|
3
|
-
import { Theme, XGroup, XStack, YStack } from "@hanzo/gui";
|
|
4
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
function ButtonDemo() {
|
|
6
|
-
return /* @__PURE__ */jsxs(YStack, {
|
|
7
|
-
p: "$3",
|
|
8
|
-
gap: "$3",
|
|
9
|
-
children: [/* @__PURE__ */jsx(Button, {
|
|
10
|
-
children: "Plain"
|
|
11
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
12
|
-
self: "center",
|
|
13
|
-
icon: Airplay,
|
|
14
|
-
size: "$6",
|
|
15
|
-
children: "Large"
|
|
16
|
-
}), /* @__PURE__ */jsxs(XStack, {
|
|
17
|
-
gap: "$2",
|
|
18
|
-
justify: "center",
|
|
19
|
-
children: [/* @__PURE__ */jsx(Button, {
|
|
20
|
-
size: "$3",
|
|
21
|
-
theme: "accent",
|
|
22
|
-
children: "Active"
|
|
23
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
24
|
-
size: "$3",
|
|
25
|
-
variant: "outlined",
|
|
26
|
-
children: "Outlined"
|
|
27
|
-
})]
|
|
28
|
-
}), /* @__PURE__ */jsxs(XStack, {
|
|
29
|
-
gap: "$2",
|
|
30
|
-
justify: "center",
|
|
31
|
-
children: [/* @__PURE__ */jsx(Theme, {
|
|
32
|
-
name: "accent",
|
|
33
|
-
children: /* @__PURE__ */jsxs(Button, {
|
|
34
|
-
size: "$3",
|
|
35
|
-
children: [/* @__PURE__ */jsx(Button.Icon, {
|
|
36
|
-
children: /* @__PURE__ */jsx(Activity, {})
|
|
37
|
-
}), /* @__PURE__ */jsx(Button.Text, {
|
|
38
|
-
children: "Inverse"
|
|
39
|
-
})]
|
|
40
|
-
})
|
|
41
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
42
|
-
iconAfter: Activity,
|
|
43
|
-
size: "$3",
|
|
44
|
-
children: "iconAfter"
|
|
45
|
-
})]
|
|
46
|
-
}), /* @__PURE__ */jsxs(XGroup, {
|
|
47
|
-
children: [/* @__PURE__ */jsx(XGroup.Item, {
|
|
48
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
49
|
-
width: "50%",
|
|
50
|
-
size: "$2",
|
|
51
|
-
disabled: true,
|
|
52
|
-
opacity: 0.5,
|
|
53
|
-
children: "disabled"
|
|
54
|
-
})
|
|
55
|
-
}), /* @__PURE__ */jsx(XGroup.Item, {
|
|
56
|
-
children: /* @__PURE__ */jsx(Button, {
|
|
57
|
-
width: "50%",
|
|
58
|
-
size: "$2",
|
|
59
|
-
children: "plain"
|
|
60
|
-
})
|
|
61
|
-
})]
|
|
62
|
-
})]
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
export { ButtonDemo };
|
|
66
|
-
//# sourceMappingURL=ButtonDemo.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Button","Activity","Airplay","Theme","XGroup","XStack","YStack","jsx","jsxs","ButtonDemo","p","gap","children","self","icon","size","justify","theme","variant","name","Icon","Text","iconAfter","Item","width","disabled","opacity"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,OAAA,QAAe;AAClC,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAKxC,SAAAC,GAAA,EAIAC,IAAA,QAJA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,CAAA,EAAE;IAAKC,GAAA,EAAI;IACjBC,QAAA,kBAAAL,GAAA,CAACP,MAAA;MAAOY,QAAA;IAAA,CAAK,GACb,eAAAL,GAAA,CAACP,MAAA;MAAOa,IAAA,EAAK;MAASC,IAAA,EAAMZ,OAAA;MAASa,IAAA,EAAK;MAAKH,QAAA;IAAA,CAE/C,GACA,eAAAJ,IAAA,CAACH,MAAA;MAAOM,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAL,GAAA,CAACP,MAAA;QAAOe,IAAA,EAAK;QAAKE,KAAA,EAAM;QAASL,QAAA;MAAA,CAEjC,GACA,eAAAL,GAAA,CAACP,MAAA;QAAOe,IAAA,EAAK;QAAKG,OAAA,EAAQ;QAAWN,QAAA;MAAA,CAErC;IAAA,CACF,GACA,eAAAJ,IAAA,CAACH,MAAA;MAAOM,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAL,GAAA,CAACJ,KAAA;QAAMgB,IAAA,EAAK;QACVP,QAAA,iBAAAJ,IAAA,CAACR,MAAA;UAAOe,IAAA,EAAK;UACXH,QAAA,kBAAAL,GAAA,CAACP,MAAA,CAAOoB,IAAA,EAAP;YACCR,QAAA,iBAAAL,GAAA,CAACN,QAAA,IAAS;UAAA,CACZ,GACA,eAAAM,GAAA,CAACP,MAAA,CAAOqB,IAAA,EAAP;YAAYT,QAAA;UAAA,CAAO;QAAA,CACtB;MAAA,CACF,GACA,eAAAL,GAAA,CAACP,MAAA;QAAOsB,SAAA,EAAWrB,QAAA;QAAUc,IAAA,EAAK;QAAKH,QAAA;MAAA,CAEvC;IAAA,CACF,GAEA,eAAAJ,IAAA,CAACJ,MAAA;MACCQ,QAAA,kBAAAL,GAAA,CAACH,MAAA,CAAOmB,IAAA,EAAP;QACCX,QAAA,iBAAAL,GAAA,CAACP,MAAA;UAAOwB,KAAA,EAAM;UAAMT,IAAA,EAAK;UAAKU,QAAA,EAAQ;UAACC,OAAA,EAAS;UAAKd,QAAA;QAAA,CAErD;MAAA,CACF,GAEA,eAAAL,GAAA,CAACH,MAAA,CAAOmB,IAAA,EAAP;QACCX,QAAA,iBAAAL,GAAA,CAACP,MAAA;UAAOwB,KAAA,EAAM;UAAMT,IAAA,EAAK;UAAKH,QAAA;QAAA,CAE9B;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from "@hanzogui/button";
|
|
3
|
-
import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
|
|
4
|
-
import { Theme, XGroup, XStack, YStack } from "@hanzo/gui";
|
|
5
|
-
function ButtonDemo() {
|
|
6
|
-
return /* @__PURE__ */_jsxs(YStack, {
|
|
7
|
-
p: "$3",
|
|
8
|
-
gap: "$3",
|
|
9
|
-
children: [/* @__PURE__ */_jsx(Button, {
|
|
10
|
-
children: "Plain"
|
|
11
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
12
|
-
self: "center",
|
|
13
|
-
icon: Airplay,
|
|
14
|
-
size: "$6",
|
|
15
|
-
children: "Large"
|
|
16
|
-
}), /* @__PURE__ */_jsxs(XStack, {
|
|
17
|
-
gap: "$2",
|
|
18
|
-
justify: "center",
|
|
19
|
-
children: [/* @__PURE__ */_jsx(Button, {
|
|
20
|
-
size: "$3",
|
|
21
|
-
theme: "accent",
|
|
22
|
-
children: "Active"
|
|
23
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
24
|
-
size: "$3",
|
|
25
|
-
variant: "outlined",
|
|
26
|
-
children: "Outlined"
|
|
27
|
-
})]
|
|
28
|
-
}), /* @__PURE__ */_jsxs(XStack, {
|
|
29
|
-
gap: "$2",
|
|
30
|
-
justify: "center",
|
|
31
|
-
children: [/* @__PURE__ */_jsx(Theme, {
|
|
32
|
-
name: "accent",
|
|
33
|
-
children: /* @__PURE__ */_jsxs(Button, {
|
|
34
|
-
size: "$3",
|
|
35
|
-
children: [/* @__PURE__ */_jsx(Button.Icon, {
|
|
36
|
-
children: /* @__PURE__ */_jsx(Activity, {})
|
|
37
|
-
}), /* @__PURE__ */_jsx(Button.Text, {
|
|
38
|
-
children: "Inverse"
|
|
39
|
-
})]
|
|
40
|
-
})
|
|
41
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
42
|
-
iconAfter: Activity,
|
|
43
|
-
size: "$3",
|
|
44
|
-
children: "iconAfter"
|
|
45
|
-
})]
|
|
46
|
-
}), /* @__PURE__ */_jsxs(XGroup, {
|
|
47
|
-
children: [/* @__PURE__ */_jsx(XGroup.Item, {
|
|
48
|
-
children: /* @__PURE__ */_jsx(Button, {
|
|
49
|
-
width: "50%",
|
|
50
|
-
size: "$2",
|
|
51
|
-
disabled: true,
|
|
52
|
-
opacity: 0.5,
|
|
53
|
-
children: "disabled"
|
|
54
|
-
})
|
|
55
|
-
}), /* @__PURE__ */_jsx(XGroup.Item, {
|
|
56
|
-
children: /* @__PURE__ */_jsx(Button, {
|
|
57
|
-
width: "50%",
|
|
58
|
-
size: "$2",
|
|
59
|
-
children: "plain"
|
|
60
|
-
})
|
|
61
|
-
})]
|
|
62
|
-
})]
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
export { ButtonDemo };
|
|
66
|
-
//# sourceMappingURL=ButtonDemo.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Activity","Airplay","Theme","XGroup","XStack","YStack","ButtonDemo","p","gap","children","self","icon","size","justify","theme"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,QAAU,kBAAe;AAClC,SAASC,QAAO,EAAAC,OAAQ,QAAQ,0BAAc;AAKxC,SAAAC,KAIA,EAAAC,MAAA,EAAAC,MAJA,EAAAC,MAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAR,KAAC,CAAAO,MAAA;IACCE,CAAA;IACAC,GAAA;IAGAC,QAAA,GACE,eAAAb,IAAC,CAAAG,MAAA;MAGDU,QAAA;IAEA,CACF,GACA,eAAAb,IAAC,CAAAG,MAAA,EAAO;MACNW,IAAA;MAEIC,IAAA,EAAAV,OAAA;MAGAW,IAAA;MAAoBH,QAExB;IACA,IAEA,eACFX,KAAA,CAAAM,MAAA;MAEAI,GAAA;MACEK,OAAA;MAMAJ,QAAA,GAKF,eAAAb,IAAA,CAAAG,MAAA;QACFa,IAAA;QAEJE,KAAA","ignoreList":[]}
|