@hanzogui/demos 4.3.1 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AccordionDemo.cjs +16 -16
- package/dist/cjs/AccordionDemo.native.js +16 -16
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +6 -6
- package/dist/cjs/AddThemeDemo.native.js +6 -6
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +15 -15
- package/dist/cjs/AlertDialogDemo.native.js +15 -15
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +6 -6
- package/dist/cjs/AnimationsDemo.native.js +6 -6
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +8 -8
- package/dist/cjs/AvatarDemo.native.js +8 -8
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.cjs +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +8 -8
- package/dist/cjs/ButtonDemo.native.js +8 -8
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +12 -12
- package/dist/cjs/CardDemo.native.js +12 -12
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +8 -8
- package/dist/cjs/CheckboxDemo.native.js +8 -8
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +13 -13
- package/dist/cjs/ColorsDemo.native.js +13 -13
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +5 -5
- package/dist/cjs/ContextMenuDemo.native.js +5 -5
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +40 -40
- package/dist/cjs/DialogDemo.native.js +40 -40
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +8 -8
- package/dist/cjs/FormsDemo.native.js +8 -8
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +21 -21
- package/dist/cjs/GroupDemo.native.js +21 -21
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +8 -8
- package/dist/cjs/HeadingsDemo.native.js +8 -8
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +6 -6
- package/dist/cjs/InputsDemo.native.js +6 -6
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +9 -9
- package/dist/cjs/LabelDemo.native.js +9 -9
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +2 -2
- package/dist/cjs/LinearGradientDemo.native.js +2 -2
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +26 -18
- package/dist/cjs/ListItemDemo.native.js +26 -18
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +7 -7
- package/dist/cjs/LucideIconsDemo.native.js +7 -7
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +2 -2
- package/dist/cjs/MenuDemo.native.js +2 -2
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +4 -4
- package/dist/cjs/NewInputsDemo.native.js +4 -4
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +19 -19
- package/dist/cjs/PopoverDemo.native.js +19 -19
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +8 -8
- package/dist/cjs/ProgressDemo.native.js +8 -8
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +8 -8
- package/dist/cjs/RadioGroupDemo.native.js +8 -8
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +11 -11
- package/dist/cjs/ScrollViewDemo.native.js +11 -11
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +30 -30
- package/dist/cjs/SelectDemo.native.js +30 -30
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +11 -11
- package/dist/cjs/SeparatorDemo.native.js +11 -11
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +4 -4
- package/dist/cjs/ShapesDemo.native.js +4 -4
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +16 -16
- package/dist/cjs/SheetDemo.native.js +16 -16
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +6 -6
- package/dist/cjs/SliderDemo.native.js +6 -6
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +4 -4
- package/dist/cjs/SpinnerDemo.native.js +4 -4
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +14 -14
- package/dist/cjs/StacksDemo.native.js +14 -14
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +10 -10
- package/dist/cjs/SwitchDemo.native.js +10 -10
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +41 -41
- package/dist/cjs/TabsAdvancedDemo.native.js +41 -41
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +31 -31
- package/dist/cjs/TabsDemo.native.js +31 -31
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +8 -8
- package/dist/cjs/TextDemo.native.js +8 -8
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +191 -114
- package/dist/cjs/ToastDemo.native.js +202 -118
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +34 -47
- package/dist/cjs/ToastDuplicateDemo.native.js +35 -52
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +155 -0
- package/dist/cjs/ToastV1Demo.native.js +166 -0
- package/dist/cjs/ToastV1Demo.native.js.map +1 -0
- package/dist/cjs/ToggleGroupDemo.cjs +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +14 -14
- package/dist/cjs/TokensDemo.native.js +14 -14
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +13 -13
- package/dist/cjs/TooltipDemo.native.js +13 -13
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/{gui.config.cjs → hanzogui.config.cjs} +7 -7
- package/dist/cjs/{gui.config.native.js → hanzogui.config.native.js} +8 -8
- package/dist/cjs/hanzogui.config.native.js.map +1 -0
- package/dist/cjs/index.cjs +1 -0
- package/dist/cjs/index.native.js +1 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +4 -4
- package/dist/cjs/useOnIntersecting.native.js +4 -4
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +1 -1
- package/dist/esm/AccordionDemo.native.js +1 -1
- package/dist/esm/AddThemeDemo.mjs +1 -1
- package/dist/esm/AddThemeDemo.native.js +1 -1
- package/dist/esm/AlertDialogDemo.mjs +1 -1
- package/dist/esm/AlertDialogDemo.native.js +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +1 -1
- package/dist/esm/AnimationsDemo.mjs +1 -1
- package/dist/esm/AnimationsDemo.native.js +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +1 -1
- package/dist/esm/AvatarDemo.mjs +1 -1
- package/dist/esm/AvatarDemo.native.js +1 -1
- package/dist/esm/BoxShadowTokenDemo.mjs +1 -1
- package/dist/esm/BoxShadowTokenDemo.native.js +1 -1
- package/dist/esm/BuildAButtonDemo.mjs +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +1 -1
- package/dist/esm/ButtonDemo.mjs +1 -1
- package/dist/esm/ButtonDemo.native.js +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CheckboxDemo.mjs +1 -1
- package/dist/esm/CheckboxDemo.native.js +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +1 -1
- package/dist/esm/ColorsDemo.mjs +1 -1
- package/dist/esm/ColorsDemo.native.js +1 -1
- package/dist/esm/ContextMenuDemo.mjs +1 -1
- package/dist/esm/ContextMenuDemo.native.js +1 -1
- package/dist/esm/DialogDemo.mjs +1 -1
- package/dist/esm/DialogDemo.native.js +1 -1
- package/dist/esm/FormsDemo.mjs +1 -1
- package/dist/esm/FormsDemo.native.js +1 -1
- package/dist/esm/GroupDemo.mjs +1 -1
- package/dist/esm/GroupDemo.native.js +1 -1
- package/dist/esm/HeadingsDemo.mjs +1 -1
- package/dist/esm/HeadingsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.mjs +1 -1
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/LabelDemo.mjs +1 -1
- package/dist/esm/LabelDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.mjs +1 -1
- package/dist/esm/LinearGradientDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +9 -1
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +9 -1
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +1 -1
- package/dist/esm/LucideIconsDemo.native.js +1 -1
- package/dist/esm/MenuDemo.mjs +1 -1
- package/dist/esm/MenuDemo.native.js +1 -1
- package/dist/esm/NewInputsDemo.mjs +1 -1
- package/dist/esm/NewInputsDemo.native.js +1 -1
- package/dist/esm/PopoverDemo.mjs +1 -1
- package/dist/esm/PopoverDemo.native.js +1 -1
- package/dist/esm/ProgressDemo.mjs +1 -1
- package/dist/esm/ProgressDemo.native.js +1 -1
- package/dist/esm/RadioGroupDemo.mjs +1 -1
- package/dist/esm/RadioGroupDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +1 -1
- package/dist/esm/ScrollViewDemo.mjs +1 -1
- package/dist/esm/ScrollViewDemo.native.js +1 -1
- package/dist/esm/SelectDemo.mjs +2 -2
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +2 -2
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +1 -1
- package/dist/esm/SeparatorDemo.native.js +1 -1
- package/dist/esm/ShapesDemo.mjs +1 -1
- package/dist/esm/ShapesDemo.native.js +1 -1
- package/dist/esm/SheetDemo.mjs +1 -1
- package/dist/esm/SheetDemo.native.js +1 -1
- package/dist/esm/SliderDemo.mjs +1 -1
- package/dist/esm/SliderDemo.native.js +1 -1
- package/dist/esm/SpinnerDemo.mjs +1 -1
- package/dist/esm/SpinnerDemo.native.js +1 -1
- package/dist/esm/StacksDemo.mjs +1 -1
- package/dist/esm/StacksDemo.native.js +1 -1
- package/dist/esm/SwitchDemo.mjs +1 -1
- package/dist/esm/SwitchDemo.native.js +1 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +9 -9
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +9 -9
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +1 -1
- package/dist/esm/TabsDemo.native.js +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +1 -1
- package/dist/esm/TextDemo.mjs +1 -1
- package/dist/esm/TextDemo.native.js +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ThemeInverseDemo.mjs +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +190 -102
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +202 -107
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToastDuplicateDemo.mjs +31 -33
- package/dist/esm/ToastDuplicateDemo.mjs.map +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +32 -38
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/esm/ToastV1Demo.mjs +119 -0
- package/dist/esm/ToastV1Demo.mjs.map +1 -0
- package/dist/esm/ToastV1Demo.native.js +127 -0
- package/dist/esm/ToastV1Demo.native.js.map +1 -0
- package/dist/esm/ToggleGroupDemo.mjs +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +1 -1
- package/dist/esm/TokensDemo.mjs +1 -1
- package/dist/esm/TokensDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.mjs +1 -1
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +1 -1
- package/dist/esm/hanzogui.config.mjs +6 -0
- package/dist/esm/hanzogui.config.mjs.map +1 -0
- package/dist/esm/hanzogui.config.native.js +6 -0
- package/dist/esm/hanzogui.config.native.js.map +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +1 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +1 -0
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +1 -1
- package/dist/esm/useOnIntersecting.native.js +1 -1
- package/package.json +40 -17
- package/src/AccordionDemo.tsx +1 -1
- package/src/AddThemeDemo.tsx +1 -1
- package/src/AlertDialogDemo.tsx +1 -1
- package/src/AnimationsDelayDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsHoverDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -1
- package/src/AvatarDemo.tsx +1 -1
- package/src/BoxShadowTokenDemo.tsx +1 -1
- package/src/BuildAButtonDemo.tsx +2 -2
- package/src/ButtonDemo.tsx +1 -1
- package/src/CardDemo.tsx +2 -2
- package/src/CheckboxDemo.tsx +2 -2
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ColorsDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +1 -1
- package/src/DialogDemo.tsx +1 -1
- package/src/FormsDemo.tsx +2 -2
- package/src/GroupDemo.tsx +1 -1
- package/src/HeadingsDemo.tsx +1 -1
- package/src/InputsDemo.tsx +2 -2
- package/src/LabelDemo.tsx +1 -1
- package/src/LinearGradientDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +27 -6
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +2 -2
- package/src/NewInputsDemo.tsx +2 -2
- package/src/PopoverDemo.tsx +2 -2
- package/src/ProgressDemo.tsx +1 -1
- package/src/RadioGroupDemo.tsx +2 -2
- package/src/RadioGroupHeadlessDemo.tsx +1 -1
- package/src/RadioGroupUnstyledDemo.tsx +1 -1
- package/src/ReplaceThemeDemo.tsx +1 -1
- package/src/ScrollViewDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -12
- package/src/SeparatorDemo.tsx +1 -1
- package/src/ShapesDemo.tsx +1 -1
- package/src/SheetDemo.tsx +1 -1
- package/src/SliderDemo.tsx +2 -2
- package/src/SpinnerDemo.tsx +1 -1
- package/src/StacksDemo.tsx +1 -1
- package/src/SwitchDemo.tsx +2 -2
- package/src/SwitchHeadlessDemo.tsx +1 -1
- package/src/SwitchUnstyledDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +15 -13
- package/src/TabsDemo.tsx +2 -2
- package/src/TabsHeadlessDemo.tsx +1 -1
- package/src/TextDemo.tsx +1 -1
- package/src/ThemeBuilderDemo.tsx +2 -2
- package/src/ThemeInverseDemo.tsx +1 -1
- package/src/ToastDemo.tsx +208 -93
- package/src/ToastDuplicateDemo.tsx +39 -29
- package/src/ToastV1Demo.tsx +121 -0
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TokensDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -10
- package/src/UpdateThemeDemo.tsx +1 -1
- package/src/{gui.config.ts → hanzogui.config.ts} +2 -2
- package/src/index.tsx +3 -2
- package/src/useOnIntersecting.tsx +1 -1
- package/LICENSE +0 -21
- package/dist/cjs/gui.config.native.js.map +0 -1
- package/dist/esm/gui.config.mjs +0 -6
- package/dist/esm/gui.config.mjs.map +0 -1
- package/dist/esm/gui.config.native.js +0 -6
- package/dist/esm/gui.config.native.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BuildAButtonDemo_exports","__export","BuildAButtonDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BuildAButtonDemo_exports","__export","BuildAButtonDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_hanzogui","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","jsx","YStack","fullscreen","overflow","children","jsxs","XStack","maxH","y","x","rotate","ButtonCol","size","subTheme","icon","Hand"],"sources":["../../src/BuildAButtonDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAgC,CAAAK,wBAAA;AAEhC,IAAAK,kBAAuC,GAAAC,OAAA;AAiBjC,IAAAC,qBAAA,GAAAD,OAAA;AAfN,IAAAE,eAAiB,GAAAF,OAAA;AAAA,IACfG,QAAI;EACJC,EAAA,eAAa;EACbC,WAAA,EAAa;EACbC,WAAS;EAETC,OAAA,OAAY;EAAAC,UACN;IACJJ,EAAA,eAAa;IACfE,WAAA;EACF;AAEO;AACL,SACEV,iBAAA;EAEI,0BAAAG,kBAAA,CAACU,GAAA,EAAAP,eAAiB,CAAAQ,MAAK;IACvBC,UAAA;IACAC,QAAA;IACAC,QAAA,qBAAAd,kBAAC,CAAAe,IAAA,EAAAZ,eAAwB,CAAAa,MAAM;MAC/BC,IAAA;MACAC,CAAA;MACAC,CAAA;MAACC,MAAA;MAAAN,QAAA,GACC,eAAK,IAAAd,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QACLH,CAAA;QACAI,IAAA,MAAW;QACV,GAAGlB,QAAA;QAAAmB,QAAA;QACNjB,WAAA;MACA,IACA,mBAAAN,kBAAA,CAAAU,GAAC,EAAAW,SAAU;QAEfH,CAAA;MAEJ,IAEA,eAAmB,EAAY,EAAAlB,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QACrBH,CAAA;QACF,GAAAd;MAEN,CACE,GACE,mBAAAJ,kBAAA,CAAAU,GAAC,EAAAW,SAAA;QAGD,GAAAjB,QAAA;QAGAoB,IAAA,qBAAAxB,kBAAC,CAAAU,GAAA,EAAAR,qBAAe,CAAAuB,IAAA;MAGhB,IAGA,mBAAAzB,kBAAA,CAAAU,GAAC,EAAAW,SAAA;QAGDC,IAAA;QAGAC,QAAA;MAGA,IAGF,mBAAAvB,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QAEJC,IAAA","ignoreList":[]}
|
package/dist/cjs/ButtonDemo.cjs
CHANGED
|
@@ -27,10 +27,10 @@ __export(ButtonDemo_exports, {
|
|
|
27
27
|
module.exports = __toCommonJS(ButtonDemo_exports);
|
|
28
28
|
var import_button = require("@hanzogui/button");
|
|
29
29
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
30
|
-
var
|
|
30
|
+
var import_hanzogui = require("hanzogui");
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
function ButtonDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
34
34
|
p: "$3",
|
|
35
35
|
gap: "$3",
|
|
36
36
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
@@ -40,7 +40,7 @@ function ButtonDemo() {
|
|
|
40
40
|
icon: import_lucide_icons_2.Airplay,
|
|
41
41
|
size: "$6",
|
|
42
42
|
children: "Large"
|
|
43
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
43
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
44
44
|
gap: "$2",
|
|
45
45
|
justify: "center",
|
|
46
46
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
@@ -52,10 +52,10 @@ function ButtonDemo() {
|
|
|
52
52
|
variant: "outlined",
|
|
53
53
|
children: "Outlined"
|
|
54
54
|
})]
|
|
55
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
55
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
56
56
|
gap: "$2",
|
|
57
57
|
justify: "center",
|
|
58
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
59
59
|
name: "accent",
|
|
60
60
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_button.Button, {
|
|
61
61
|
size: "$3",
|
|
@@ -70,8 +70,8 @@ function ButtonDemo() {
|
|
|
70
70
|
size: "$3",
|
|
71
71
|
children: "iconAfter"
|
|
72
72
|
})]
|
|
73
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
74
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
73
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XGroup, {
|
|
74
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
75
75
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
76
76
|
width: "50%",
|
|
77
77
|
size: "$2",
|
|
@@ -79,7 +79,7 @@ function ButtonDemo() {
|
|
|
79
79
|
opacity: 0.5,
|
|
80
80
|
children: "disabled"
|
|
81
81
|
})
|
|
82
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
82
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
83
83
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
84
84
|
width: "50%",
|
|
85
85
|
size: "$2",
|
|
@@ -30,9 +30,9 @@ module.exports = __toCommonJS(ButtonDemo_exports);
|
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_button = require("@hanzogui/button");
|
|
32
32
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
33
|
-
var
|
|
33
|
+
var import_hanzogui = require("hanzogui");
|
|
34
34
|
function ButtonDemo() {
|
|
35
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
35
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
36
36
|
p: "$3",
|
|
37
37
|
gap: "$3",
|
|
38
38
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
@@ -42,7 +42,7 @@ function ButtonDemo() {
|
|
|
42
42
|
icon: import_lucide_icons_2.Airplay,
|
|
43
43
|
size: "$6",
|
|
44
44
|
children: "Large"
|
|
45
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
45
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
46
46
|
gap: "$2",
|
|
47
47
|
justify: "center",
|
|
48
48
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
@@ -54,10 +54,10 @@ function ButtonDemo() {
|
|
|
54
54
|
variant: "outlined",
|
|
55
55
|
children: "Outlined"
|
|
56
56
|
})]
|
|
57
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
57
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
58
58
|
gap: "$2",
|
|
59
59
|
justify: "center",
|
|
60
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
61
61
|
name: "accent",
|
|
62
62
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_button.Button, {
|
|
63
63
|
size: "$3",
|
|
@@ -72,8 +72,8 @@ function ButtonDemo() {
|
|
|
72
72
|
size: "$3",
|
|
73
73
|
children: "iconAfter"
|
|
74
74
|
})]
|
|
75
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
76
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XGroup, {
|
|
76
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
77
77
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
78
78
|
width: "50%",
|
|
79
79
|
size: "$2",
|
|
@@ -81,7 +81,7 @@ function ButtonDemo() {
|
|
|
81
81
|
opacity: 0.5,
|
|
82
82
|
children: "disabled"
|
|
83
83
|
})
|
|
84
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
84
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XGroup.Item, {
|
|
85
85
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
86
86
|
width: "50%",
|
|
87
87
|
size: "$2",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ButtonDemo_exports","__export","ButtonDemo","module","exports","import_jsx_runtime","require","import_button","import_lucide_icons_2","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ButtonDemo_exports","__export","ButtonDemo","module","exports","import_jsx_runtime","require","import_button","import_lucide_icons_2","import_hanzogui","jsxs","YStack","p","gap","children","jsx","Button","self","icon","Airplay","size","XStack","justify"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,kBAAA;AACvB,IAAAK,kBAAA,GAAAC,OAAkC;AAClC,IAAAC,aAAA,GAAAD,OAA8C;AAKxC,IAAAE,qBAAA,GAAAF,OAAA;AAHC,IAAAG,eAAS,GAAaH,OAAA;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACK,IAAA,EAAAD,eAAA,CAAAE,MAAO;IACRC,CAAA;IAGAC,GAAA;IACEC,QAAA,GAGA,mBAAAT,kBAAA,CAAAU,GAAA,EAACR,aAAA,CAAAS,MAAA;MAGHF,QAAA;IACA,IACE,mBAAAT,kBAAA,CAAAU,GAAA,EAACR,aAAA,CAAAS,MAAA;MAEGC,IAAA;MAGAC,IAAA,EAAAV,qBAAA,CAAAW,OAAA;MAAoBC,IAExB;MACAN,QAAA;IAEA,CACF,GAEA,mBAAAT,kBAAA,CAAAK,IAAC,EAAAD,eAAA,CAAAY,MAAA,EACC;MAAAR,GAAA;MAMAS,OAAA;MAKFR,QAAA,GACF,mBAAAT,kBAAA,CAAAU,GAAA,EAAAR,aAAA,CAAAS,MAAA;QAEJI,IAAA","ignoreList":[]}
|
package/dist/cjs/CardDemo.cjs
CHANGED
|
@@ -26,12 +26,12 @@ __export(CardDemo_exports, {
|
|
|
26
26
|
DemoCard: () => DemoCard
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(CardDemo_exports);
|
|
29
|
-
var
|
|
29
|
+
var import_hanzogui = require("hanzogui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function CardDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
33
33
|
name: "surface1",
|
|
34
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
35
35
|
$maxMd: {
|
|
36
36
|
flexDirection: "column"
|
|
37
37
|
},
|
|
@@ -58,29 +58,29 @@ function CardDemo() {
|
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
60
|
function DemoCard(props) {
|
|
61
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
61
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card, {
|
|
62
62
|
size: "$4",
|
|
63
63
|
borderWidth: 1,
|
|
64
64
|
borderColor: "$borderColor",
|
|
65
65
|
...props,
|
|
66
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
66
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Header, {
|
|
67
67
|
p: "$4",
|
|
68
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
68
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
|
|
69
69
|
children: "Sony A7IV"
|
|
70
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
70
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
71
71
|
children: "Now available"
|
|
72
72
|
})]
|
|
73
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
73
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Footer, {
|
|
74
74
|
p: "$4",
|
|
75
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
76
76
|
flex: 1
|
|
77
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
78
78
|
rounded: "$10",
|
|
79
79
|
children: "Purchase"
|
|
80
80
|
})]
|
|
81
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
81
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Card.Background, {
|
|
82
82
|
items: "center",
|
|
83
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Image, {
|
|
84
84
|
objectFit: "contain",
|
|
85
85
|
width: 300,
|
|
86
86
|
height: 300,
|
|
@@ -29,11 +29,11 @@ __export(CardDemo_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(CardDemo_exports);
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
-
var
|
|
32
|
+
var import_hanzogui = require("hanzogui");
|
|
33
33
|
function CardDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
35
35
|
name: "surface1",
|
|
36
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
36
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
37
37
|
$maxMd: {
|
|
38
38
|
flexDirection: "column"
|
|
39
39
|
},
|
|
@@ -60,29 +60,29 @@ function CardDemo() {
|
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
62
|
function DemoCard(props) {
|
|
63
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
63
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card, {
|
|
64
64
|
size: "$4",
|
|
65
65
|
borderWidth: 1,
|
|
66
66
|
borderColor: "$borderColor",
|
|
67
67
|
...props,
|
|
68
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
68
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Header, {
|
|
69
69
|
p: "$4",
|
|
70
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
70
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
|
|
71
71
|
children: "Sony A7IV"
|
|
72
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
72
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
73
73
|
children: "Now available"
|
|
74
74
|
})]
|
|
75
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
75
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Card.Footer, {
|
|
76
76
|
p: "$4",
|
|
77
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
78
78
|
flex: 1
|
|
79
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
79
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
|
|
80
80
|
rounded: "$10",
|
|
81
81
|
children: "Purchase"
|
|
82
82
|
})]
|
|
83
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Card.Background, {
|
|
84
84
|
items: "center",
|
|
85
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
85
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Image, {
|
|
86
86
|
objectFit: "contain",
|
|
87
87
|
width: 300,
|
|
88
88
|
height: 300,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CardDemo_exports","__export","CardDemo","DemoCard","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CardDemo_exports","__export","CardDemo","DemoCard","module","exports","import_jsx_runtime","require","import_hanzogui","jsx","Theme","name","children","jsxs","XStack","$maxMd","flexDirection","px","gap","transition","size","width","height","scale","hoverStyle","pressStyle","props","Card","borderWidth","borderColor"],"sources":["../../src/CardDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAkE,CAAAK,gBAAA;AAK5D,IAAAM,kBAAA,GAAAC,OAAA;AAHC,IAAAC,eAAS,GAAWD,OAAA;AACzB,SACEL,SAAA;EAEI,0BAAAI,kBAAA,CAAAG,GAAA,EAAAD,eAAA,CAAAE,KAAA;IAAAC,IAAC;IAAAC,QAAA,qBAAAN,kBAAA,CAAAO,IAAA,EAAAL,eAAA,CAAAM,MAAA;MAAAC,MACC;QACAC,aAAK;MAAA;MACEC,EACP;MAAQC,GACR,MAAO;MAAAN,QACP,GACA,eAAc,IAAAN,kBAAa,CAAAG,GAAA,EAAAN,QAAA;QAAAgB,UAAA;QAC7BC,IAAA;QACAC,KAAA;QAEJC,MAAA;QAEJC,KAAA;QAEgBC,UAAS;UAErBD,KAAA;QACE;QACEE,UAAA;UACAF,KAAA;QACF;MACA,IACE,mBAAAjB,kBAAA,CAAAG,GAAC,EAAAN,QAAA;QACDiB,IAAA;QACFC,KAAA;QACAC,MAAA;MACG;IAAA;EACW;AACH;AACC,SACRnB,QAAKA,CAAAuB,KAAA;EAAA,0BAAApB,kBAAA,CAAAO,IAAA,EAAAL,eAAA,CAAAmB,IAAA;IACPP,IACF;IAAAQ,WACF;IAEJC,WAAA","ignoreList":[]}
|
|
@@ -27,12 +27,12 @@ __export(CheckboxDemo_exports, {
|
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(CheckboxDemo_exports);
|
|
29
29
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
30
|
-
var
|
|
30
|
+
var import_hanzogui = require("hanzogui");
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
function CheckboxDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
34
34
|
name: "surface2",
|
|
35
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
35
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
36
36
|
width: 300,
|
|
37
37
|
items: "center",
|
|
38
38
|
gap: "$2",
|
|
@@ -56,21 +56,21 @@ function CheckboxWithLabel({
|
|
|
56
56
|
...checkboxProps
|
|
57
57
|
}) {
|
|
58
58
|
const id = `checkbox-${(size || "").toString().slice(1)}`;
|
|
59
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
60
60
|
name: disabled ? "gray" : null,
|
|
61
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
61
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
62
62
|
width: 300,
|
|
63
63
|
items: "center",
|
|
64
64
|
gap: "$4",
|
|
65
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Checkbox, {
|
|
66
66
|
id,
|
|
67
67
|
size,
|
|
68
68
|
disabled,
|
|
69
69
|
...checkboxProps,
|
|
70
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
70
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Checkbox.Indicator, {
|
|
71
71
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})
|
|
72
72
|
})
|
|
73
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
73
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
74
74
|
size,
|
|
75
75
|
htmlFor: id,
|
|
76
76
|
opacity: disabled ? 0.5 : 1,
|
|
@@ -30,11 +30,11 @@ __export(CheckboxDemo_exports, {
|
|
|
30
30
|
module.exports = __toCommonJS(CheckboxDemo_exports);
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
33
|
-
var
|
|
33
|
+
var import_hanzogui = require("hanzogui");
|
|
34
34
|
function CheckboxDemo() {
|
|
35
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
35
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
36
36
|
name: "surface2",
|
|
37
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
37
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
38
38
|
width: 300,
|
|
39
39
|
items: "center",
|
|
40
40
|
gap: "$2",
|
|
@@ -59,21 +59,21 @@ function CheckboxWithLabel(param) {
|
|
|
59
59
|
...checkboxProps
|
|
60
60
|
} = param;
|
|
61
61
|
var id = `checkbox-${(size || "").toString().slice(1)}`;
|
|
62
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Theme, {
|
|
63
63
|
name: disabled ? "gray" : null,
|
|
64
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
64
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
65
65
|
width: 300,
|
|
66
66
|
items: "center",
|
|
67
67
|
gap: "$4",
|
|
68
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
68
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Checkbox, {
|
|
69
69
|
id,
|
|
70
70
|
size,
|
|
71
71
|
disabled,
|
|
72
72
|
...checkboxProps,
|
|
73
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
73
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Checkbox.Indicator, {
|
|
74
74
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})
|
|
75
75
|
})
|
|
76
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
76
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
77
77
|
size,
|
|
78
78
|
htmlFor: id,
|
|
79
79
|
opacity: disabled ? 0.5 : 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxDemo_exports","__export","CheckboxDemo","CheckboxWithLabel","module","exports","import_jsx_runtime","require","import_lucide_icons_2","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxDemo_exports","__export","CheckboxDemo","CheckboxWithLabel","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_hanzogui","jsx","Theme","name","children","jsxs","YStack","width","items","gap","size","defaultChecked","disabled"],"sources":["../../src/CheckboxDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAmC,CAAAK,oBAAA;AAEnC,IAAAM,kBAAuD,GAAAC,OAAA;AAKjD,IAAAC,qBAAA,GAAAD,OAAA;AAHC,IAAAE,eAAS,GAAAF,OAAe;AAC7B,SACEL,aAAA;EAEI,0BAAAI,kBAAA,CAACI,GAAA,EAAAD,eAAA,CAAkBE,KAAA,EAAK;IACxBC,IAAA;IACAC,QAAA,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,eAAkB,CAAKM,MAAK;MAC/BC,KACF;MAEJC,KAAA;MAEOC,GAAS;MACdL,QAAA,GACA,eAAQ,IAAAP,kBAAA,CAAAI,GAAA,EAAAP,iBAAA;QACRgB,IAAA;MACG,IACkC,mBAAAb,kBAAA,CAAAI,GAAA,EAAAP,iBAAA;QAC/BgB,IAAK;QAETC,cAAA;MAEI,IAMA,mBAAAd,kBAAA,CAAAI,GAAC,EAAAP,iBAAA;QAILgB,IAAA;QAEJE,QAAA","ignoreList":[]}
|
|
@@ -40,20 +40,20 @@ var import_react = __toESM(require("react"), 1);
|
|
|
40
40
|
var import_checkbox_headless = require("@hanzogui/checkbox-headless");
|
|
41
41
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
42
42
|
var import_react_native = require("react-native-web");
|
|
43
|
-
var
|
|
43
|
+
var import_hanzogui = require("hanzogui");
|
|
44
44
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
45
45
|
function CheckboxHeadlessDemo() {
|
|
46
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
46
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
47
47
|
width: 200,
|
|
48
48
|
items: "center",
|
|
49
49
|
gap: "$3",
|
|
50
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
50
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
51
51
|
gap: "$3",
|
|
52
52
|
items: "center",
|
|
53
53
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessCheckbox, {
|
|
54
54
|
defaultChecked: "indeterminate",
|
|
55
55
|
id: "headless"
|
|
56
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
57
57
|
htmlFor: "headless",
|
|
58
58
|
children: "Headless"
|
|
59
59
|
})]
|
|
@@ -43,19 +43,19 @@ var import_react = __toESM(require("react"), 1);
|
|
|
43
43
|
var import_checkbox_headless = require("@hanzogui/checkbox-headless");
|
|
44
44
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
45
45
|
var import_react_native = require("react-native");
|
|
46
|
-
var
|
|
46
|
+
var import_hanzogui = require("hanzogui");
|
|
47
47
|
function CheckboxHeadlessDemo() {
|
|
48
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
48
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
49
49
|
width: 200,
|
|
50
50
|
items: "center",
|
|
51
51
|
gap: "$3",
|
|
52
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
52
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
53
53
|
gap: "$3",
|
|
54
54
|
items: "center",
|
|
55
55
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessCheckbox, {
|
|
56
56
|
defaultChecked: "indeterminate",
|
|
57
57
|
id: "headless"
|
|
58
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
59
59
|
htmlFor: "headless",
|
|
60
60
|
children: "Headless"
|
|
61
61
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxHeadlessDemo_exports","__export","CheckboxHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_checkbox_headless","import_lucide_icons_2","import_react_native","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxHeadlessDemo_exports","__export","CheckboxHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_checkbox_headless","import_lucide_icons_2","import_react_native","import_hanzogui","jsx","YStack","width","items","gap","children","jsxs","XStack","HeadlessCheckbox","defaultChecked","id","Label","htmlFor","default","forwardRef","props","ref","checked","setChecked","useState","checkboxProps","checkboxRef","bubbleInput","useCheckbox","Pressable","style","height","borderRadius","justifyContent"],"sources":["../../src/CheckboxHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,4BAAA;AAElB,IAAAK,kBAAA,GAAAC,OAA4B;AAC5B,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAA6B;AAG7B,IAAAG,wBAA0B,GAAAH,OAAA;AAC1B,IAAAI,qBAAsC,GAAAJ,OAAA;AAKhC,IAAAK,mBAAA,GAAAL,OAAA;AAHC,IAAAM,eAAS,GAAAN,OAAA,WAAuB;AACrC,SACEJ,qBAAA;EAEI,0BAAAG,kBAAA,CAACQ,GAAA,EAAAD,eAAiB,CAAAE,MAAA;IAClBC,KAAA;IAAkCC,KAEtC;IAEJC,GAAA;IAEAC,QAAM,iBAAmB,IAAAb,kBAAM,CAAAc,IAAwC,EAACP,eAAe,CAAAQ,MAAA;MACrFH,GAAO;MACPD,KAAQ;MACNE,QAAA,GACC,eAAmB,IAAAb,kBAAA,CAAAQ,GAAA,EAAAQ,gBAAA;QACpBC,cAAA;QACFC,EAAA;MAEA,CACE,GAAC,mBAAAlB,kBAAA,CAAAQ,GAAA,EAAAD,eAAA,CAAAY,KAAA;QAAAC,OAAA;QACCP,QAAO;MACL;IACQ;EACM;AACE;AACJ,IAAAG,gBACZ,kBAA6Bd,YAAO,CAAAmB,OAAc,CAAAC,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,IACpD,CAAAC,OAAA,EAAAC,UAAA,IAAAxB,YAAA,CAAAmB,OAAA,CAAAM,QAAA,CAAAJ,KAAA,CAAAN,cAAA;EAAA,IACA;IAAAW,aAAK;IAAAC,WAAA;IAAAC;EAAA,QAAA1B,wBAAA,CAAA2B,WAAA,EAAAR,KAAA,GAAAE,OACD,EAAAC,UAEH,GAAAF,GAAA;EAA6D,OAC7D,eAAY,IAAQxB,kBAAA,CAAAc,IAAA,EAAAR,mBAAC,CAAA0B,SAAA;IAA6BC,KAClD;MAAAvB,KAAA;MAAAwB,MAAA;MACHC,YAAA;MAEHC,cAAA","ignoreList":[]}
|
|
@@ -29,7 +29,7 @@ module.exports = __toCommonJS(CheckboxUnstyledDemo_exports);
|
|
|
29
29
|
var import_checkbox = require("@hanzogui/checkbox");
|
|
30
30
|
var import_core = require("@hanzogui/core");
|
|
31
31
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
|
-
var
|
|
32
|
+
var import_hanzogui = require("hanzogui");
|
|
33
33
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
34
|
const Frame = (0, import_core.styled)(import_core.View, {
|
|
35
35
|
borderWidth: 1,
|
|
@@ -58,11 +58,11 @@ const Checkbox = (0, import_checkbox.createCheckbox)({
|
|
|
58
58
|
Indicator
|
|
59
59
|
});
|
|
60
60
|
function CheckboxUnstyledDemo() {
|
|
61
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
62
62
|
width: 200,
|
|
63
63
|
items: "center",
|
|
64
64
|
gap: "$3",
|
|
65
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
65
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
66
66
|
gap: "$3",
|
|
67
67
|
items: "center",
|
|
68
68
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox, {
|
|
@@ -71,7 +71,7 @@ function CheckboxUnstyledDemo() {
|
|
|
71
71
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox.Indicator, {
|
|
72
72
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})
|
|
73
73
|
})
|
|
74
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
74
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
75
75
|
htmlFor: "unstyled",
|
|
76
76
|
children: "Unstyled"
|
|
77
77
|
})]
|
|
@@ -32,7 +32,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
32
32
|
var import_checkbox = require("@hanzogui/checkbox");
|
|
33
33
|
var import_core = require("@hanzogui/core");
|
|
34
34
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
35
|
-
var
|
|
35
|
+
var import_hanzogui = require("hanzogui");
|
|
36
36
|
var Frame = (0, import_core.styled)(import_core.View, {
|
|
37
37
|
borderWidth: 1,
|
|
38
38
|
borderColor: "$borderColor",
|
|
@@ -60,11 +60,11 @@ var Checkbox = (0, import_checkbox.createCheckbox)({
|
|
|
60
60
|
Indicator
|
|
61
61
|
});
|
|
62
62
|
function CheckboxUnstyledDemo() {
|
|
63
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
63
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
64
64
|
width: 200,
|
|
65
65
|
items: "center",
|
|
66
66
|
gap: "$3",
|
|
67
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
67
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
68
68
|
gap: "$3",
|
|
69
69
|
items: "center",
|
|
70
70
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox, {
|
|
@@ -73,7 +73,7 @@ function CheckboxUnstyledDemo() {
|
|
|
73
73
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox.Indicator, {
|
|
74
74
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})
|
|
75
75
|
})
|
|
76
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
76
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Label, {
|
|
77
77
|
htmlFor: "unstyled",
|
|
78
78
|
children: "Unstyled"
|
|
79
79
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxUnstyledDemo_exports","__export","Checkbox","CheckboxUnstyledDemo","module","exports","import_jsx_runtime","require","import_checkbox","import_core","import_lucide_icons_2","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxUnstyledDemo_exports","__export","Checkbox","CheckboxUnstyledDemo","module","exports","import_jsx_runtime","require","import_checkbox","import_core","import_lucide_icons_2","import_hanzogui","Frame","styled","View","borderWidth","borderColor","rounded","items","justify","variants","checked","indeterminate","true","backgroundColor","false","defaultVariants","Indicator","createCheckbox","jsx","YStack","width","gap"],"sources":["../../src/CheckboxUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA+B,CAAAK,4BAAA;AAC/B,IAAAM,kBAA6B,GAAAC,OAAA;AAC7B,IAAAC,eAAA,GAAAD,OAAsB;AACtB,IAAAE,WAAA,GAAAF,OAAsC;AAmChC,IAAAG,qBAAA,GAAAH,OAAA;AAjCN,IAAAI,eAAc,GAAAJ,OAAA,WAAO;AAAM,IACzBK,KAAA,OAAaH,WAAA,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAA;EACbC,WAAA,EAAa;EACbC,WAAS;EACTC,OAAO;EACPC,KAAA,UAAS;EACTC,OAAA,UAAU;EAAAC,QACR;IAASC,OACP;MACAC,aAAM;MAAAC,IACJ;QACFC,eAAA;MACA;MAAOC,KACL;QACFD,eAAA;MACF;IACF;EAEA;EAAiBE,eACN;IACXL,OAAA;EACD;AAED;AAEO,IAAAM,SAAM,OAAAlB,WAAW,CAAAI,MAAA,EAAAJ,WAAA,CAAAK,IAAe;AAAA,IACrCZ,QAAA,OAAAM,eAAA,CAAAoB,cAAA;EACAhB,KAAA;EACDe;AAEM;AACL,SACExB,qBAAA;EAEI,0BAAAG,kBAAA,CAACuB,GAAA,EAAAlB,eAAS,CAAAmB,MAAA,EAAc;IAKxBC,KAAA;IAAkCb,KAEtC;IAEJc,GAAA","ignoreList":[]}
|
package/dist/cjs/ColorsDemo.cjs
CHANGED
|
@@ -26,7 +26,7 @@ __export(ColorsDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ColorsDemo_exports);
|
|
28
28
|
var import_colors = require("@hanzogui/colors");
|
|
29
|
-
var
|
|
29
|
+
var import_hanzogui = require("hanzogui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
const colorGroups = ["gray", "blue", "green", "yellow", "red"];
|
|
32
32
|
const lightColors = {
|
|
@@ -44,13 +44,13 @@ const darkColors = {
|
|
|
44
44
|
red: import_colors.redDark
|
|
45
45
|
};
|
|
46
46
|
function ColorsDemo() {
|
|
47
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
47
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
48
48
|
mt: "$4",
|
|
49
49
|
gap: "$8",
|
|
50
50
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorsRow, {
|
|
51
51
|
title: "Light",
|
|
52
52
|
colorSets: lightColors
|
|
53
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ColorsRow, {
|
|
54
54
|
title: "Dark",
|
|
55
55
|
colorSets: darkColors
|
|
56
56
|
})]
|
|
@@ -60,18 +60,18 @@ function ColorsRow({
|
|
|
60
60
|
title,
|
|
61
61
|
colorSets
|
|
62
62
|
}) {
|
|
63
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
63
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
64
64
|
gap: "$4",
|
|
65
65
|
$sm: {
|
|
66
66
|
gap: "$2"
|
|
67
67
|
},
|
|
68
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
68
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.H2, {
|
|
69
69
|
size: "$2",
|
|
70
70
|
children: title
|
|
71
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
71
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
|
|
72
72
|
gap: "$4",
|
|
73
73
|
self: "center",
|
|
74
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
74
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
|
|
75
75
|
gap: "$4",
|
|
76
76
|
$sm: {
|
|
77
77
|
gap: "$2"
|
|
@@ -80,10 +80,10 @@ function ColorsRow({
|
|
|
80
80
|
children: [colorGroups.map(groupName => {
|
|
81
81
|
const colorSet = colorSets[groupName];
|
|
82
82
|
const colors = Object.values(colorSet);
|
|
83
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
84
84
|
gap: "$2",
|
|
85
85
|
children: colors.map((color, index) => {
|
|
86
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
86
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Square, {
|
|
87
87
|
rounded: "$2",
|
|
88
88
|
size: "$4",
|
|
89
89
|
height: "$4",
|
|
@@ -99,11 +99,11 @@ function ColorsRow({
|
|
|
99
99
|
}, `${groupName}${index}`);
|
|
100
100
|
})
|
|
101
101
|
}, groupName);
|
|
102
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
102
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
|
|
103
103
|
gap: "$2",
|
|
104
104
|
self: "center",
|
|
105
105
|
children: new Array(13).fill(0).slice(1).map((_, index) => {
|
|
106
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
106
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
107
107
|
color: "$color10",
|
|
108
108
|
text: "center",
|
|
109
109
|
width: "$4",
|
|
@@ -117,10 +117,10 @@ function ColorsRow({
|
|
|
117
117
|
}, index);
|
|
118
118
|
})
|
|
119
119
|
})]
|
|
120
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
120
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
|
|
121
121
|
gap: "$4",
|
|
122
122
|
mt: "$2",
|
|
123
|
-
children: colorGroups.map(name => /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
123
|
+
children: colorGroups.map(name => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
|
|
124
124
|
theme: name,
|
|
125
125
|
color: "$color10",
|
|
126
126
|
height: "$4",
|