@hanzogui/demos 8.0.0 → 8.0.2

package/src/SwitchDemo.tsx

@@ -1,5 +1,5 @@
-import type { SizeTokens } from 'hanzogui'
-import { Label, Separator, Switch, Theme, XStack, YStack } from 'hanzogui'
+import type { SizeTokens } from '@hanzo/gui'
+import { Label, Separator, Switch, Theme, XStack, YStack } from '@hanzo/gui'
 
 export function SwitchDemo() {
   return (

package/src/SwitchHeadlessDemo.tsx

@@ -4,7 +4,7 @@ import { useSwitch } from '@hanzogui/switch-headless'
 
 import type { View } from 'react-native'
 import { Animated, Pressable } from 'react-native'
-import { Label, XStack, YStack } from 'hanzogui'
+import { Label, XStack, YStack } from '@hanzo/gui'
 
 export function SwitchHeadlessDemo() {
   return (

package/src/SwitchUnstyledDemo.tsx

@@ -1,6 +1,6 @@
 import { View, styled } from '@hanzogui/core'
 import { createSwitch } from '@hanzogui/switch'
-import { Label, XStack, YStack } from 'hanzogui'
+import { Label, XStack, YStack } from '@hanzo/gui'
 
 const Frame = styled(View, {
   width: 40,

package/src/TabsAdvancedDemo.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type { ViewProps, TabLayout, TabsTabProps } from 'hanzogui'
+import type { ViewProps, TabLayout, TabsTabProps } from '@hanzo/gui'
 import {
   AnimatePresence,
   Button,
@@ -9,7 +9,7 @@ import {
   XStack,
   YStack,
   styled,
-} from 'hanzogui'
+} from '@hanzo/gui'
 
 const demos = ['background', 'underline'] as const
 const demosTitle: Record<(typeof demos)[number], string> = {

package/src/TabsDemo.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type { TabsContentProps } from 'hanzogui'
+import type { TabsContentProps } from '@hanzo/gui'
 import {
   Button,
   H5,
@@ -10,7 +10,7 @@ import {
   YStack,
   isWeb,
   useWindowDimensions,
-} from 'hanzogui'
+} from '@hanzo/gui'
 
 const demos = ['horizontal', 'vertical'] as const
 const demosTitle: Record<(typeof demos)[number], string> = {

package/src/TabsHeadlessDemo.tsx

@@ -7,7 +7,7 @@ import {
   YStack,
   isWeb,
   styled,
-} from 'hanzogui'
+} from '@hanzo/gui'
 import { createTabs } from '@hanzogui/tabs'
 import { getButtonSized } from '@hanzogui/get-button-sized'
 

package/src/TextDemo.tsx

@@ -1,4 +1,4 @@
-import { Em, Paragraph, SizableText, Span, Strong, YStack } from 'hanzogui'
+import { Em, Paragraph, SizableText, Span, Strong, YStack } from '@hanzo/gui'
 
 export function TextDemo() {
   return (

package/src/ThemeBuilderDemo.tsx

@@ -1,5 +1,5 @@
-import type { SquareProps, ThemeName } from 'hanzogui'
-import { Square, XStack, YStack } from 'hanzogui'
+import type { SquareProps, ThemeName } from '@hanzo/gui'
+import { Square, XStack, YStack } from '@hanzo/gui'
 
 export function ThemeBuilderDemo() {
   return (

package/src/ThemeInverseDemo.tsx

@@ -1,4 +1,4 @@
-import { Button, H5, Theme, XStack, YStack } from 'hanzogui'
+import { Button, H5, Theme, XStack, YStack } from '@hanzo/gui'
 
 export function ThemeInverseDemo() {
   return (

package/src/ToastDemo.tsx

@@ -1,4 +1,4 @@
-import { isWeb } from 'hanzogui'
+import { isWeb } from '@hanzo/gui'
 import {
   Toast,
   toast,
@@ -15,7 +15,7 @@ import {
   ArrowUpRight,
 } from '@hanzogui/lucide-icons-2'
 import { useRef, useState } from 'react'
-import { Button, Label, SizableText, Slider, XStack, YStack } from 'hanzogui'
+import { Button, Label, SizableText, Slider, XStack, YStack } from '@hanzo/gui'
 
 export const ToastDemo = () => {
   const [position, setPosition] = useState<ToastPosition>('bottom-right')

package/src/ToastDuplicateDemo.tsx

@@ -1,6 +1,6 @@
 import { CheckCircle2 } from '@hanzogui/lucide-icons-2'
 import { Toast, toast, useToasts } from '@hanzogui/toast/v2'
-import { Button, XStack, YStack } from 'hanzogui'
+import { Button, XStack, YStack } from '@hanzo/gui'
 
 /**
  *  IMPORTANT NOTE: if you're copy-pasting this demo into your code, make sure to add the Toast wrapper as well.

package/src/ToastV1Demo.tsx

@@ -1,6 +1,6 @@
 import { Toast, useToastController, useToastState } from '@hanzogui/toast'
 import React from 'react'
-import { Button, Label, Switch, XStack, YStack } from 'hanzogui'
+import { Button, Label, Switch, XStack, YStack } from '@hanzo/gui'
 
 /**
  *  IMPORTANT NOTE: if you're copy-pasting this demo into your code, make sure to add:

package/src/ToggleGroupDemo.tsx

@@ -1,5 +1,5 @@
 import { AlignCenter, AlignLeft, AlignRight } from '@hanzogui/lucide-icons-2'
-import { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from 'hanzogui'
+import { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from '@hanzo/gui'
 
 export function ToggleGroupDemo() {
   return (

package/src/TokensDemo.tsx

@@ -1,7 +1,7 @@
 import type { Tokens } from '@hanzogui/core'
 import { getConfig } from '@hanzogui/core'
 import React from 'react'
-import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from 'hanzogui'
+import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from '@hanzo/gui'
 
 type Section = 'spaceNegative' | keyof Tokens
 

package/src/TooltipDemo.tsx

@@ -5,8 +5,8 @@ import {
   ChevronUp,
   Circle,
 } from '@hanzogui/lucide-icons-2'
-import type { TooltipProps } from 'hanzogui'
-import { Button, Paragraph, Theme, Tooltip, TooltipGroup, XStack, YStack } from 'hanzogui'
+import type { TooltipProps } from '@hanzo/gui'
+import { Button, Paragraph, Theme, Tooltip, TooltipGroup, XStack, YStack } from '@hanzo/gui'
 
 export function TooltipDemo() {
   return (

package/src/UpdateThemeDemo.tsx

@@ -10,7 +10,7 @@ import {
   YStack,
   getVariableValue,
   useIsomorphicLayoutEffect,
-} from 'hanzogui'
+} from '@hanzo/gui'
 
 const colors = config.tokens.color
 const colorKeys = Object.keys(colors)

package/src/hanzogui.config.ts

@@ -1,5 +1,5 @@
 import { config } from '@hanzogui/dev-config'
-import { createGui } from 'hanzogui'
+import { createGui } from '@hanzo/gui'
 
 const tamaConf = createGui(config)
 

package/src/useOnIntersecting.tsx

@@ -1,6 +1,6 @@
 import type { RefObject } from 'react'
 import { useEffect, useState } from 'react'
-import { isWeb, useEvent } from 'hanzogui'
+import { isWeb, useEvent } from '@hanzo/gui'
 
 type DisposeFn = () => void