@hanzogui/demos 8.0.0 → 8.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AccordionDemo.cjs +16 -16
- package/dist/cjs/AccordionDemo.native.js +16 -16
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +6 -6
- package/dist/cjs/AddThemeDemo.native.js +6 -6
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +15 -15
- package/dist/cjs/AlertDialogDemo.native.js +15 -15
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +6 -6
- package/dist/cjs/AnimationsDemo.native.js +6 -6
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +8 -8
- package/dist/cjs/AvatarDemo.native.js +8 -8
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BrandTokensDemo.cjs +137 -0
- package/dist/cjs/BrandTokensDemo.native.js +145 -0
- package/dist/cjs/BrandTokensDemo.native.js.map +1 -0
- package/dist/cjs/BuildAButtonDemo.cjs +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +8 -8
- package/dist/cjs/ButtonDemo.native.js +8 -8
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +12 -12
- package/dist/cjs/CardDemo.native.js +12 -12
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +8 -8
- package/dist/cjs/CheckboxDemo.native.js +8 -8
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +13 -13
- package/dist/cjs/ColorsDemo.native.js +13 -13
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +5 -5
- package/dist/cjs/ContextMenuDemo.native.js +5 -5
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +40 -40
- package/dist/cjs/DialogDemo.native.js +40 -40
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +8 -8
- package/dist/cjs/FormsDemo.native.js +8 -8
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +21 -21
- package/dist/cjs/GroupDemo.native.js +21 -21
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +8 -8
- package/dist/cjs/HeadingsDemo.native.js +8 -8
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +6 -6
- package/dist/cjs/InputsDemo.native.js +6 -6
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +9 -9
- package/dist/cjs/LabelDemo.native.js +9 -9
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +2 -2
- package/dist/cjs/LinearGradientDemo.native.js +2 -2
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +18 -18
- package/dist/cjs/ListItemDemo.native.js +18 -18
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +7 -7
- package/dist/cjs/LucideIconsDemo.native.js +7 -7
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +2 -2
- package/dist/cjs/MenuDemo.native.js +2 -2
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +4 -4
- package/dist/cjs/NewInputsDemo.native.js +4 -4
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +19 -19
- package/dist/cjs/PopoverDemo.native.js +19 -19
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +8 -8
- package/dist/cjs/ProgressDemo.native.js +8 -8
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +8 -8
- package/dist/cjs/RadioGroupDemo.native.js +8 -8
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +11 -11
- package/dist/cjs/ScrollViewDemo.native.js +11 -11
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +30 -30
- package/dist/cjs/SelectDemo.native.js +30 -30
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +11 -11
- package/dist/cjs/SeparatorDemo.native.js +11 -11
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +4 -4
- package/dist/cjs/ShapesDemo.native.js +4 -4
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +16 -16
- package/dist/cjs/SheetDemo.native.js +16 -16
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +6 -6
- package/dist/cjs/SliderDemo.native.js +6 -6
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +4 -4
- package/dist/cjs/SpinnerDemo.native.js +4 -4
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +14 -14
- package/dist/cjs/StacksDemo.native.js +14 -14
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +10 -10
- package/dist/cjs/SwitchDemo.native.js +10 -10
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +33 -33
- package/dist/cjs/TabsAdvancedDemo.native.js +33 -33
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +31 -31
- package/dist/cjs/TabsDemo.native.js +31 -31
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +8 -8
- package/dist/cjs/TextDemo.native.js +8 -8
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +18 -18
- package/dist/cjs/ToastDemo.native.js +18 -18
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +6 -6
- package/dist/cjs/ToastDuplicateDemo.native.js +6 -6
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +13 -13
- package/dist/cjs/ToastV1Demo.native.js +13 -13
- package/dist/cjs/ToastV1Demo.native.js.map +1 -1
- package/dist/cjs/ToggleGroupDemo.cjs +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +14 -14
- package/dist/cjs/TokensDemo.native.js +14 -14
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +13 -13
- package/dist/cjs/TooltipDemo.native.js +13 -13
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/hanzogui.config.cjs +2 -2
- package/dist/cjs/hanzogui.config.native.js +2 -2
- package/dist/cjs/hanzogui.config.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +4 -4
- package/dist/cjs/useOnIntersecting.native.js +4 -4
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +1 -1
- package/dist/esm/AccordionDemo.native.js +1 -1
- package/dist/esm/AddThemeDemo.mjs +1 -1
- package/dist/esm/AddThemeDemo.native.js +1 -1
- package/dist/esm/AlertDialogDemo.mjs +1 -1
- package/dist/esm/AlertDialogDemo.native.js +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +1 -1
- package/dist/esm/AnimationsDemo.mjs +1 -1
- package/dist/esm/AnimationsDemo.native.js +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +1 -1
- package/dist/esm/AvatarDemo.mjs +1 -1
- package/dist/esm/AvatarDemo.native.js +1 -1
- package/dist/esm/BoxShadowTokenDemo.mjs +1 -1
- package/dist/esm/BoxShadowTokenDemo.native.js +1 -1
- package/dist/esm/BrandTokensDemo.mjs +112 -0
- package/dist/esm/BrandTokensDemo.mjs.map +1 -0
- package/dist/esm/BrandTokensDemo.native.js +117 -0
- package/dist/esm/BrandTokensDemo.native.js.map +1 -0
- package/dist/esm/BuildAButtonDemo.mjs +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +1 -1
- package/dist/esm/ButtonDemo.mjs +1 -1
- package/dist/esm/ButtonDemo.native.js +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CheckboxDemo.mjs +1 -1
- package/dist/esm/CheckboxDemo.native.js +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +1 -1
- package/dist/esm/ColorsDemo.mjs +1 -1
- package/dist/esm/ColorsDemo.native.js +1 -1
- package/dist/esm/ContextMenuDemo.mjs +1 -1
- package/dist/esm/ContextMenuDemo.native.js +1 -1
- package/dist/esm/DialogDemo.mjs +1 -1
- package/dist/esm/DialogDemo.native.js +1 -1
- package/dist/esm/FormsDemo.mjs +1 -1
- package/dist/esm/FormsDemo.native.js +1 -1
- package/dist/esm/GroupDemo.mjs +1 -1
- package/dist/esm/GroupDemo.native.js +1 -1
- package/dist/esm/HeadingsDemo.mjs +1 -1
- package/dist/esm/HeadingsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.mjs +1 -1
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/LabelDemo.mjs +1 -1
- package/dist/esm/LabelDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.mjs +1 -1
- package/dist/esm/LinearGradientDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +1 -1
- package/dist/esm/ListItemDemo.native.js +1 -1
- package/dist/esm/LucideIconsDemo.mjs +1 -1
- package/dist/esm/LucideIconsDemo.native.js +1 -1
- package/dist/esm/MenuDemo.mjs +1 -1
- package/dist/esm/MenuDemo.native.js +1 -1
- package/dist/esm/NewInputsDemo.mjs +1 -1
- package/dist/esm/NewInputsDemo.native.js +1 -1
- package/dist/esm/PopoverDemo.mjs +1 -1
- package/dist/esm/PopoverDemo.native.js +1 -1
- package/dist/esm/ProgressDemo.mjs +1 -1
- package/dist/esm/ProgressDemo.native.js +1 -1
- package/dist/esm/RadioGroupDemo.mjs +1 -1
- package/dist/esm/RadioGroupDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +1 -1
- package/dist/esm/ScrollViewDemo.mjs +1 -1
- package/dist/esm/ScrollViewDemo.native.js +1 -1
- package/dist/esm/SelectDemo.mjs +2 -2
- package/dist/esm/SelectDemo.native.js +2 -2
- package/dist/esm/SeparatorDemo.mjs +1 -1
- package/dist/esm/SeparatorDemo.native.js +1 -1
- package/dist/esm/ShapesDemo.mjs +1 -1
- package/dist/esm/ShapesDemo.native.js +1 -1
- package/dist/esm/SheetDemo.mjs +1 -1
- package/dist/esm/SheetDemo.native.js +1 -1
- package/dist/esm/SliderDemo.mjs +1 -1
- package/dist/esm/SliderDemo.native.js +1 -1
- package/dist/esm/SpinnerDemo.mjs +1 -1
- package/dist/esm/SpinnerDemo.native.js +1 -1
- package/dist/esm/StacksDemo.mjs +1 -1
- package/dist/esm/StacksDemo.native.js +1 -1
- package/dist/esm/SwitchDemo.mjs +1 -1
- package/dist/esm/SwitchDemo.native.js +1 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +1 -1
- package/dist/esm/TabsDemo.mjs +1 -1
- package/dist/esm/TabsDemo.native.js +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +1 -1
- package/dist/esm/TextDemo.mjs +1 -1
- package/dist/esm/TextDemo.native.js +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ThemeInverseDemo.mjs +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +2 -2
- package/dist/esm/ToastDemo.native.js +2 -2
- package/dist/esm/ToastDuplicateDemo.mjs +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +1 -1
- package/dist/esm/ToastV1Demo.mjs +1 -1
- package/dist/esm/ToastV1Demo.native.js +1 -1
- package/dist/esm/ToggleGroupDemo.mjs +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +1 -1
- package/dist/esm/TokensDemo.mjs +1 -1
- package/dist/esm/TokensDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.mjs +1 -1
- package/dist/esm/TooltipDemo.native.js +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +1 -1
- package/dist/esm/hanzogui.config.mjs +1 -1
- package/dist/esm/hanzogui.config.native.js +1 -1
- package/dist/esm/useOnIntersecting.mjs +1 -1
- package/dist/esm/useOnIntersecting.native.js +1 -1
- package/package.json +4 -4
- package/src/AccordionDemo.tsx +1 -1
- package/src/AddThemeDemo.tsx +1 -1
- package/src/AlertDialogDemo.tsx +1 -1
- package/src/AnimationsDelayDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsHoverDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -1
- package/src/AvatarDemo.tsx +1 -1
- package/src/BoxShadowTokenDemo.tsx +1 -1
- package/src/BrandTokensDemo.tsx +105 -0
- package/src/BuildAButtonDemo.tsx +2 -2
- package/src/ButtonDemo.tsx +1 -1
- package/src/CardDemo.tsx +2 -2
- package/src/CheckboxDemo.tsx +2 -2
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ColorsDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +1 -1
- package/src/DialogDemo.tsx +1 -1
- package/src/FormsDemo.tsx +2 -2
- package/src/GroupDemo.tsx +1 -1
- package/src/HeadingsDemo.tsx +1 -1
- package/src/InputsDemo.tsx +2 -2
- package/src/LabelDemo.tsx +1 -1
- package/src/LinearGradientDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +1 -1
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +1 -1
- package/src/NewInputsDemo.tsx +2 -2
- package/src/PopoverDemo.tsx +2 -2
- package/src/ProgressDemo.tsx +1 -1
- package/src/RadioGroupDemo.tsx +2 -2
- package/src/RadioGroupHeadlessDemo.tsx +1 -1
- package/src/RadioGroupUnstyledDemo.tsx +1 -1
- package/src/ReplaceThemeDemo.tsx +1 -1
- package/src/ScrollViewDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -3
- package/src/SeparatorDemo.tsx +1 -1
- package/src/ShapesDemo.tsx +1 -1
- package/src/SheetDemo.tsx +1 -1
- package/src/SliderDemo.tsx +2 -2
- package/src/SpinnerDemo.tsx +1 -1
- package/src/StacksDemo.tsx +1 -1
- package/src/SwitchDemo.tsx +2 -2
- package/src/SwitchHeadlessDemo.tsx +1 -1
- package/src/SwitchUnstyledDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +2 -2
- package/src/TabsDemo.tsx +2 -2
- package/src/TabsHeadlessDemo.tsx +1 -1
- package/src/TextDemo.tsx +1 -1
- package/src/ThemeBuilderDemo.tsx +2 -2
- package/src/ThemeInverseDemo.tsx +1 -1
- package/src/ToastDemo.tsx +2 -2
- package/src/ToastDuplicateDemo.tsx +1 -1
- package/src/ToastV1Demo.tsx +1 -1
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TokensDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -2
- package/src/UpdateThemeDemo.tsx +1 -1
- package/src/hanzogui.config.ts +1 -1
- package/src/useOnIntersecting.tsx +1 -1
|
@@ -29,31 +29,31 @@ __export(GroupDemo_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(GroupDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
|
-
var
|
|
32
|
+
var import_gui = require("@hanzo/gui");
|
|
33
33
|
function GroupDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
35
35
|
p: "$3",
|
|
36
36
|
gap: "$2",
|
|
37
37
|
items: "center",
|
|
38
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
38
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Group, {
|
|
39
39
|
orientation: "horizontal",
|
|
40
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
41
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Group.Item, {
|
|
41
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
42
42
|
children: "First"
|
|
43
43
|
})
|
|
44
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
45
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Group.Item, {
|
|
45
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
46
46
|
children: "Second"
|
|
47
47
|
})
|
|
48
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
49
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
48
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Group.Item, {
|
|
49
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
50
50
|
children: "Third"
|
|
51
51
|
})
|
|
52
52
|
})]
|
|
53
53
|
}), /* responsive size - children control their own size/radius */
|
|
54
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
55
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XGroup, {
|
|
55
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
|
|
56
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
57
57
|
size: "$3",
|
|
58
58
|
$gtSm: {
|
|
59
59
|
size: "$5"
|
|
@@ -61,8 +61,8 @@ function GroupDemo() {
|
|
|
61
61
|
icon: import_lucide_icons_2.Activity,
|
|
62
62
|
children: "First"
|
|
63
63
|
})
|
|
64
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
64
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {
|
|
65
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
66
66
|
size: "$3",
|
|
67
67
|
$gtSm: {
|
|
68
68
|
size: "$5"
|
|
@@ -72,22 +72,22 @@ function GroupDemo() {
|
|
|
72
72
|
})
|
|
73
73
|
})]
|
|
74
74
|
}), /* with separators - add them between items */
|
|
75
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
76
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
|
|
76
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
77
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
78
78
|
borderRadius: "$6",
|
|
79
79
|
theme: "surface1",
|
|
80
80
|
title: "First"
|
|
81
81
|
})
|
|
82
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
82
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
83
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
84
84
|
borderRadius: "$6",
|
|
85
85
|
theme: "surface1",
|
|
86
86
|
title: "Second",
|
|
87
87
|
subTitle: "Second subtitle"
|
|
88
88
|
})
|
|
89
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
90
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
89
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
90
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
91
91
|
borderRadius: "$6",
|
|
92
92
|
theme: "surface1",
|
|
93
93
|
children: "Third"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GroupDemo_exports","__export","GroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","GroupDemo_exports","__export","GroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsxs","YStack","p","gap","items","children","Group","orientation","jsx","Item","Button"],"sources":["../../src/GroupDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkC,CAAAK,iBAAA;AAClC,IAAAK,kBAA2E,GAAAC,OAAA;AAKrE,IAAAC,qBAAA,GAAAD,OAAA;AAHC,IAAAE,UAAS,GAAAF,OAAY;AAC1B,SACEJ,UAAA;EACE,0BAAAG,kBAAA,CAAAI,IAAC,EAAAD,UAAA,CAAAE,MAAM;IACLC,CAAA;IAEAC,GACA;IAEAC,KACA;IAEAC,QACF,GAGA,mBAAAT,kBAAA,CAAAI,IAAC,EAAAD,UAAA,CAAAO,KAAA;MACCC,WAAA;MAKAF,QAAA,GAKF,mBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAO,KAAA,CAAAG,IAAA;QAGAJ,QAAA,qBAAAT,kBAAC,CAAAY,GAAA,EAAAT,UACC,CAAAW,MAAA;UAAAL,QAAA;QAGA;MACA,IACG,mBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAO,KAAA,CAAAG,IAAA;QAAAJ,QAAA,qBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAW,MAAA;UACCL,QAAA,EAAa;QACb;MACA,IACA,eAAS,IAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAO,KAAA,CAAAG,IAAA;QAAAJ,QAAA,qBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAW,MAAA;UAEbL,QAAA;QACA;MACA;IAMJ,IAEJ","ignoreList":[]}
|
|
@@ -25,22 +25,22 @@ __export(HeadingsDemo_exports, {
|
|
|
25
25
|
HeadingsDemo: () => HeadingsDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(HeadingsDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function HeadingsDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
32
32
|
self: "center",
|
|
33
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
33
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H1, {
|
|
34
34
|
children: "Heading 1"
|
|
35
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
35
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
|
|
36
36
|
children: "Heading 2"
|
|
37
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
37
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H3, {
|
|
38
38
|
children: "Heading 3"
|
|
39
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
39
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H4, {
|
|
40
40
|
children: "Heading 4"
|
|
41
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
41
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
42
42
|
children: "Heading 5"
|
|
43
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
43
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H6, {
|
|
44
44
|
children: "Heading 6"
|
|
45
45
|
})]
|
|
46
46
|
});
|
|
@@ -28,21 +28,21 @@ __export(HeadingsDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(HeadingsDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
function HeadingsDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
34
34
|
self: "center",
|
|
35
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
35
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H1, {
|
|
36
36
|
children: "Heading 1"
|
|
37
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
37
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H2, {
|
|
38
38
|
children: "Heading 2"
|
|
39
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
39
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H3, {
|
|
40
40
|
children: "Heading 3"
|
|
41
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
41
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H4, {
|
|
42
42
|
children: "Heading 4"
|
|
43
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
43
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
44
44
|
children: "Heading 5"
|
|
45
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
45
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H6, {
|
|
46
46
|
children: "Heading 6"
|
|
47
47
|
})]
|
|
48
48
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HeadingsDemo_exports","__export","HeadingsDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HeadingsDemo_exports","__export","HeadingsDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","YStack","self","children","jsx","H1","H2"],"sources":["../../src/HeadingsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAA+CT,YAAA,CAAAK,oBAAA;AAI3C,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,UAAS,GAAAD,OAAe;AAC7B,SACEJ,aAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAA,CAAGE,MAAA;IACJC,IAAA;IACAC,QAAA,GACA,mBAAAN,kBAAA,CAAAO,GAAC,EAAAL,UAAA,CAAAM,EAAA,EAAG;MACJF,QAAA;IACA,IACF,mBAAAN,kBAAA,CAAAO,GAAA,EAAAL,UAAA,CAAAO,EAAA;MAEJH,QAAA","ignoreList":[]}
|
package/dist/cjs/InputsDemo.cjs
CHANGED
|
@@ -25,10 +25,10 @@ __export(InputsDemo_exports, {
|
|
|
25
25
|
InputsDemo: () => InputsDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(InputsDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function InputsDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
32
32
|
width: 200,
|
|
33
33
|
minH: 250,
|
|
34
34
|
overflow: "hidden",
|
|
@@ -41,22 +41,22 @@ function InputsDemo() {
|
|
|
41
41
|
size: "$3"
|
|
42
42
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
|
|
43
43
|
size: "$4"
|
|
44
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.TextArea, {
|
|
45
45
|
theme: "surface1",
|
|
46
46
|
placeholder: "Enter your details..."
|
|
47
47
|
})]
|
|
48
48
|
});
|
|
49
49
|
}
|
|
50
50
|
function InputDemo(props) {
|
|
51
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
51
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
52
52
|
items: "center",
|
|
53
53
|
gap: "$2",
|
|
54
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
|
|
55
55
|
theme: "surface1",
|
|
56
56
|
flex: 1,
|
|
57
57
|
size: props.size,
|
|
58
58
|
placeholder: `Size ${props.size}...`
|
|
59
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
59
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
60
60
|
size: props.size,
|
|
61
61
|
children: "Go"
|
|
62
62
|
})]
|
|
@@ -28,9 +28,9 @@ __export(InputsDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(InputsDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
function InputsDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
34
34
|
width: 200,
|
|
35
35
|
minH: 250,
|
|
36
36
|
overflow: "hidden",
|
|
@@ -43,22 +43,22 @@ function InputsDemo() {
|
|
|
43
43
|
size: "$3"
|
|
44
44
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
|
|
45
45
|
size: "$4"
|
|
46
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
46
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.TextArea, {
|
|
47
47
|
theme: "surface1",
|
|
48
48
|
placeholder: "Enter your details..."
|
|
49
49
|
})]
|
|
50
50
|
});
|
|
51
51
|
}
|
|
52
52
|
function InputDemo(props) {
|
|
53
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
53
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
54
54
|
items: "center",
|
|
55
55
|
gap: "$2",
|
|
56
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
|
|
57
57
|
theme: "surface1",
|
|
58
58
|
flex: 1,
|
|
59
59
|
size: props.size,
|
|
60
60
|
placeholder: `Size ${props.size}...`
|
|
61
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
62
62
|
size: props.size,
|
|
63
63
|
children: "Go"
|
|
64
64
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InputsDemo_exports","__export","InputsDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InputsDemo_exports","__export","InputsDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","YStack","width","minH","overflow","gap","m","p","children","jsx","InputDemo","size","TextArea","theme","placeholder"],"sources":["../../src/InputsDemo.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;AACAC,MAAA,CAAAC,OAAA,GAAwDT,YAAA,CAAAK,kBAAA;AAIpD,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,UAAS,GAAAD,OAAa;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAU,CAAAE,MAAK,EAAK;IACrBC,KAAA;IACAC,IAAA;IACAC,QAAA;IAA+DC,GACjE;IAEJC,CAAA;IAEAC,CAAA,MAAS;IACPC,QACE,GACE,mBAAAX,kBAAA,CAAAY,GAAA,EAAAC,SAAA;MAACC,IAAA;IAAA,mBACO,IAAAd,kBAAA,CAAAY,GAAA,EAAAC,SAAA;MACNC,IAAA,EAAM;IAAA,EACN,EAAY,eACC,IAAAd,kBAAkB,CAAAY,GAAA,EAAAC,SAAA;MAAAC,IAAA;IACjC,IACA,mBAAAd,kBAAA,CAAAY,GAAC,EAAAV,UAAA,CAAAa,QAAO;MACVC,KAAA;MAEJC,WAAA","ignoreList":[]}
|
package/dist/cjs/LabelDemo.cjs
CHANGED
|
@@ -25,40 +25,40 @@ __export(LabelDemo_exports, {
|
|
|
25
25
|
LabelDemo: () => LabelDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(LabelDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function LabelDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
32
32
|
$maxMd: {
|
|
33
33
|
width: "100%"
|
|
34
34
|
},
|
|
35
35
|
minW: 300,
|
|
36
36
|
gap: "$4",
|
|
37
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
37
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
38
38
|
items: "center",
|
|
39
39
|
gap: "$4",
|
|
40
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
41
41
|
width: 90,
|
|
42
42
|
htmlFor: "name",
|
|
43
43
|
children: "Name"
|
|
44
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
|
|
45
45
|
flex: 1,
|
|
46
46
|
id: "name",
|
|
47
47
|
defaultValue: "Nate Wienert"
|
|
48
48
|
})]
|
|
49
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
49
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
50
50
|
items: "center",
|
|
51
51
|
gap: "$4",
|
|
52
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
52
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
53
53
|
width: 90,
|
|
54
54
|
htmlFor: "notify",
|
|
55
55
|
children: "Notifications"
|
|
56
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
|
|
57
57
|
activeStyle: {
|
|
58
58
|
backgroundColor: "$color8"
|
|
59
59
|
},
|
|
60
60
|
id: "notify",
|
|
61
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
61
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
|
|
62
62
|
transition: "quickest"
|
|
63
63
|
})
|
|
64
64
|
})]
|
|
@@ -28,39 +28,39 @@ __export(LabelDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(LabelDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
function LabelDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
34
34
|
$maxMd: {
|
|
35
35
|
width: "100%"
|
|
36
36
|
},
|
|
37
37
|
minW: 300,
|
|
38
38
|
gap: "$4",
|
|
39
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
39
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
40
40
|
items: "center",
|
|
41
41
|
gap: "$4",
|
|
42
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
43
43
|
width: 90,
|
|
44
44
|
htmlFor: "name",
|
|
45
45
|
children: "Name"
|
|
46
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
46
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
|
|
47
47
|
flex: 1,
|
|
48
48
|
id: "name",
|
|
49
49
|
defaultValue: "Nate Wienert"
|
|
50
50
|
})]
|
|
51
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
51
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
52
52
|
items: "center",
|
|
53
53
|
gap: "$4",
|
|
54
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
55
55
|
width: 90,
|
|
56
56
|
htmlFor: "notify",
|
|
57
57
|
children: "Notifications"
|
|
58
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
|
|
59
59
|
activeStyle: {
|
|
60
60
|
backgroundColor: "$color8"
|
|
61
61
|
},
|
|
62
62
|
id: "notify",
|
|
63
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
63
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
|
|
64
64
|
transition: "quickest"
|
|
65
65
|
})
|
|
66
66
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LabelDemo_exports","__export","LabelDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LabelDemo_exports","__export","LabelDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","YStack","$maxMd","width","minW","gap","children","XStack","items","jsx","Label","htmlFor","Input","flex","id"],"sources":["../../src/LabelDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAqDT,YAAA,CAAAK,iBAAA;AAK/C,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,UAAS,GAAAD,OAAY;AAC1B,SACEJ,UAAA;EACE,0BAAAG,kBAAA,CAAAG,IAAC,EAAAD,UAAA,CAAAE,MAAO;IACNC,MAAA;MAGAC,KAAA;IAAsD;IAGxDC,IAAA;IACEC,GAAA;IAEAC,QACA,kBAAC,IAAAT,kBAAA,CAAAG,IAAA,EAAAD,UAAA,CAAAQ,MAAA;MAAAC,KAAA;MAAAH,GACC;MAAaC,QACX,GACF,mBAAAT,kBAAA,CAAAY,GAAA,EAAAV,UAAA,CAAAW,KAAA;QACAP,KAAG;QAEHQ,OAAA;QAAoCL,QAAA;MACtC,IACF,mBAAAT,kBAAA,CAAAY,GAAA,EAAAV,UAAA,CAAAa,KAAA;QACFC,IAAA;QAEJC,EAAA","ignoreList":[]}
|
|
@@ -25,11 +25,11 @@ __export(LinearGradientDemo_exports, {
|
|
|
25
25
|
LinearGradientDemo: () => LinearGradientDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(LinearGradientDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_linear_gradient = require("@hanzogui/linear-gradient");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function LinearGradientDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
33
33
|
gap: "$4",
|
|
34
34
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
|
|
35
35
|
width: "$6",
|
|
@@ -28,10 +28,10 @@ __export(LinearGradientDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(LinearGradientDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
var import_linear_gradient = require("@hanzogui/linear-gradient");
|
|
33
33
|
function LinearGradientDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
35
35
|
gap: "$4",
|
|
36
36
|
children: [/* tokens */
|
|
37
37
|
/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LinearGradientDemo_exports","__export","LinearGradientDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LinearGradientDemo_exports","__export","LinearGradientDemo","module","exports","import_jsx_runtime","require","import_gui","import_linear_gradient","jsxs","XStack","gap","children","jsx","LinearGradient","width","height","rounded","colors","start","end"],"sources":["../../src/LinearGradientDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAuBT,YAAA,CAAAK,0BAAA;AACvB,IAAAK,kBAAA,GAAAC,OAA+B;AAI3B,IAAAC,UAAA,GAAAD,OAAA;AAFG,IAAAE,sBAAS,GAAAF,OAAqB;AACnC,SACEJ,mBAAA;EAEE,0BAAAG,kBAAA,CAAAI,IAAA,EAAAF,UAAA,CAAAG,MAAA;IAAAC,GAAC;IAAAC,QAAA;IACO,eACC,IAAAP,kBAAA,CAAAQ,GAAA,EAAAL,sBAAA,CAAAM,cAAA;MACPC,KAAA,MAAQ;MACRC,MAAA,EAAQ,IAAC;MACTC,OAAO,EAAC,IAAI;MACZC,MAAM,GAAI,UACZ,YAGA;MAACC,KAAA,MACC,EACA;MACAC,GAAA,GACA,GACA;IACU,IACZ;IACF,mBAAAf,kBAAA,CAAAQ,GAAA,EAAAL,sBAAA,CAAAM,cAAA;MAEJC,KAAA","ignoreList":[]}
|
|
@@ -26,12 +26,12 @@ __export(ListItemDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ListItemDemo_exports);
|
|
28
28
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
29
|
-
var
|
|
29
|
+
var import_gui = require("@hanzo/gui");
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
function ListItemDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
33
33
|
name: "surface1",
|
|
34
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
35
35
|
$maxMd: {
|
|
36
36
|
flexDirection: "column"
|
|
37
37
|
},
|
|
@@ -42,7 +42,7 @@ function ListItemDemo() {
|
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
function ListItemDemo1() {
|
|
45
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
45
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
|
|
46
46
|
self: "center",
|
|
47
47
|
borderWidth: 1,
|
|
48
48
|
borderColor: "$borderColor",
|
|
@@ -50,30 +50,30 @@ function ListItemDemo1() {
|
|
|
50
50
|
overflow: "hidden",
|
|
51
51
|
width: 240,
|
|
52
52
|
size: "$4",
|
|
53
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
54
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
53
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
54
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
55
55
|
gap: "$3",
|
|
56
56
|
icon: import_lucide_icons_2.Star,
|
|
57
57
|
title: "Star",
|
|
58
|
-
subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem.Subtitle, {
|
|
59
59
|
children: "Twinkles"
|
|
60
60
|
}),
|
|
61
61
|
iconAfter: import_lucide_icons_2.ChevronRight
|
|
62
62
|
})
|
|
63
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
64
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
63
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
64
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
65
65
|
gap: "$3",
|
|
66
66
|
icon: import_lucide_icons_2.Moon,
|
|
67
67
|
children: "Moon"
|
|
68
68
|
})
|
|
69
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
70
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
69
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
70
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
71
71
|
gap: "$3",
|
|
72
72
|
icon: import_lucide_icons_2.Sun,
|
|
73
73
|
children: "Sun"
|
|
74
74
|
})
|
|
75
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
76
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
76
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
77
77
|
gap: "$3",
|
|
78
78
|
icon: import_lucide_icons_2.Cloud,
|
|
79
79
|
children: "Cloud"
|
|
@@ -82,7 +82,7 @@ function ListItemDemo1() {
|
|
|
82
82
|
});
|
|
83
83
|
}
|
|
84
84
|
function ListItemDemo2() {
|
|
85
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
85
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
|
|
86
86
|
self: "center",
|
|
87
87
|
borderWidth: 1,
|
|
88
88
|
borderColor: "$borderColor",
|
|
@@ -90,16 +90,16 @@ function ListItemDemo2() {
|
|
|
90
90
|
overflow: "hidden",
|
|
91
91
|
width: 240,
|
|
92
92
|
size: "$5",
|
|
93
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
94
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
93
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
94
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
95
95
|
gap: "$3",
|
|
96
96
|
title: "Star",
|
|
97
97
|
subTitle: "Subtitle",
|
|
98
98
|
icon: import_lucide_icons_2.Star,
|
|
99
99
|
iconAfter: import_lucide_icons_2.ChevronRight
|
|
100
100
|
})
|
|
101
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
102
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
101
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
102
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
103
103
|
gap: "$3",
|
|
104
104
|
title: "Moon",
|
|
105
105
|
subTitle: "Subtitle",
|
|
@@ -29,11 +29,11 @@ __export(ListItemDemo_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(ListItemDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
|
-
var
|
|
32
|
+
var import_gui = require("@hanzo/gui");
|
|
33
33
|
function ListItemDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
35
35
|
name: "surface1",
|
|
36
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
36
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
37
37
|
$maxMd: {
|
|
38
38
|
flexDirection: "column"
|
|
39
39
|
},
|
|
@@ -44,7 +44,7 @@ function ListItemDemo() {
|
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
46
|
function ListItemDemo1() {
|
|
47
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
47
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
|
|
48
48
|
self: "center",
|
|
49
49
|
borderWidth: 1,
|
|
50
50
|
borderColor: "$borderColor",
|
|
@@ -52,30 +52,30 @@ function ListItemDemo1() {
|
|
|
52
52
|
overflow: "hidden",
|
|
53
53
|
width: 240,
|
|
54
54
|
size: "$4",
|
|
55
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
55
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
56
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
57
57
|
gap: "$3",
|
|
58
58
|
icon: import_lucide_icons_2.Star,
|
|
59
59
|
title: "Star",
|
|
60
|
-
subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem.Subtitle, {
|
|
61
61
|
children: "Twinkles"
|
|
62
62
|
}),
|
|
63
63
|
iconAfter: import_lucide_icons_2.ChevronRight
|
|
64
64
|
})
|
|
65
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
66
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
66
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
67
67
|
gap: "$3",
|
|
68
68
|
icon: import_lucide_icons_2.Moon,
|
|
69
69
|
children: "Moon"
|
|
70
70
|
})
|
|
71
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
72
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
71
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
72
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
73
73
|
gap: "$3",
|
|
74
74
|
icon: import_lucide_icons_2.Sun,
|
|
75
75
|
children: "Sun"
|
|
76
76
|
})
|
|
77
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
78
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
78
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
79
79
|
gap: "$3",
|
|
80
80
|
icon: import_lucide_icons_2.Cloud,
|
|
81
81
|
children: "Cloud"
|
|
@@ -84,7 +84,7 @@ function ListItemDemo1() {
|
|
|
84
84
|
});
|
|
85
85
|
}
|
|
86
86
|
function ListItemDemo2() {
|
|
87
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
87
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
|
|
88
88
|
self: "center",
|
|
89
89
|
borderWidth: 1,
|
|
90
90
|
borderColor: "$borderColor",
|
|
@@ -92,16 +92,16 @@ function ListItemDemo2() {
|
|
|
92
92
|
overflow: "hidden",
|
|
93
93
|
width: 240,
|
|
94
94
|
size: "$5",
|
|
95
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
96
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
95
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
96
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
97
97
|
gap: "$3",
|
|
98
98
|
title: "Star",
|
|
99
99
|
subTitle: "Subtitle",
|
|
100
100
|
icon: import_lucide_icons_2.Star,
|
|
101
101
|
iconAfter: import_lucide_icons_2.ChevronRight
|
|
102
102
|
})
|
|
103
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
104
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
103
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
|
|
104
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
|
|
105
105
|
gap: "$3",
|
|
106
106
|
title: "Moon",
|
|
107
107
|
subTitle: "Subtitle",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItemDemo_exports","__export","ListItemDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItemDemo_exports","__export","ListItemDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","Theme","name","children","jsxs","XStack","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","YGroup","self","borderWidth","borderColor","rounded","overflow","width","size","Item","ListItem","icon","Star","title","subTitle","Subtitle","iconAfter","ChevronRight","Moon","Sun","Cloud"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqD,CAAAK,oBAAA;AACrD,IAAAK,kBAA2D,GAAAC,OAAA;AAKrD,IAAAC,qBAAA,GAAAD,OAAA;AAHC,IAAAE,UAAS,GAAAF,OAAe;AAC7B,SACEJ,aAAA;EAEI,0BAAAG,kBAAA,CAACI,GAAA,EAAAD,UAAA,CAAAE,KAAc;IACfC,IAAA;IAAeC,QAEnB,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAA;MAEJC,MAAA;QAEAC,aAAS;MACP;MACGC,EAAA;MAAAC,GAAA;MACCN,QAAK,GACL,eAAa,IAAAP,kBAAA,CAAAI,GAAA,EAAAU,aAAA,OACb,eAAY,IAAAd,kBAAA,CAAAI,GAAA,EAAAW,aAAA;IACJ;EACC;AACF;AACF,SAELD,cAAA;EAAA,0BAAAd,kBAAA,CAAAQ,IAAC,EAAAL,UAAA,CAAAa,MAAO;IACNC,IAAA,EAAC;IAAAC,WAAA;IAAAC,WACC,EAAI;IAAAC,OAAA,EACJ;IAAMC,QACN,UAAM;IAAAC,KAAA,KACN;IAAqCC,IAAA,MACrC;IAAWhB,QAAA,kBAEf,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAQ,IAAA;MACAjB,QAAA,qBAAAP,kBAAC,CAAAI,GAAA,EAAAD,UAAO,CAAAsB,QACN;QAIFZ,GAAA;QAKAa,IAAA,EAAAxB,qBAAA,CAAAyB,IAAA;QAIAC,KAAA;QAAAC,QAAA,qBAAA7B,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAsB,QAAA,CAAAK,QAAA;UACFvB,QAAA;QAEJ;QAESwB,SAAA,EAAA7B,qBAAgB,CAAA8B;MACvB,CACE;IAAC,uBAAAhC,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAQ,IAAA;MACCjB,QAAK,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAsB,QAAA;QACLZ,GAAA,MAAa;QACba,IAAA,EAAAxB,qBAAY,CAAA+B,IAAA;QACZ1B,QAAQ;MACR;IACA,IACA,eAAK,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAQ,IAAA;MAELjB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAsB,QAAA;QAAAZ,GAAA;QACGa,IAAA,EAAAxB,qBAAA,CAAAgC,GAAA;QAAA3B,QAAA;MAAA;IACK,IACE,eACG,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAQ,IAAA;MAAAjB,QACT,EAAM,mBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAsB,QAAA;QAAAZ,GACN;QAAWa,IAAA,EAAAxB,qBAAA,CAAAiC,KAAA;QACb5B,QACF;MACA;IAAW,EACX;EACG;AAAA;AACK,SAAAQ,aACEA,CAAA;EAAA,sBACG,IAAAf,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAa,MAAA;IAAAC,IAAA,UACH;IAAAC,WACN;IAAWC,WAAA;IAAAC,OAEf;IAAAC,QAAA;IAAAC,KAAA;IACFC,IAAA;IAEJhB,QAAA,G","ignoreList":[]}
|