@hanzogui/demos 8.0.0 → 8.0.1

package/dist/esm/SwitchHeadlessDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from "react";
 import { useSwitch } from "@hanzogui/switch-headless";
 import { Animated, Pressable } from "react-native";
-import { Label, XStack, YStack } from "hanzogui";
+import { Label, XStack, YStack } from "@hanzo/gui";
 function SwitchHeadlessDemo() {
   return /* @__PURE__ */_jsx(YStack, {
     width: 200,

package/dist/esm/SwitchUnstyledDemo.mjs

@@ -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";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Frame = styled(View, {
   width: 40,

package/dist/esm/SwitchUnstyledDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View, styled } from "@hanzogui/core";
 import { createSwitch } from "@hanzogui/switch";
-import { Label, XStack, YStack } from "hanzogui";
+import { Label, XStack, YStack } from "@hanzo/gui";
 var Frame = styled(View, {
   width: 40,
   height: 20,

package/dist/esm/TabsAdvancedDemo.mjs

@@ -1,5 +1,5 @@
 import React from "react";
-import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "hanzogui";
+import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "@hanzo/gui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const demos = ["background", "underline"];
 const demosTitle = {

package/dist/esm/TabsAdvancedDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "hanzogui";
+import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "@hanzo/gui";
 var demos = ["background", "underline"];
 var demosTitle = {
   background: "Background Indicator",

package/dist/esm/TabsDemo.mjs

@@ -1,5 +1,5 @@
 import React from "react";
-import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "hanzogui";
+import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const demos = ["horizontal", "vertical"];
 const demosTitle = {

package/dist/esm/TabsDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "hanzogui";
+import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "@hanzo/gui";
 var demos = ["horizontal", "vertical"];
 var demosTitle = {
   horizontal: "Horizontal",

package/dist/esm/TabsHeadlessDemo.mjs

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "hanzogui";
+import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "@hanzo/gui";
 import { createTabs } from "@hanzogui/tabs";
 import { getButtonSized } from "@hanzogui/get-button-sized";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/esm/TabsHeadlessDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from "react";
-import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "hanzogui";
+import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "@hanzo/gui";
 import { createTabs } from "@hanzogui/tabs";
 import { getButtonSized } from "@hanzogui/get-button-sized";
 var demos = ["horizontal", "vertical"];

package/dist/esm/TextDemo.mjs

@@ -1,4 +1,4 @@
-import { Em, Paragraph, SizableText, Span, Strong, YStack } from "hanzogui";
+import { Em, Paragraph, SizableText, Span, Strong, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function TextDemo() {
   return /* @__PURE__ */jsxs(YStack, {

package/dist/esm/TextDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Em, Paragraph, SizableText, Span, Strong, YStack } from "hanzogui";
+import { Em, Paragraph, SizableText, Span, Strong, YStack } from "@hanzo/gui";
 function TextDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     gap: "$2",

package/dist/esm/ThemeBuilderDemo.mjs

@@ -1,4 +1,4 @@
-import { Square, XStack, YStack } from "hanzogui";
+import { Square, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ThemeBuilderDemo() {
   return /* @__PURE__ */jsx(YStack, {

package/dist/esm/ThemeBuilderDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Square, XStack, YStack } from "hanzogui";
+import { Square, XStack, YStack } from "@hanzo/gui";
 function ThemeBuilderDemo() {
   return /* @__PURE__ */_jsx(YStack, {
     fullscreen: true,

package/dist/esm/ThemeInverseDemo.mjs

@@ -1,4 +1,4 @@
-import { Button, H5, Theme, XStack, YStack } from "hanzogui";
+import { Button, H5, Theme, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ThemeInverseDemo() {
   return /* @__PURE__ */jsxs(XStack, {

package/dist/esm/ThemeInverseDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, H5, Theme, XStack, YStack } from "hanzogui";
+import { Button, H5, Theme, XStack, YStack } from "@hanzo/gui";
 function ThemeInverseDemo() {
   return /* @__PURE__ */_jsxs(XStack, {
     gap: "$4",

package/dist/esm/ToastDemo.mjs

@@ -1,8 +1,8 @@
-import { isWeb } from "hanzogui";
+import { isWeb } from "@hanzo/gui";
 import { Toast, toast, useToastItem } from "@hanzogui/toast/v2";
 import { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowUp, ArrowUpLeft, 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";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const ToastDemo = () => {
   const [position, setPosition] = useState("bottom-right");

package/dist/esm/ToastDemo.native.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { isWeb } from "hanzogui";
+import { isWeb } from "@hanzo/gui";
 import { Toast, toast, useToastItem } from "@hanzogui/toast/v2";
 import { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowUp, ArrowUpLeft, 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";
 var ToastDemo = function () {
   var [position, setPosition] = useState("bottom-right");
   var [gap, setGap] = useState(14);

package/dist/esm/ToastDuplicateDemo.mjs

@@ -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";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const ToastDuplicateDemo = () => {
   return /* @__PURE__ */jsxs(Toast, {

package/dist/esm/ToastDuplicateDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 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";
 var ToastDuplicateDemo = function () {
   return /* @__PURE__ */_jsxs(Toast, {
     children: [/* @__PURE__ */_jsx(Toast.Viewport, {

package/dist/esm/ToastV1Demo.mjs

@@ -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";
 import { jsx, jsxs } from "react/jsx-runtime";
 const ToastV1Demo = () => {
   const [native, setNative] = React.useState(false);

package/dist/esm/ToastV1Demo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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";
 var ToastV1Demo = function () {
   var [native, setNative] = React.useState(false);
   return /* @__PURE__ */_jsxs(YStack, {

package/dist/esm/ToggleGroupDemo.mjs

@@ -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";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ToggleGroupDemo() {
   return /* @__PURE__ */jsx(YStack, {

package/dist/esm/ToggleGroupDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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";
 function ToggleGroupDemo() {
   return /* @__PURE__ */_jsx(YStack, {
     px: "$4",

package/dist/esm/TokensDemo.mjs

@@ -1,6 +1,6 @@
 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";
 import { jsx, jsxs } from "react/jsx-runtime";
 const sections = [{
   name: `Size`,

package/dist/esm/TokensDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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";
 var sections = [{
   name: `Size`,
   key: `size`

package/dist/esm/TooltipDemo.mjs

@@ -1,5 +1,5 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@hanzogui/lucide-icons-2";
-import { Button, Paragraph, Theme, Tooltip, TooltipGroup, XStack, YStack } from "hanzogui";
+import { Button, Paragraph, Theme, Tooltip, TooltipGroup, XStack, YStack } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function TooltipDemo() {
   return /* @__PURE__ */jsx(Theme, {

package/dist/esm/TooltipDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@hanzogui/lucide-icons-2";
-import { Button, Paragraph, Theme, Tooltip, TooltipGroup, XStack, YStack } from "hanzogui";
+import { Button, Paragraph, Theme, Tooltip, TooltipGroup, XStack, YStack } from "@hanzo/gui";
 function TooltipDemo() {
   return /* @__PURE__ */_jsx(Theme, {
     name: "surface2",

package/dist/esm/UpdateThemeDemo.mjs

@@ -1,7 +1,7 @@
 import React from "react";
 import { config } from "@hanzogui/config/v3";
 import { addTheme, updateTheme } from "@hanzogui/theme";
-import { Button, Square, Theme, XStack, YStack, getVariableValue, useIsomorphicLayoutEffect } from "hanzogui";
+import { Button, Square, Theme, XStack, YStack, getVariableValue, useIsomorphicLayoutEffect } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const colors = config.tokens.color;
 const colorKeys = Object.keys(colors);

package/dist/esm/UpdateThemeDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { config } from "@hanzogui/config/v3";
 import { addTheme, updateTheme } from "@hanzogui/theme";
-import { Button, Square, Theme, XStack, YStack, getVariableValue, useIsomorphicLayoutEffect } from "hanzogui";
+import { Button, Square, Theme, XStack, YStack, getVariableValue, useIsomorphicLayoutEffect } from "@hanzo/gui";
 var colors = config.tokens.color;
 var colorKeys = Object.keys(colors);
 function UpdateThemeDemo() {

package/dist/esm/hanzogui.config.mjs

@@ -1,5 +1,5 @@
 import { config } from "@hanzogui/dev-config";
-import { createGui } from "hanzogui";
+import { createGui } from "@hanzo/gui";
 const tamaConf = createGui(config);
 var hanzogui_config_default = tamaConf;
 export { hanzogui_config_default as default };

package/dist/esm/hanzogui.config.native.js

@@ -1,5 +1,5 @@
 import { config } from "@hanzogui/dev-config";
-import { createGui } from "hanzogui";
+import { createGui } from "@hanzo/gui";
 var tamaConf = createGui(config);
 var hanzogui_config_default = tamaConf;
 export { hanzogui_config_default as default };

package/dist/esm/useOnIntersecting.mjs

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { isWeb, useEvent } from "hanzogui";
+import { isWeb, useEvent } from "@hanzo/gui";
 function useIsIntersecting(refs, {
   once,
   ...opts

package/dist/esm/useOnIntersecting.native.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { isWeb, useEvent } from "hanzogui";
+import { isWeb, useEvent } from "@hanzo/gui";
 function useIsIntersecting(refs) {
   var {
     once,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/demos",
-  "version": "8.0.0",
+  "version": "8.0.1",
   "source": "demos/src/index.tsx",
   "files": [
     "src",
@@ -60,7 +60,7 @@
     "@hanzogui/input": "8.0.0",
     "@hanzogui/linear-gradient": "8.0.0",
     "@hanzogui/list-item": "8.0.0",
-    "@hanzogui/logo": "8.0.0",
+    "@hanzogui/logo": "8.0.1",
     "@hanzogui/lucide-icons-2": "8.0.0",
     "@hanzogui/menu": "8.0.0",
     "@hanzogui/popover": "8.0.0",
@@ -78,7 +78,7 @@
     "@hanzogui/dev-config": "8.0.0",
     "@hanzogui/theme": "8.0.0",
     "@hanzogui/toast": "8.0.0",
-    "hanzogui": "8.0.0"
+    "@hanzo/gui": "8.0.0"
   },
   "devDependencies": {
     "@hanzogui/build": "8.0.0",

package/src/AccordionDemo.tsx

@@ -1,5 +1,5 @@
 import { ChevronDown } from '@hanzogui/lucide-icons-2'
-import { Accordion, Paragraph, Square } from 'hanzogui'
+import { Accordion, Paragraph, Square } from '@hanzo/gui'
 
 export function AccordionDemo() {
   return (

package/src/AddThemeDemo.tsx

@@ -1,7 +1,7 @@
 import { addTheme } from '@hanzogui/theme'
 import React from 'react'
 
-import { Button, H3, Theme, View, YStack } from 'hanzogui'
+import { Button, H3, Theme, View, YStack } from '@hanzo/gui'
 
 export function AddThemeDemo() {
   const [theme, setTheme] = React.useState<any>()

package/src/AlertDialogDemo.tsx

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

package/src/AnimationsDelayDemo.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from 'hanzogui'
+import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from '@hanzo/gui'
 
 import { useIsIntersecting } from './useOnIntersecting'
 

package/src/AnimationsDemo.tsx

@@ -1,6 +1,6 @@
 import { LogoIcon } from '@hanzogui/logo'
 import { Play } from '@hanzogui/lucide-icons-2'
-import { Button, isWeb, Square, useControllableState, Image, useEvent } from 'hanzogui'
+import { Button, isWeb, Square, useControllableState, Image, useEvent } from '@hanzo/gui'
 
 export function AnimationsDemo(props) {
   const [positionI, setPositionI] = useControllableState({

package/src/AnimationsEnterDemo.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { LogoIcon } from '@hanzogui/logo'
 
-import { Button, Square, YStack, isWeb } from 'hanzogui'
+import { Button, Square, YStack, isWeb } from '@hanzo/gui'
 
 import { useIsIntersecting } from './useOnIntersecting'
 

package/src/AnimationsHoverDemo.tsx

@@ -1,5 +1,5 @@
 import { LogoIcon } from '@hanzogui/logo'
-import { Square } from 'hanzogui'
+import { Square } from '@hanzo/gui'
 
 export function AnimationsHoverDemo() {
   return (

package/src/AnimationsPresenceDemo.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { AnimatePresence } from '@hanzogui/animate-presence'
 import { ArrowLeft, ArrowRight } from '@hanzogui/lucide-icons-2'
 
-import { Button, Image, XStack, YStack, styled } from 'hanzogui'
+import { Button, Image, XStack, YStack, styled } from '@hanzo/gui'
 
 // @ts-ignore
 import photo1 from '../../public/photo1.jpg'

package/src/AnimationsTimingDemo.tsx

@@ -1,5 +1,5 @@
 import { LogoIcon } from '@hanzogui/logo'
-import { Square } from 'hanzogui'
+import { Square } from '@hanzo/gui'
 
 export function AnimationsTimingDemo() {
   return (

package/src/AvatarDemo.tsx

@@ -1,4 +1,4 @@
-import { Avatar, XStack } from 'hanzogui'
+import { Avatar, XStack } from '@hanzo/gui'
 
 export function AvatarDemo() {
   return (

package/src/BoxShadowTokenDemo.tsx

@@ -1,4 +1,4 @@
-import { styled, View, Text, YStack } from 'hanzogui'
+import { styled, View, Text, YStack } from '@hanzo/gui'
 
 // styled() with boxShadow containing embedded $token
 // if web imports are picked up on native, this resolves to var(--shadowColor)

package/src/BuildAButtonDemo.tsx

@@ -1,6 +1,6 @@
 import { Drumstick, Hand } from '@hanzogui/lucide-icons-2'
-import type { ButtonProps, ThemeName } from 'hanzogui'
-import { Button, XStack, YStack } from 'hanzogui'
+import type { ButtonProps, ThemeName } from '@hanzo/gui'
+import { Button, XStack, YStack } from '@hanzo/gui'
 
 const outlined = {
   bg: 'transparent',

package/src/ButtonDemo.tsx

@@ -1,6 +1,6 @@
 import { Button } from '@hanzogui/button'
 import { Activity, Airplay } from '@hanzogui/lucide-icons-2'
-import { Theme, XGroup, XStack, YStack } from 'hanzogui'
+import { Theme, XGroup, XStack, YStack } from '@hanzo/gui'
 
 export function ButtonDemo() {
   return (

package/src/CardDemo.tsx

@@ -1,5 +1,5 @@
-import type { CardProps } from 'hanzogui'
-import { Button, Card, H2, Image, Paragraph, Theme, XStack } from 'hanzogui'
+import type { CardProps } from '@hanzo/gui'
+import { Button, Card, H2, Image, Paragraph, Theme, XStack } from '@hanzo/gui'
 
 export function CardDemo() {
   return (

package/src/CheckboxDemo.tsx

@@ -1,6 +1,6 @@
 import { Check as CheckIcon } from '@hanzogui/lucide-icons-2'
-import type { CheckboxProps } from 'hanzogui'
-import { Checkbox, Label, Theme, XStack, YStack } from 'hanzogui'
+import type { CheckboxProps } from '@hanzo/gui'
+import { Checkbox, Label, Theme, XStack, YStack } from '@hanzo/gui'
 
 export function CheckboxDemo() {
   return (

package/src/CheckboxHeadlessDemo.tsx

@@ -5,7 +5,7 @@ import { Check, Minus } from '@hanzogui/lucide-icons-2'
 
 import type { View } from 'react-native'
 import { Pressable } from 'react-native'
-import { Label, XStack, YStack } from 'hanzogui'
+import { Label, XStack, YStack } from '@hanzo/gui'
 
 export function CheckboxHeadlessDemo() {
   return (

package/src/CheckboxUnstyledDemo.tsx

@@ -1,7 +1,7 @@
 import { createCheckbox } from '@hanzogui/checkbox'
 import { View, styled } from '@hanzogui/core'
 import { Check } from '@hanzogui/lucide-icons-2'
-import { Label, XStack, YStack } from 'hanzogui'
+import { Label, XStack, YStack } from '@hanzo/gui'
 
 const Frame = styled(View, {
   borderWidth: 1,

package/src/ColorsDemo.tsx

@@ -10,7 +10,7 @@ import {
   yellow,
   yellowDark,
 } from '@hanzogui/colors'
-import { H2, Paragraph, Separator, Square, XStack, YStack } from 'hanzogui'
+import { H2, Paragraph, Separator, Square, XStack, YStack } from '@hanzo/gui'
 
 const colorGroups = ['gray', 'blue', 'green', 'yellow', 'red'] as const
 

package/src/ContextMenuDemo.tsx

@@ -1,7 +1,7 @@
 import { ContextMenu } from '@hanzogui/context-menu'
 import { Calendar, Check, ChevronRight } from '@hanzogui/lucide-icons-2'
 import React from 'react'
-import { Text, View, YStack } from 'hanzogui'
+import { Text, View, YStack } from '@hanzo/gui'
 
 /**
  * Note: you'll want to use createMenu() to customize further.

package/src/DialogDemo.tsx

@@ -15,7 +15,7 @@ import {
   View,
   XGroup,
   XStack,
-} from 'hanzogui'
+} from '@hanzo/gui'
 import { SelectDemoContents } from './SelectDemo'
 
 type DialogMode = 'plain' | 'adapt' | 'keepMounted'

package/src/FormsDemo.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type { SizeTokens } from 'hanzogui'
+import type { SizeTokens } from '@hanzo/gui'
 import {
   Button,
   Form,
@@ -11,7 +11,7 @@ import {
   XGroup,
   Label,
   YStack,
-} from 'hanzogui'
+} from '@hanzo/gui'
 
 export function FormsDemo(props: { size: SizeTokens }) {
   const [status, setStatus] = React.useState<'off' | 'submitting' | 'submitted'>('off')

package/src/GroupDemo.tsx

@@ -1,5 +1,5 @@
 import { Activity, Airplay } from '@hanzogui/lucide-icons-2'
-import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from 'hanzogui'
+import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from '@hanzo/gui'
 
 export function GroupDemo() {
   return (

package/src/HeadingsDemo.tsx

@@ -1,4 +1,4 @@
-import { H1, H2, H3, H4, H5, H6, YStack } from 'hanzogui'
+import { H1, H2, H3, H4, H5, H6, YStack } from '@hanzo/gui'
 
 export function HeadingsDemo() {
   return (

package/src/InputsDemo.tsx

@@ -1,5 +1,5 @@
-import type { SizeTokens } from 'hanzogui'
-import { Button, Input, TextArea, XStack, YStack } from 'hanzogui'
+import type { SizeTokens } from '@hanzo/gui'
+import { Button, Input, TextArea, XStack, YStack } from '@hanzo/gui'
 
 export function InputsDemo() {
   return (

package/src/LabelDemo.tsx

@@ -1,4 +1,4 @@
-import { Input, Label, Switch, XStack, YStack } from 'hanzogui'
+import { Input, Label, Switch, XStack, YStack } from '@hanzo/gui'
 
 export function LabelDemo() {
   return (

package/src/LinearGradientDemo.tsx

@@ -1,4 +1,4 @@
-import { XStack } from 'hanzogui'
+import { XStack } from '@hanzo/gui'
 import { LinearGradient } from '@hanzogui/linear-gradient'
 
 export function LinearGradientDemo() {

package/src/ListItemDemo.tsx

@@ -1,5 +1,5 @@
 import { ChevronRight, Cloud, Moon, Star, Sun } from '@hanzogui/lucide-icons-2'
-import { ListItem, Separator, Theme, XStack, YGroup } from 'hanzogui'
+import { ListItem, Separator, Theme, XStack, YGroup } from '@hanzo/gui'
 
 export function ListItemDemo() {
   return (

package/src/LucideIconsDemo.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import * as LucideIcons from '@hanzogui/lucide-icons-2'
 
 import { ScrollView } from 'react-native'
-import { Input, Paragraph, Spacer, YStack, useDebounceValue } from 'hanzogui'
+import { Input, Paragraph, Spacer, YStack, useDebounceValue } from '@hanzo/gui'
 
 import { Grid } from './Grid'
 

package/src/MenuDemo.tsx

@@ -9,7 +9,7 @@ import {
 } from '@hanzogui/lucide-icons-2'
 import { Menu } from '@hanzogui/menu'
 import React from 'react'
-import { Button } from 'hanzogui'
+import { Button } from '@hanzo/gui'
 
 /**
  * Menu Demo using Gui Menu component.

package/src/NewInputsDemo.tsx

@@ -1,5 +1,5 @@
-import type { SizeTokens } from 'hanzogui'
-import { Button, Theme, XStack, YStack } from 'hanzogui'
+import type { SizeTokens } from '@hanzo/gui'
+import { Button, Theme, XStack, YStack } from '@hanzo/gui'
 import { Input, TextArea } from '@hanzogui/input'
 
 export function NewInputsDemo() {