@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
|
@@ -28,11 +28,11 @@ __export(ToastDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(ToastDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
var import_v2 = require("@hanzogui/toast/v2");
|
|
33
33
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
34
34
|
var import_react = require("react");
|
|
35
|
-
var
|
|
35
|
+
var import_gui2 = require("@hanzo/gui");
|
|
36
36
|
var ToastDemo = function () {
|
|
37
37
|
var [position, setPosition] = (0, import_react.useState)("bottom-right");
|
|
38
38
|
var [gap, setGap] = (0, import_react.useState)(14);
|
|
@@ -69,15 +69,15 @@ var ToastDemo = function () {
|
|
|
69
69
|
}, t.id);
|
|
70
70
|
}
|
|
71
71
|
})
|
|
72
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
72
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
73
73
|
gap: "$3",
|
|
74
74
|
self: "center",
|
|
75
75
|
width: 280,
|
|
76
76
|
children: [/* Position buttons */
|
|
77
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
77
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
78
78
|
gap: "$2",
|
|
79
79
|
self: "center",
|
|
80
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
80
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
81
81
|
gap: "$2",
|
|
82
82
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
83
83
|
position: "top-left",
|
|
@@ -96,7 +96,7 @@ var ToastDemo = function () {
|
|
|
96
96
|
Icon: import_lucide_icons_2.ArrowUpRight,
|
|
97
97
|
testID: "toast-top-right-button"
|
|
98
98
|
})]
|
|
99
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
99
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
100
100
|
gap: "$2",
|
|
101
101
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
102
102
|
position: "bottom-left",
|
|
@@ -117,7 +117,7 @@ var ToastDemo = function () {
|
|
|
117
117
|
})]
|
|
118
118
|
})]
|
|
119
119
|
}), /* Controls */
|
|
120
|
-
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
120
|
+
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
121
121
|
gap: "$1",
|
|
122
122
|
paddingTop: "$1",
|
|
123
123
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
|
|
@@ -159,10 +159,10 @@ function ToastContent(param) {
|
|
|
159
159
|
var title = typeof t.title === "function" ? t.title() : t.title;
|
|
160
160
|
var description = typeof t.description === "function" ? t.description() : t.description;
|
|
161
161
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
162
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
162
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
163
163
|
gap: "$3",
|
|
164
164
|
alignItems: "flex-start",
|
|
165
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
165
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
166
166
|
flex: 1,
|
|
167
167
|
gap: "$0.5",
|
|
168
168
|
children: [title && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
|
|
@@ -175,7 +175,7 @@ function ToastContent(param) {
|
|
|
175
175
|
children: description
|
|
176
176
|
})]
|
|
177
177
|
})]
|
|
178
|
-
}),
|
|
178
|
+
}), import_gui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Close, {
|
|
179
179
|
testID: "toast-close-button",
|
|
180
180
|
position: "absolute",
|
|
181
181
|
top: -6,
|
|
@@ -194,14 +194,14 @@ function DemoSlider(param) {
|
|
|
194
194
|
onChange,
|
|
195
195
|
format
|
|
196
196
|
} = param;
|
|
197
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
197
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
198
198
|
gap: "$2",
|
|
199
199
|
alignItems: "center",
|
|
200
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
200
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Label, {
|
|
201
201
|
size: "$2",
|
|
202
202
|
width: 55,
|
|
203
203
|
children: label
|
|
204
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
204
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.Slider, {
|
|
205
205
|
flex: 1,
|
|
206
206
|
value: [value],
|
|
207
207
|
min,
|
|
@@ -211,15 +211,15 @@ function DemoSlider(param) {
|
|
|
211
211
|
var [v] = param2;
|
|
212
212
|
return onChange(v);
|
|
213
213
|
},
|
|
214
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
215
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
216
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
214
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.Track, {
|
|
215
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.TrackActive, {})
|
|
216
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.Thumb, {
|
|
217
217
|
theme: "accent",
|
|
218
218
|
size: 16,
|
|
219
219
|
borderRadius: 100,
|
|
220
220
|
index: 0
|
|
221
221
|
})]
|
|
222
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
222
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.SizableText, {
|
|
223
223
|
userSelect: "none",
|
|
224
224
|
size: "$2",
|
|
225
225
|
width: 35,
|
|
@@ -237,7 +237,7 @@ var PositionButton = function (param) {
|
|
|
237
237
|
testID
|
|
238
238
|
} = param;
|
|
239
239
|
var isActive = position === current;
|
|
240
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
240
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Button, {
|
|
241
241
|
icon: Icon,
|
|
242
242
|
circular: true,
|
|
243
243
|
theme: isActive ? "accent" : void 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDemo_exports","__export","ToastDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDemo_exports","__export","ToastDemo","module","exports","import_jsx_runtime","require","import_gui","import_v2","import_lucide_icons_2","import_react","import_gui2","position","setPosition","useState","gap","setGap","visibleToasts","setVisibleToasts","duration","setDuration","count","useRef","showToast","newPosition","current","toast","description","jsxs","Toast","Math","round","children","jsx","Viewport","offset","List","renderItem","param","t","index","Item","testID","ToastContent","id","YStack","self","width","XStack","PositionButton","onPress","Icon","ArrowUpLeft","ArrowUp","ArrowUpRight","ArrowDownLeft","ArrowDown","ArrowDownRight","paddingTop","DemoSlider","label","min","max","step","onChange","format","v","toFixed","handleClose","useToastItem","title","Fragment","alignItems","flex","Title","fontWeight","size","Description","color","isWeb","Close","top","left","zIndex","Label","Slider","onValueChange","param2","Track","TrackActive","Thumb"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -27,15 +27,15 @@ __export(ToastDuplicateDemo_exports, {
|
|
|
27
27
|
module.exports = __toCommonJS(ToastDuplicateDemo_exports);
|
|
28
28
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
29
29
|
var import_v2 = require("@hanzogui/toast/v2");
|
|
30
|
-
var
|
|
30
|
+
var import_gui = require("@hanzo/gui");
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
const ToastDuplicateDemo = () => {
|
|
33
33
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_v2.Toast, {
|
|
34
34
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Viewport, {
|
|
35
35
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastList, {})
|
|
36
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
36
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
37
37
|
items: "center",
|
|
38
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
38
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
39
39
|
onPress: () => {
|
|
40
40
|
(0, import_v2.toast)("Successfully saved!", {
|
|
41
41
|
description: "Don't worry... We've got your data."
|
|
@@ -54,12 +54,12 @@ const ToastList = () => {
|
|
|
54
54
|
children: toasts.map((t, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
|
|
55
55
|
toast: t,
|
|
56
56
|
index,
|
|
57
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
57
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
58
58
|
gap: "$4",
|
|
59
59
|
items: "center",
|
|
60
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
61
61
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})
|
|
62
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
62
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
63
63
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
|
|
64
64
|
children: typeof t.title === "function" ? t.title() : t.title
|
|
65
65
|
}), t.description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Description, {
|
|
@@ -30,14 +30,14 @@ module.exports = __toCommonJS(ToastDuplicateDemo_exports);
|
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
32
|
var import_v2 = require("@hanzogui/toast/v2");
|
|
33
|
-
var
|
|
33
|
+
var import_gui = require("@hanzo/gui");
|
|
34
34
|
var ToastDuplicateDemo = function () {
|
|
35
35
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_v2.Toast, {
|
|
36
36
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Viewport, {
|
|
37
37
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastList, {})
|
|
38
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
38
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
39
39
|
items: "center",
|
|
40
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
41
41
|
onPress: function () {
|
|
42
42
|
(0, import_v2.toast)("Successfully saved!", {
|
|
43
43
|
description: "Don't worry... We've got your data."
|
|
@@ -57,12 +57,12 @@ var ToastList = function () {
|
|
|
57
57
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Item, {
|
|
58
58
|
toast: t,
|
|
59
59
|
index,
|
|
60
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
60
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
61
61
|
gap: "$4",
|
|
62
62
|
items: "center",
|
|
63
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
63
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
64
64
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.CheckCircle2, {})
|
|
65
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
65
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
66
66
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
|
|
67
67
|
children: typeof t.title === "function" ? t.title() : t.title
|
|
68
68
|
}), t.description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Description, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDuplicateDemo_exports","__export","ToastDuplicateDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_v2","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastDuplicateDemo_exports","__export","ToastDuplicateDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_v2","import_gui","jsxs","Toast","children","jsx","Viewport","ToastList","YStack","items","Button","onPress","toast","description","toasts","useToasts","Fragment","map","t","index","Item"],"sources":["../../src/ToastDuplicateDemo.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,GAAAT,YAA6B,CAAAK,0BAAA;AAC7B,IAAAK,kBAAwC,GAAAC,OAAA;AACxC,IAAAC,qBAAuC,GAAAD,OAAA;AAOnC,IAAAE,SAAA,GAAAF,OAAA;AAFG,IAAAG,UAAM,GAAAH,OAAA,aAA2B;AACtC,IAAAJ,kBACE,YAAAA,CAAA;EACE,0BAAAG,kBAAA,CAACK,IAAA,EAAAF,SAAA,CAAMG,KAAA;IAIPC,QAAA,GACG,mBAAAP,kBAAA,CAAAQ,GAAA,EAAAL,SAAA,CAAAG,KAAA,CAAAG,QAAA;MAAAF,QAAA,qBAAAP,kBAAA,CAAAQ,GAAA,EAAAE,SAAA;IAAA,EACC,EACE,mBAAAV,kBAAM,CAAAQ,GAAA,EAAAJ,UAAuB,CAAAO,MAAA;MAAAC,KAC3B;MAAaL,QACd,qBAAAP,kBAAA,CAAAQ,GAAA,EAAAJ,UAAA,CAAAS,MAAA;QACHC,OAAA,WAAAA,CAAA;UACD,IAAAX,SAAA,CAAAY,KAAA;YAAAC,WAAA;UAGH;QACF;QAEJT,QAAA;MAEM;IACJ,EAAM;EAOI;AAEA;AAGE,IAAAG,SAAA,YAAAA,CAAA;EAEA,IACC;IAAEO;EAAA,QACDd,SAAA,CAAAe,SAAA;EAEA,OAEJ,mBAAAlB,kBAAA,CAAAQ,GAAA,EAAAR,kBAAA,CAAAmB,QAAA;IAAAZ,QAfe,EAiBnBU,MAEJ,CAAAG,GAAA,WAAAC,CAAA,EAAAC,KAAA;MAEJ,0BAAAtB,kBAAA,CAAAQ,GAAA,EAAAL,SAAA,CAAAG,KAAA,CAAAiB,IAAA","ignoreList":[]}
|
package/dist/cjs/ToastV1Demo.cjs
CHANGED
|
@@ -38,11 +38,11 @@ __export(ToastV1Demo_exports, {
|
|
|
38
38
|
module.exports = __toCommonJS(ToastV1Demo_exports);
|
|
39
39
|
var import_toast = require("@hanzogui/toast");
|
|
40
40
|
var import_react = __toESM(require("react"), 1);
|
|
41
|
-
var
|
|
41
|
+
var import_gui = require("@hanzo/gui");
|
|
42
42
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
43
|
const ToastV1Demo = () => {
|
|
44
44
|
const [native, setNative] = import_react.default.useState(false);
|
|
45
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
45
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
46
46
|
gap: "$4",
|
|
47
47
|
items: "center",
|
|
48
48
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastControl, {
|
|
@@ -75,11 +75,11 @@ const CurrentToast = () => {
|
|
|
75
75
|
transition: "quicker",
|
|
76
76
|
bg: "$color2",
|
|
77
77
|
boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
|
|
78
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
78
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
79
79
|
gap: "$5",
|
|
80
80
|
items: "center",
|
|
81
81
|
justify: "space-between",
|
|
82
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
82
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
83
83
|
gap: "$0.5",
|
|
84
84
|
flex: 1,
|
|
85
85
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
|
|
@@ -90,7 +90,7 @@ const CurrentToast = () => {
|
|
|
90
90
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {
|
|
91
91
|
asChild: true,
|
|
92
92
|
altText: "Dismiss toast",
|
|
93
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
93
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
94
94
|
size: "$2",
|
|
95
95
|
children: "Dismiss"
|
|
96
96
|
})
|
|
@@ -102,10 +102,10 @@ const ToastControl = ({
|
|
|
102
102
|
native
|
|
103
103
|
}) => {
|
|
104
104
|
const toast = (0, import_toast.useToastController)();
|
|
105
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
105
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
106
106
|
gap: "$2",
|
|
107
107
|
justify: "center",
|
|
108
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
108
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
109
109
|
onPress: () => {
|
|
110
110
|
toast.show("Successfully saved!", {
|
|
111
111
|
message: "Don't worry, we've got your data.",
|
|
@@ -114,7 +114,7 @@ const ToastControl = ({
|
|
|
114
114
|
});
|
|
115
115
|
},
|
|
116
116
|
children: "Show"
|
|
117
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
117
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
118
118
|
onPress: () => {
|
|
119
119
|
toast.hide();
|
|
120
120
|
},
|
|
@@ -126,19 +126,19 @@ const NativeOptions = ({
|
|
|
126
126
|
native,
|
|
127
127
|
setNative
|
|
128
128
|
}) => {
|
|
129
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
129
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
130
130
|
gap: "$3",
|
|
131
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
131
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
132
132
|
size: "$1",
|
|
133
133
|
onPress: () => setNative(false),
|
|
134
134
|
children: "Custom"
|
|
135
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
135
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
|
|
136
136
|
theme: "surface2",
|
|
137
137
|
id: "native-toggle",
|
|
138
138
|
size: "$1",
|
|
139
139
|
checked: !!native,
|
|
140
140
|
onCheckedChange: val => setNative(val),
|
|
141
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
141
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
|
|
142
142
|
theme: "accent",
|
|
143
143
|
transition: ["quickest", {
|
|
144
144
|
transform: {
|
|
@@ -146,7 +146,7 @@ const NativeOptions = ({
|
|
|
146
146
|
}
|
|
147
147
|
}]
|
|
148
148
|
})
|
|
149
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
149
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
150
150
|
size: "$1",
|
|
151
151
|
onPress: () => setNative(true),
|
|
152
152
|
children: "Native"
|
|
@@ -41,10 +41,10 @@ module.exports = __toCommonJS(ToastV1Demo_exports);
|
|
|
41
41
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
42
|
var import_toast = require("@hanzogui/toast");
|
|
43
43
|
var import_react = __toESM(require("react"), 1);
|
|
44
|
-
var
|
|
44
|
+
var import_gui = require("@hanzo/gui");
|
|
45
45
|
var ToastV1Demo = function () {
|
|
46
46
|
var [native, setNative] = import_react.default.useState(false);
|
|
47
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
47
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
48
48
|
gap: "$4",
|
|
49
49
|
items: "center",
|
|
50
50
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastControl, {
|
|
@@ -77,11 +77,11 @@ var CurrentToast = function () {
|
|
|
77
77
|
transition: "quicker",
|
|
78
78
|
bg: "$color2",
|
|
79
79
|
boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
|
|
80
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
80
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
81
81
|
gap: "$5",
|
|
82
82
|
items: "center",
|
|
83
83
|
justify: "space-between",
|
|
84
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
84
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
85
85
|
gap: "$0.5",
|
|
86
86
|
flex: 1,
|
|
87
87
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
|
|
@@ -92,7 +92,7 @@ var CurrentToast = function () {
|
|
|
92
92
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toast.Toast.Action, {
|
|
93
93
|
asChild: true,
|
|
94
94
|
altText: "Dismiss toast",
|
|
95
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
95
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
96
96
|
size: "$2",
|
|
97
97
|
children: "Dismiss"
|
|
98
98
|
})
|
|
@@ -105,10 +105,10 @@ var ToastControl = function (param) {
|
|
|
105
105
|
native
|
|
106
106
|
} = param;
|
|
107
107
|
var toast = (0, import_toast.useToastController)();
|
|
108
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
108
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
109
109
|
gap: "$2",
|
|
110
110
|
justify: "center",
|
|
111
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
111
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
112
112
|
onPress: function () {
|
|
113
113
|
toast.show("Successfully saved!", {
|
|
114
114
|
message: "Don't worry, we've got your data.",
|
|
@@ -117,7 +117,7 @@ var ToastControl = function (param) {
|
|
|
117
117
|
});
|
|
118
118
|
},
|
|
119
119
|
children: "Show"
|
|
120
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
120
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
121
121
|
onPress: function () {
|
|
122
122
|
toast.hide();
|
|
123
123
|
},
|
|
@@ -130,15 +130,15 @@ var NativeOptions = function (param) {
|
|
|
130
130
|
native,
|
|
131
131
|
setNative
|
|
132
132
|
} = param;
|
|
133
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
133
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
134
134
|
gap: "$3",
|
|
135
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
135
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
136
136
|
size: "$1",
|
|
137
137
|
onPress: function () {
|
|
138
138
|
return setNative(false);
|
|
139
139
|
},
|
|
140
140
|
children: "Custom"
|
|
141
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
141
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
|
|
142
142
|
theme: "surface2",
|
|
143
143
|
id: "native-toggle",
|
|
144
144
|
size: "$1",
|
|
@@ -146,7 +146,7 @@ var NativeOptions = function (param) {
|
|
|
146
146
|
onCheckedChange: function (val) {
|
|
147
147
|
return setNative(val);
|
|
148
148
|
},
|
|
149
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
149
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
|
|
150
150
|
theme: "accent",
|
|
151
151
|
transition: ["quickest", {
|
|
152
152
|
transform: {
|
|
@@ -154,7 +154,7 @@ var NativeOptions = function (param) {
|
|
|
154
154
|
}
|
|
155
155
|
}]
|
|
156
156
|
})
|
|
157
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
157
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
158
158
|
size: "$1",
|
|
159
159
|
onPress: function () {
|
|
160
160
|
return setNative(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastV1Demo_exports","__export","ToastV1Demo","module","exports","import_jsx_runtime","require","import_toast","import_react","__toESM","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToastV1Demo_exports","__export","ToastV1Demo","module","exports","import_jsx_runtime","require","import_toast","import_react","__toESM","import_gui","native","setNative","default","useState","jsxs","YStack","gap","items","children","jsx","ToastControl","CurrentToast","NativeOptions","currentToast","useToastState","isHandledNatively","Toast","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","XStack","justify","flex","Title","title","message","Description","Action","asChild","altText","Button","size","id","param","toast","useToastController","onPress","show","demo","hide"],"sources":["../../src/ToastV1Demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -26,15 +26,15 @@ __export(ToggleGroupDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ToggleGroupDemo_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 ToggleGroupDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
32
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
33
33
|
px: "$4",
|
|
34
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
35
35
|
items: "center",
|
|
36
36
|
gap: "$10",
|
|
37
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
37
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
38
38
|
items: "center",
|
|
39
39
|
gap: "$6",
|
|
40
40
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
|
|
@@ -44,7 +44,7 @@ function ToggleGroupDemo() {
|
|
|
44
44
|
type: "multiple",
|
|
45
45
|
orientation: "horizontal"
|
|
46
46
|
})]
|
|
47
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
47
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
48
48
|
items: "center",
|
|
49
49
|
gap: "$6",
|
|
50
50
|
y: -28,
|
|
@@ -61,26 +61,26 @@ function ToggleGroupDemo() {
|
|
|
61
61
|
}
|
|
62
62
|
function ToggleGroupComponent(props) {
|
|
63
63
|
const id = `switch-${props.type}`;
|
|
64
|
-
const Group = props.orientation === "horizontal" ?
|
|
65
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
64
|
+
const Group = props.orientation === "horizontal" ? import_gui.XGroup : import_gui.YGroup;
|
|
65
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
66
66
|
flexDirection: props.orientation === "horizontal" ? "row" : "column",
|
|
67
67
|
items: "center",
|
|
68
68
|
justify: "center",
|
|
69
69
|
gap: "$4",
|
|
70
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
70
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
71
71
|
pr: "$0",
|
|
72
72
|
justify: "flex-end",
|
|
73
73
|
size: "$4",
|
|
74
74
|
htmlFor: id,
|
|
75
75
|
children: props.type === "single" ? "Single" : "Multiple"
|
|
76
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
76
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup, {
|
|
77
77
|
orientation: props.orientation,
|
|
78
78
|
id,
|
|
79
79
|
type: props.type,
|
|
80
80
|
disableDeactivation: props.type === "single" ? true : void 0,
|
|
81
81
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Group, {
|
|
82
82
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
|
|
83
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
83
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
|
|
84
84
|
value: "left",
|
|
85
85
|
"aria-label": "Left aligned",
|
|
86
86
|
borderRadius: "$4",
|
|
@@ -92,7 +92,7 @@ function ToggleGroupComponent(props) {
|
|
|
92
92
|
})
|
|
93
93
|
})
|
|
94
94
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
|
|
95
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
95
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
|
|
96
96
|
value: "center",
|
|
97
97
|
"aria-label": "Center aligned",
|
|
98
98
|
borderRadius: "$4",
|
|
@@ -104,7 +104,7 @@ function ToggleGroupComponent(props) {
|
|
|
104
104
|
})
|
|
105
105
|
})
|
|
106
106
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
|
|
107
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
107
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
|
|
108
108
|
value: "right",
|
|
109
109
|
"aria-label": "Right aligned",
|
|
110
110
|
borderRadius: "$4",
|
|
@@ -29,14 +29,14 @@ __export(ToggleGroupDemo_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(ToggleGroupDemo_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 ToggleGroupDemo() {
|
|
34
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
34
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
35
35
|
px: "$4",
|
|
36
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
36
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
37
37
|
items: "center",
|
|
38
38
|
gap: "$10",
|
|
39
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
39
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
40
40
|
items: "center",
|
|
41
41
|
gap: "$6",
|
|
42
42
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
|
|
@@ -46,7 +46,7 @@ function ToggleGroupDemo() {
|
|
|
46
46
|
type: "multiple",
|
|
47
47
|
orientation: "horizontal"
|
|
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: "$6",
|
|
52
52
|
y: -28,
|
|
@@ -63,26 +63,26 @@ function ToggleGroupDemo() {
|
|
|
63
63
|
}
|
|
64
64
|
function ToggleGroupComponent(props) {
|
|
65
65
|
var id = `switch-${props.type}`;
|
|
66
|
-
var Group = props.orientation === "horizontal" ?
|
|
67
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
66
|
+
var Group = props.orientation === "horizontal" ? import_gui.XGroup : import_gui.YGroup;
|
|
67
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
68
68
|
flexDirection: props.orientation === "horizontal" ? "row" : "column",
|
|
69
69
|
items: "center",
|
|
70
70
|
justify: "center",
|
|
71
71
|
gap: "$4",
|
|
72
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
72
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
|
|
73
73
|
pr: "$0",
|
|
74
74
|
justify: "flex-end",
|
|
75
75
|
size: "$4",
|
|
76
76
|
htmlFor: id,
|
|
77
77
|
children: props.type === "single" ? "Single" : "Multiple"
|
|
78
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
78
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup, {
|
|
79
79
|
orientation: props.orientation,
|
|
80
80
|
id,
|
|
81
81
|
type: props.type,
|
|
82
82
|
disableDeactivation: props.type === "single" ? true : void 0,
|
|
83
83
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Group, {
|
|
84
84
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
|
|
85
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
85
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
|
|
86
86
|
value: "left",
|
|
87
87
|
"aria-label": "Left aligned",
|
|
88
88
|
borderRadius: "$4",
|
|
@@ -94,7 +94,7 @@ function ToggleGroupComponent(props) {
|
|
|
94
94
|
})
|
|
95
95
|
})
|
|
96
96
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
|
|
97
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
97
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
|
|
98
98
|
value: "center",
|
|
99
99
|
"aria-label": "Center aligned",
|
|
100
100
|
borderRadius: "$4",
|
|
@@ -106,7 +106,7 @@ function ToggleGroupComponent(props) {
|
|
|
106
106
|
})
|
|
107
107
|
})
|
|
108
108
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Group.Item, {
|
|
109
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
109
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ToggleGroup.Item, {
|
|
110
110
|
value: "right",
|
|
111
111
|
"aria-label": "Right aligned",
|
|
112
112
|
borderRadius: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroupDemo_exports","__export","ToggleGroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ToggleGroupDemo_exports","__export","ToggleGroupDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","YStack","px","children","jsxs","XStack","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","XGroup","YGroup","flexDirection","justify","Label","pr","size","htmlFor","ToggleGroup","disableDeactivation","Item","borderRadius"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmD,CAAAK,uBAAA;AACnD,IAAAK,kBAAmE,GAAAC,OAAA;AAM3D,IAAAC,qBAAA,GAAAD,OAAA;AAJD,IAAAE,UAAS,GAAAF,OAAA,aAAkB;AAChC,SACEJ,gBAAA;EAEI,0BAAAG,kBAAA,CAAAI,GAAC,EAAAD,UAAA,CAAAE,MAAO;IACNC,EAAA;IAA6DC,QAC7D,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAqB;MAAyCC,KACjE;MACAC,GAAA;MACEJ,QAAA,GACA,mBAAAP,kBAAA,CAAAQ,IAAC,EAAAL,UAAA,CAAAE,MAAA;QACHK,KAAA;QAEJC,GAAA;QAEJJ,QAAA,GAES,iBAAqB,EAAAP,kBAG3B,CAAAI,GAAA,EAAAQ,oBAAA;UACUC,IAAA,UAAU;UACfC,WAAc;QAGlB,IAAC,mBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UAAAC,IAAA;UACCC,WAAe,EAAM;QACrB,CAAM;MAEN,IAEA,mBAAAd,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAA;QAAAC,KAAA;QAIAC,GAAA;QAACI,CAAA;QAAAR,QAAA,GACC,eAAa,IAAMP,kBAAA,CAAAI,GAAA,EAAAQ,oBAAA;UACnBC,IAAA;UACAC,WAAY;QACZ,IAEA,mBAAAd,kBAAA,CAAAI,GAAA,EAAAQ,oBACE;UAAAC,IAAA;UACEC,WAAC;QAAY;MACL;IAEO;EAC6B;AAErB;AAAA,SAAAF,oBAEzBA,CAAAI,KAAA;EAAA,IAAAC,EAAA,aAEAD,KAAA,CAAAH,IAAA;EACE,IAAAK,KAAA,GAAAF,KAAC,CAAAF,WAAA,iBAAY,GAAAX,UAAA,CAAAgB,MAAA,GAAAhB,UAAA,CAAAiB,MAAA;EAAA,sBAAZ,IAAApB,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAA;IAAAY,aAAA,EACCL,KAAA,CAAMF,WAAA;IAAAJ,KAAA,UACN;IAAWY,OAAA,UACX;IAAaX,GAAA;IAC6BJ,QAAA,GAEnB,mBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAoB,KAAA;MAAAC,EAAA,MACzB;MACFF,OAEA;MACEG,IAAA,MAAC;MAAYC,OAAA,EAAZT,EAAA;MAAAV,QAAA,EACCS,KAAA,CAAAH,IAAM;IAAA,IACK,eACX,IAAAb,kBAAa,CAAAI,GAAA,EAAAD,UAAA,CAAAwB,WAAA;MAAAb,WACb,EAAAE,KAAA,CAAAF,WAAe;MAA2BG,EAAA;MAEpBJ,IAAA,EAAAG,KAAA,CAAAH,IAAA;MAAAe,mBAE1B,EAAAZ,KAAA,CAAAH,IAAA;MAAAN,QACF,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAU,KAAA;QAAAX,QAAA,GACF,mBAAAP,kBAAA,CAAAI,GAAA,EAAAc,KAAA,CAAAW,IAAA;UAAAtB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAwB,WAAA,CAAAE,IAAA;YAAAnC,KAAA;YACF;YAEJoC,YAAA","ignoreList":[]}
|