@hanzogui/demos 4.3.1 → 8.0.0

package/dist/esm/AnimationsPresenceDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","AnimatePresence","ArrowLeft","ArrowRight","Button","Image","XStack","YStack","styled","photo1","photo2","photo3","jsx","jsxs","images","map","x","src","GalleryItem","z","opacity","fullscreen","variants","going","enterStyle","exitStyle","zIndex","wrap","min","max","v","rangeSize","AnimationsPresenceDemo","page","setPage","useState","imageIndex","length","paginate","going2","overflow","bg","position","height","width","items","children","initial","custom","transition","objectFit","icon","size","l","circular","onPress","boxShadow","r"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","AnimatePresence","ArrowLeft","ArrowRight","Button","Image","XStack","YStack","styled","photo1","photo2","photo3","jsx","jsxs","images","map","x","src","GalleryItem","z","opacity","fullscreen","variants","going","enterStyle","exitStyle","zIndex","wrap","min","max","v","rangeSize","AnimationsPresenceDemo","page","setPage","useState","imageIndex","length","paginate","going2","overflow","bg","position","height","width","items","children","initial","custom","transition","objectFit","icon","size","l","circular","onPress","boxShadow","r"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/AnimationsPresenceDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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 "@hanzo/gui";
+import { Button, Image, XStack, YStack, styled } from "hanzogui";
 import photo1 from "../../public/photo1.jpg";
 import photo2 from "../../public/photo2.jpg";
 import photo3 from "../../public/photo3.jpg";

package/dist/esm/AnimationsPresenceDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","AnimatePresence","ArrowLeft","ArrowRight","Button","Image","XStack","YStack","styled","photo1","photo2","photo3","images","map","x","src","GalleryItem","z","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","zIndex","wrap","min","max","v","rangeSize","AnimationsPresenceDemo","page","setPage","useState","imageIndex","length","paginate","going2","overflow","bg","position","height","width","items","children","initial","custom","transition","objectFit","icon","size"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS;AACT,SAASC,eAAW,oCAAkB;AAEtC,SAASC,SAAQ,EAAAC,UAAO,QAAQ,0BAAsB;AAGtD,SAAOC,MAAA,EAAAC,KAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAEnB,OAAOC,MAAA,MAAY;AAEnB,OAAOC,MAAA,MAAY;AA0Cf,OAAAC,MAUM,MAVN;AAxCG,IAAAC,MAAM,IAEbH,MAAM,EACJC,MAAG,EACHC,MAAG,EACHE,GAAA,WAASC,CAAA;EACT,OAAAA,CAAA,CAAAC,GAAY,IAAAD,CAAA;AAAA,EAEZ;AAAU,IAAAE,WAAA,GAAAR,MAAA,CAAAD,MAAA;EAAAU,CAAA,EAER;EAAOH,CAAA,GACL;EAAuBI,OACrB;EAAYC,UACV,EAAG;EAAmBC,QACtB;IAAS;IACXC,KACA;MAAW,SACT,WAAAC,CAAQD,KAAA;QAAA,OACL;UACHE,UAAS;YACXT,CAAA,EAAAO,KAAA;YACFH,OAAA;UACF;UACFM,SAAA;YACDC,MAAA;YAEKX,CAAO,EAACO,KAAa,IAAa,MAAc;YAC9CH,OAAA,EAAY;UAClB;QACF;MAEO;IACL;EAEA;AACA;AACE,IAAAQ,IAAA,YAAAA,CAAgBC,GAAA,EAAAC,GAAO,EAAAC,CAAA;EACzB,IAAAC,SAAA,GAAAF,GAAA,GAAAD,GAAA;EAEA,OACE,EAAAE,CAAA,GAAAF,GAAA,IAAAG,SAAA,GAAAA,SAAA,IAAAA,SAAA,GAAAH,GAAA;AAAA;AAAC,SAAAI,uBAAA;EAAA,IACC,EAAAC,IAAA,EAAAX,KAAS,GAAAY,OAAA,IAAAjC,KAAA,CAAAkC,QAAA,KACN,EACM;EACD,IACRC,UAAM,GAAAT,IAAA,IAAAd,MAAA,CAAAwB,MAAA,EAAAJ,IAAA;EAAA,IACNK,QAAM,YAAAA,CAAAC,MAAA;IAAAL,OAEN,EAAAD,IAAA,GAAAM,MAAA,EAIAA,MAEA;EAAC;EAAA,sBACCvC,KAAW,CAAAO,MAAA;IAAAiC,QACX,UAAM;IAAAC,EAAA,QACN;IAAKC,QACL,YAAS;IAAAC,MAAA,EACT,GAAE;IAAAC,KAAA,QACF;IAAQC,KAAA,UACR;IAA0BC,QAC1B,GAAU,eACPhD,IAAA,CAAAI,eAAA;MAAA6C,OAAA;MACLC,MAAA;QAEA1B;MAAA;MAACwB,QAAA,iBAAAhD,IAAA,CAAAmB,WAAA;QAAAgC,UACC,QAAW;QAAA3B,KACX;QAAMwB,QACD,iBAAAhD,IAAA,CAAAQ,KAAA;UACLU,GAAA,EAAAH,MAAS,CAAAuB,UAAA;UACTQ,KAAE;UACFD,MAAA,KAAQ;UACRO,SAAS;QAAgB;MACf,GAAAjB,IACP;IAAA,mBACLnC,IAAA,CAAAO,MAAA;MAAA;MAAA8C,IAAA,EAAAhD,SAAA;MACFiD,IAAA;MAEJV,QAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","AnimatePresence","ArrowLeft","ArrowRight","Button","Image","XStack","YStack","styled","photo1","photo2","photo3","images","map","x","src","GalleryItem","z","opacity","fullscreen","variants","going",":number","enterStyle","exitStyle","zIndex","wrap","max","v","rangeSize","min","AnimationsPresenceDemo","page","setPage","useState","imageIndex","length","paginate","going2","overflow","bg","position","height","width","items","children","initial","custom","transition","objectFit","icon","size"],"sources":["../../src/AnimationsPresenceDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS;AACT,SAASC,eAAW,oCAAkB;AAEtC,SAASC,SAAQ,EAAAC,UAAO,QAAQ,0BAAsB;AAGtD,SAAOC,MAAA,EAAAC,KAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAEnB,OAAOC,MAAA,MAAY;AAEnB,OAAOC,MAAA,MAAY;AA0Cf,OAAAC,MAUM,MAVN;AAxCG,IAAAC,MAAM,IAEbH,MAAM,EACJC,MAAG,EACHC,MAAG,EACHE,GAAA,WAASC,CAAA;EACT,OAAAA,CAAA,CAAAC,GAAY,IAAAD,CAAA;AAAA,EAEZ;AAAU,IAAAE,WAAA,GAAAR,MAAA,CAAAD,MAAA;EAAAU,CAAA,EAER;EAAOH,CAAA,GACL;EAAuBI,OACrB;EAAYC,UACV,EAAG;EAAmBC,QACtB;IAAS;IACXC,KACA;MAAW,SACT,WAAAC,CAAQD,KAAA;QAAA,OACL;UACHE,UAAS;YACXT,CAAA,EAAAO,KAAA;YACFH,OAAA;UACF;UACFM,SAAA;YACDC,MAAA;YAEKX,CAAO,EAACO,KAAa,IAAa,MAAc;YAC9CH,OAAA,EAAY;UAClB;QACF;MAEO;IACL;EAEA;AACA;AACE,IAAAQ,IAAA,YAAAA,CAAgBL,GAAA,EAAAM,GAAO,EAAAC,CAAA;EACzB,IAAAC,SAAA,GAAAF,GAAA,GAAAG,GAAA;EAEA,OACE,EAAAF,CAAA,GAAAE,GAAA,IAAAD,SAAA,GAAAA,SAAA,IAAAA,SAAA,GAAAC,GAAA;AAAA;AAAC,SAAAC,uBAAA;EAAA,IACC,EAAAC,IAAA,EAAAX,KAAS,GAAAY,OAAA,IAAAjC,KAAA,CAAAkC,QAAA,KACN,EACM;EACD,IACRC,UAAM,GAAAT,IAAA,IAAAd,MAAA,CAAAwB,MAAA,EAAAJ,IAAA;EAAA,IACNK,QAAM,YAAAA,CAAAC,MAAA;IAAAL,OAEN,EAAAD,IAAA,GAAAM,MAAA,EAIAA,MAEA;EAAC;EAAA,sBACCvC,KAAW,CAAAO,MAAA;IAAAiC,QACX,UAAM;IAAAC,EAAA,QACN;IAAKC,QACL,YAAS;IAAAC,MAAA,EACT,GAAE;IAAAC,KAAA,QACF;IAAQC,KAAA,UACR;IAA0BC,QAC1B,GAAU,eACPhD,IAAA,CAAAI,eAAA;MAAA6C,OAAA;MACLC,MAAA;QAEA1B;MAAA;MAACwB,QAAA,iBAAAhD,IAAA,CAAAmB,WAAA;QAAAgC,UACC,QAAW;QAAA3B,KACX;QAAMwB,QACD,iBAAAhD,IAAA,CAAAQ,KAAA;UACLU,GAAA,EAAAH,MAAS,CAAAuB,UAAA;UACTQ,KAAE;UACFD,MAAA,KAAQ;UACRO,SAAS;QAAgB;MACf,GAAAjB,IACP;IAAA,mBACLnC,IAAA,CAAAO,MAAA;MAAA;MAAA8C,IAAA,EAAAhD,SAAA;MACFiD,IAAA;MAEJV,QAAA","ignoreList":[]}

package/dist/esm/AnimationsTimingDemo.mjs

@@ -1,5 +1,5 @@
 import { LogoIcon } from "@hanzogui/logo";
-import { Square } from "@hanzo/gui";
+import { Square } from "hanzogui";
 import { jsx } from "react/jsx-runtime";
 function AnimationsTimingDemo() {
   return /* @__PURE__ */jsx(Square, {

package/dist/esm/AnimationsTimingDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LogoIcon } from "@hanzogui/logo";
-import { Square } from "@hanzo/gui";
+import { Square } from "hanzogui";
 function AnimationsTimingDemo() {
   return /* @__PURE__ */_jsx(Square, {
     bg: "$color9",

package/dist/esm/AvatarDemo.mjs

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

package/dist/esm/AvatarDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, XStack } from "@hanzo/gui";
+import { Avatar, XStack } from "hanzogui";
 function AvatarDemo() {
   return /* @__PURE__ */_jsxs(XStack, {
     items: "center",

package/dist/esm/BoxShadowTokenDemo.mjs

@@ -1,4 +1,4 @@
-import { styled, View, Text, YStack } from "@hanzo/gui";
+import { styled, View, Text, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const StyledShadowBox = styled(View, {
   width: 100,

package/dist/esm/BoxShadowTokenDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled, View, Text, YStack } from "@hanzo/gui";
+import { styled, View, Text, YStack } from "hanzogui";
 var StyledShadowBox = styled(View, {
   width: 100,
   height: 100,

package/dist/esm/BuildAButtonDemo.mjs

@@ -1,5 +1,5 @@
 import { Drumstick, Hand } from "@hanzogui/lucide-icons-2";
-import { Button, XStack, YStack } from "@hanzo/gui";
+import { Button, XStack, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const outlined = {
   bg: "transparent",

package/dist/esm/BuildAButtonDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Drumstick, Hand } from "@hanzogui/lucide-icons-2";
-import { Button, XStack, YStack } from "@hanzo/gui";
+import { Button, XStack, YStack } from "hanzogui";
 var outlined = {
   bg: "transparent",
   borderWidth: 2,

package/dist/esm/ButtonDemo.mjs

@@ -1,6 +1,6 @@
 import { Button } from "@hanzogui/button";
 import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
-import { Theme, XGroup, XStack, YStack } from "@hanzo/gui";
+import { Theme, XGroup, XStack, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ButtonDemo() {
   return /* @__PURE__ */jsxs(YStack, {

package/dist/esm/ButtonDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@hanzogui/button";
 import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
-import { Theme, XGroup, XStack, YStack } from "@hanzo/gui";
+import { Theme, XGroup, XStack, YStack } from "hanzogui";
 function ButtonDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     p: "$3",

package/dist/esm/CardDemo.mjs

@@ -1,4 +1,4 @@
-import { Button, Card, H2, Image, Paragraph, Theme, XStack } from "@hanzo/gui";
+import { Button, Card, H2, Image, Paragraph, Theme, XStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function CardDemo() {
   return /* @__PURE__ */jsx(Theme, {

package/dist/esm/CardDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Card, H2, Image, Paragraph, Theme, XStack } from "@hanzo/gui";
+import { Button, Card, H2, Image, Paragraph, Theme, XStack } from "hanzogui";
 function CardDemo() {
   return /* @__PURE__ */_jsx(Theme, {
     name: "surface1",

package/dist/esm/CheckboxDemo.mjs

@@ -1,5 +1,5 @@
 import { Check as CheckIcon } from "@hanzogui/lucide-icons-2";
-import { Checkbox, Label, Theme, XStack, YStack } from "@hanzo/gui";
+import { Checkbox, Label, Theme, XStack, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function CheckboxDemo() {
   return /* @__PURE__ */jsx(Theme, {

package/dist/esm/CheckboxDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check as CheckIcon } from "@hanzogui/lucide-icons-2";
-import { Checkbox, Label, Theme, XStack, YStack } from "@hanzo/gui";
+import { Checkbox, Label, Theme, XStack, YStack } from "hanzogui";
 function CheckboxDemo() {
   return /* @__PURE__ */_jsx(Theme, {
     name: "surface2",

package/dist/esm/CheckboxHeadlessDemo.mjs

@@ -2,7 +2,7 @@ import React from "react";
 import { useCheckbox } from "@hanzogui/checkbox-headless";
 import { Check, Minus } from "@hanzogui/lucide-icons-2";
 import { Pressable } from "react-native-web";
-import { Label, XStack, YStack } from "@hanzo/gui";
+import { Label, XStack, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function CheckboxHeadlessDemo() {
   return /* @__PURE__ */jsx(YStack, {

package/dist/esm/CheckboxHeadlessDemo.native.js

@@ -3,7 +3,7 @@ import React from "react";
 import { useCheckbox } from "@hanzogui/checkbox-headless";
 import { Check, Minus } from "@hanzogui/lucide-icons-2";
 import { Pressable } from "react-native";
-import { Label, XStack, YStack } from "@hanzo/gui";
+import { Label, XStack, YStack } from "hanzogui";
 function CheckboxHeadlessDemo() {
   return /* @__PURE__ */_jsx(YStack, {
     width: 200,

package/dist/esm/CheckboxUnstyledDemo.mjs

@@ -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 "@hanzo/gui";
+import { Label, XStack, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Frame = styled(View, {
   borderWidth: 1,

package/dist/esm/CheckboxUnstyledDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createCheckbox } from "@hanzogui/checkbox";
 import { View, styled } from "@hanzogui/core";
 import { Check } from "@hanzogui/lucide-icons-2";
-import { Label, XStack, YStack } from "@hanzo/gui";
+import { Label, XStack, YStack } from "hanzogui";
 var Frame = styled(View, {
   borderWidth: 1,
   borderColor: "$borderColor",

package/dist/esm/ColorsDemo.mjs

@@ -1,5 +1,5 @@
 import { blue, blueDark, gray, grayDark, green, greenDark, red, redDark, yellow, yellowDark } from "@hanzogui/colors";
-import { H2, Paragraph, Separator, Square, XStack, YStack } from "@hanzo/gui";
+import { H2, Paragraph, Separator, Square, XStack, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const colorGroups = ["gray", "blue", "green", "yellow", "red"];
 const lightColors = {

package/dist/esm/ColorsDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { blue, blueDark, gray, grayDark, green, greenDark, red, redDark, yellow, yellowDark } from "@hanzogui/colors";
-import { H2, Paragraph, Separator, Square, XStack, YStack } from "@hanzo/gui";
+import { H2, Paragraph, Separator, Square, XStack, YStack } from "hanzogui";
 var colorGroups = ["gray", "blue", "green", "yellow", "red"];
 var lightColors = {
   gray,

package/dist/esm/ContextMenuDemo.mjs

@@ -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 "@hanzo/gui";
+import { Text, View, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ContextMenuDemo() {
   const [bookmarksChecked, setBookmarksChecked] = React.useState(true);

package/dist/esm/ContextMenuDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ContextMenu } from "@hanzogui/context-menu";
 import { Calendar, Check, ChevronRight } from "@hanzogui/lucide-icons-2";
 import React from "react";
-import { Text, View, YStack } from "@hanzo/gui";
+import { Text, View, YStack } from "hanzogui";
 function ContextMenuDemo() {
   var [bookmarksChecked, setBookmarksChecked] = React.useState(true);
   var [native, setNative] = React.useState(true);

package/dist/esm/DialogDemo.mjs

@@ -1,6 +1,6 @@
 import { ChevronDown, X } from "@hanzogui/lucide-icons-2";
 import { useState } from "react";
-import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "@hanzo/gui";
+import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "hanzogui";
 import { SelectDemoContents } from "./SelectDemo.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 function DialogDemo() {

package/dist/esm/DialogDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, X } from "@hanzogui/lucide-icons-2";
 import { useState } from "react";
-import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "@hanzo/gui";
+import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "hanzogui";
 import { SelectDemoContents } from "./SelectDemo.native.js";
 function DialogDemo() {
   var [mode, setMode] = useState("plain");

package/dist/esm/FormsDemo.mjs

@@ -1,5 +1,5 @@
 import React from "react";
-import { Button, Form, Spinner, AnimatePresence, YStack } from "@hanzo/gui";
+import { Button, Form, Spinner, AnimatePresence, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function FormsDemo(props) {
   const [status, setStatus] = React.useState("off");

package/dist/esm/FormsDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Button, Form, Spinner, AnimatePresence, YStack } from "@hanzo/gui";
+import { Button, Form, Spinner, AnimatePresence, YStack } from "hanzogui";
 function FormsDemo(props) {
   var [status, setStatus] = React.useState("off");
   React.useEffect(function () {

package/dist/esm/GroupDemo.mjs

@@ -1,5 +1,5 @@
 import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
-import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "@hanzo/gui";
+import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function GroupDemo() {
   return /* @__PURE__ */jsxs(YStack, {

package/dist/esm/GroupDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Activity, Airplay } from "@hanzogui/lucide-icons-2";
-import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "@hanzo/gui";
+import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "hanzogui";
 function GroupDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     p: "$3",

package/dist/esm/HeadingsDemo.mjs

@@ -1,4 +1,4 @@
-import { H1, H2, H3, H4, H5, H6, YStack } from "@hanzo/gui";
+import { H1, H2, H3, H4, H5, H6, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function HeadingsDemo() {
   return /* @__PURE__ */jsxs(YStack, {

package/dist/esm/HeadingsDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { H1, H2, H3, H4, H5, H6, YStack } from "@hanzo/gui";
+import { H1, H2, H3, H4, H5, H6, YStack } from "hanzogui";
 function HeadingsDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     self: "center",

package/dist/esm/InputsDemo.mjs

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

package/dist/esm/InputsDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input, TextArea, XStack, YStack } from "@hanzo/gui";
+import { Button, Input, TextArea, XStack, YStack } from "hanzogui";
 function InputsDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     width: 200,

package/dist/esm/LabelDemo.mjs

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

package/dist/esm/LabelDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input, Label, Switch, XStack, YStack } from "@hanzo/gui";
+import { Input, Label, Switch, XStack, YStack } from "hanzogui";
 function LabelDemo() {
   return /* @__PURE__ */_jsxs(YStack, {
     $maxMd: {

package/dist/esm/LinearGradientDemo.mjs

@@ -1,4 +1,4 @@
-import { XStack } from "@hanzo/gui";
+import { XStack } from "hanzogui";
 import { LinearGradient } from "@hanzogui/linear-gradient";
 import { jsx, jsxs } from "react/jsx-runtime";
 function LinearGradientDemo() {

package/dist/esm/LinearGradientDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XStack } from "@hanzo/gui";
+import { XStack } from "hanzogui";
 import { LinearGradient } from "@hanzogui/linear-gradient";
 function LinearGradientDemo() {
   return /* @__PURE__ */_jsxs(XStack, {

package/dist/esm/LinearGradientDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","LinearGradient","LinearGradientDemo","gap","children","width","height","rounded","colors","start","end"],"sources":["../../src/LinearGradientDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,oBAAsB;AAI3B,SAEEC,cAFF;AAFG,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAH,KAAC,CAAAC,MAAA;IAECG,GAAA;IAAAC,QAAC;IAAA,eACOP,IAAA,CAAAI,cAAA;MACNI,KAAA,MAAO;MACPC,MAAA,MAAQ;MACRC,OAAA,EAAS;MACTC,MAAA,EAAQ,CACR,QAAU,cACZ;MAGAC,KAAA,GAAC,KACC;MACAC,GAAA,GACA,GACA;IACY,EACZ,EAAU;IACZ,eAAAb,IAAA,CAAAI,cAAA;MACFI,KAAA;MAEJC,MAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","LinearGradient","LinearGradientDemo","gap","children","width","height","rounded","colors","start","end"],"sources":["../../src/LinearGradientDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,kBAAsB;AAI3B,SAEEC,cAFF;AAFG,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAH,KAAC,CAAAC,MAAA;IAECG,GAAA;IAAAC,QAAC;IAAA,eACOP,IAAA,CAAAI,cAAA;MACNI,KAAA,MAAO;MACPC,MAAA,MAAQ;MACRC,OAAA,EAAS;MACTC,MAAA,EAAQ,CACR,QAAU,cACZ;MAGAC,KAAA,GAAC,KACC;MACAC,GAAA,GACA,GACA;IACY,EACZ,EAAU;IACZ,eAAAb,IAAA,CAAAI,cAAA;MACFI,KAAA;MAEJC,MAAA","ignoreList":[]}

package/dist/esm/ListItemDemo.mjs

@@ -1,5 +1,5 @@
 import { ChevronRight, Cloud, Moon, Star, Sun } from "@hanzogui/lucide-icons-2";
-import { ListItem, Separator, Theme, XStack, YGroup } from "@hanzo/gui";
+import { ListItem, Separator, Theme, XStack, YGroup } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ListItemDemo() {
   return /* @__PURE__ */jsx(Theme, {
@@ -20,10 +20,12 @@ function ListItemDemo1() {
     borderWidth: 1,
     borderColor: "$borderColor",
     rounded: "$4",
+    overflow: "hidden",
     width: 240,
     size: "$4",
     children: [/* @__PURE__ */jsx(YGroup.Item, {
       children: /* @__PURE__ */jsx(ListItem, {
+        gap: "$3",
         icon: Star,
         title: "Star",
         subTitle: /* @__PURE__ */jsx(ListItem.Subtitle, {
@@ -33,16 +35,19 @@ function ListItemDemo1() {
       })
     }), /* @__PURE__ */jsx(YGroup.Item, {
       children: /* @__PURE__ */jsx(ListItem, {
+        gap: "$3",
         icon: Moon,
         children: "Moon"
       })
     }), /* @__PURE__ */jsx(YGroup.Item, {
       children: /* @__PURE__ */jsx(ListItem, {
+        gap: "$3",
         icon: Sun,
         children: "Sun"
       })
     }), /* @__PURE__ */jsx(YGroup.Item, {
       children: /* @__PURE__ */jsx(ListItem, {
+        gap: "$3",
         icon: Cloud,
         children: "Cloud"
       })
@@ -55,10 +60,12 @@ function ListItemDemo2() {
     borderWidth: 1,
     borderColor: "$borderColor",
     rounded: "$4",
+    overflow: "hidden",
     width: 240,
     size: "$5",
     children: [/* @__PURE__ */jsx(YGroup.Item, {
       children: /* @__PURE__ */jsx(ListItem, {
+        gap: "$3",
         title: "Star",
         subTitle: "Subtitle",
         icon: Star,
@@ -66,6 +73,7 @@ function ListItemDemo2() {
       })
     }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(YGroup.Item, {
       children: /* @__PURE__ */jsx(ListItem, {
+        gap: "$3",
         title: "Moon",
         subTitle: "Subtitle",
         icon: Moon,

package/dist/esm/ListItemDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","jsx","jsxs","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,EAAcC,KAAA,EAAOC,IAAA,EAAMC,IAAA,EAAMC,GAAA,QAAW;AACrD,SAASC,QAAA,EAAUC,SAAA,EAAWC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKrD,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAF,GAAA,CAACH,KAAA;IAAMM,IAAA,EAAK;IACVC,QAAA,iBAAAH,IAAA,CAACH,MAAA;MAAOO,MAAA,EAAQ;QAAEC,aAAA,EAAe;MAAS;MAAGC,EAAA,EAAG;MAAKC,GAAA,EAAI;MACvDJ,QAAA,kBAAAJ,GAAA,CAACS,aAAA,IAAc,GACf,eAAAT,GAAA,CAACU,aAAA,IAAc;IAAA,CACjB;EAAA,CACF;AAEJ;AAEA,SAASD,cAAA,EAAgB;EACvB,OACE,eAAAR,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,IAAA,EAAK;IAELZ,QAAA,kBAAAJ,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCuB,IAAA,EAAMzB,IAAA;QACN0B,KAAA,EAAM;QACNC,QAAA,EAAU,eAAApB,GAAA,CAACL,QAAA,CAAS0B,QAAA,EAAT;UAAkBjB,QAAA;QAAA,CAAQ;QACrCkB,SAAA,EAAWhC;MAAA,CACb;IAAA,CACF,GACA,eAAAU,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASuB,IAAA,EAAM1B,IAAA;QAAMY,QAAA;MAAA,CAAI;IAAA,CAC5B,GACA,eAAAJ,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASuB,IAAA,EAAMxB,GAAA;QAAKU,QAAA;MAAA,CAAG;IAAA,CAC1B,GACA,eAAAJ,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASuB,IAAA,EAAM3B,KAAA;QAAOa,QAAA;MAAA,CAAK;IAAA,CAC9B;EAAA,CACF;AAEJ;AAEA,SAASM,cAAA,EAAgB;EACvB,OACE,eAAAT,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,IAAA,EAAK;IAELZ,QAAA,kBAAAJ,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASwB,KAAA,EAAM;QAAOC,QAAA,EAAS;QAAWF,IAAA,EAAMzB,IAAA;QAAM6B,SAAA,EAAWhC;MAAA,CAAc;IAAA,CAClF,GACA,eAAAU,GAAA,CAACJ,SAAA,IAAU,GACX,eAAAI,GAAA,CAACD,MAAA,CAAOkB,IAAA,EAAP;MACCb,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASwB,KAAA,EAAM;QAAOC,QAAA,EAAS;QAAWF,IAAA,EAAM1B,IAAA;QAAM8B,SAAA,EAAWhC;MAAA,CAAc;IAAA,CAClF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","jsx","jsxs","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","overflow","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,EAAcC,KAAA,EAAOC,IAAA,EAAMC,IAAA,EAAMC,GAAA,QAAW;AACrD,SAASC,QAAA,EAAUC,SAAA,EAAWC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKrD,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAF,GAAA,CAACH,KAAA;IAAMM,IAAA,EAAK;IACVC,QAAA,iBAAAH,IAAA,CAACH,MAAA;MAAOO,MAAA,EAAQ;QAAEC,aAAA,EAAe;MAAS;MAAGC,EAAA,EAAG;MAAKC,GAAA,EAAI;MACvDJ,QAAA,kBAAAJ,GAAA,CAACS,aAAA,IAAc,GACf,eAAAT,GAAA,CAACU,aAAA,IAAc;IAAA,CACjB;EAAA,CACF;AAEJ;AAEA,SAASD,cAAA,EAAgB;EACvB,OACE,eAAAR,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,QAAA,EAAS;IACTC,KAAA,EAAO;IACPC,IAAA,EAAK;IAELb,QAAA,kBAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCa,GAAA,EAAI;QACJW,IAAA,EAAM1B,IAAA;QACN2B,KAAA,EAAM;QACNC,QAAA,EAAU,eAAArB,GAAA,CAACL,QAAA,CAAS2B,QAAA,EAAT;UAAkBlB,QAAA;QAAA,CAAQ;QACrCmB,SAAA,EAAWjC;MAAA,CACb;IAAA,CACF,GACA,eAAAU,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASa,GAAA,EAAI;QAAKW,IAAA,EAAM3B,IAAA;QAAMY,QAAA;MAAA,CAE/B;IAAA,CACF,GACA,eAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASa,GAAA,EAAI;QAAKW,IAAA,EAAMzB,GAAA;QAAKU,QAAA;MAAA,CAE9B;IAAA,CACF,GACA,eAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASa,GAAA,EAAI;QAAKW,IAAA,EAAM5B,KAAA;QAAOa,QAAA;MAAA,CAEhC;IAAA,CACF;EAAA,CACF;AAEJ;AAEA,SAASM,cAAA,EAAgB;EACvB,OACE,eAAAT,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,QAAA,EAAS;IACTC,KAAA,EAAO;IACPC,IAAA,EAAK;IAELb,QAAA,kBAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCa,GAAA,EAAI;QACJY,KAAA,EAAM;QACNC,QAAA,EAAS;QACTF,IAAA,EAAM1B,IAAA;QACN8B,SAAA,EAAWjC;MAAA,CACb;IAAA,CACF,GACA,eAAAU,GAAA,CAACJ,SAAA,IAAU,GACX,eAAAI,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCa,GAAA,EAAI;QACJY,KAAA,EAAM;QACNC,QAAA,EAAS;QACTF,IAAA,EAAM3B,IAAA;QACN+B,SAAA,EAAWjC;MAAA,CACb;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/ListItemDemo.native.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronRight, Cloud, Moon, Star, Sun } from "@hanzogui/lucide-icons-2";
-import { ListItem, Separator, Theme, XStack, YGroup } from "@hanzo/gui";
+import { ListItem, Separator, Theme, XStack, YGroup } from "hanzogui";
 function ListItemDemo() {
   return /* @__PURE__ */_jsx(Theme, {
     name: "surface1",
@@ -20,10 +20,12 @@ function ListItemDemo1() {
     borderWidth: 1,
     borderColor: "$borderColor",
     rounded: "$4",
+    overflow: "hidden",
     width: 240,
     size: "$4",
     children: [/* @__PURE__ */_jsx(YGroup.Item, {
       children: /* @__PURE__ */_jsx(ListItem, {
+        gap: "$3",
         icon: Star,
         title: "Star",
         subTitle: /* @__PURE__ */_jsx(ListItem.Subtitle, {
@@ -33,16 +35,19 @@ function ListItemDemo1() {
       })
     }), /* @__PURE__ */_jsx(YGroup.Item, {
       children: /* @__PURE__ */_jsx(ListItem, {
+        gap: "$3",
         icon: Moon,
         children: "Moon"
       })
     }), /* @__PURE__ */_jsx(YGroup.Item, {
       children: /* @__PURE__ */_jsx(ListItem, {
+        gap: "$3",
         icon: Sun,
         children: "Sun"
       })
     }), /* @__PURE__ */_jsx(YGroup.Item, {
       children: /* @__PURE__ */_jsx(ListItem, {
+        gap: "$3",
         icon: Cloud,
         children: "Cloud"
       })
@@ -55,10 +60,12 @@ function ListItemDemo2() {
     borderWidth: 1,
     borderColor: "$borderColor",
     rounded: "$4",
+    overflow: "hidden",
     width: 240,
     size: "$5",
     children: [/* @__PURE__ */_jsx(YGroup.Item, {
       children: /* @__PURE__ */_jsx(ListItem, {
+        gap: "$3",
         title: "Star",
         subTitle: "Subtitle",
         icon: Star,
@@ -66,6 +73,7 @@ function ListItemDemo2() {
       })
     }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(YGroup.Item, {
       children: /* @__PURE__ */_jsx(ListItem, {
+        gap: "$3",
         title: "Moon",
         subTitle: "Subtitle",
         icon: Moon,

package/dist/esm/ListItemDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAOC,KAAA,QAAY,mBAAW;AACrD,SAASC,YAAU,EAAAC,KAAA,EAAWC,IAAA,EAAAC,IAAO,EAAAC,GAAQ,kCAAc;AAKrD,SACEC,QADF,EAAAC,SAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAb,IAAC,CAAAU,KAAA;IAEGI,IAAA;IACAC,QAAA,iBAACb,KAAA,CAAAS,MAAc;MACjBK,MACF;QAEJC,aAAA;MAEA;MACEC,EAAA,EACE;MAACC,GAAA;MAAAJ,QAAA,GACC,eAAKf,IAAA,CAAAoB,aAAA,OACL,eAAapB,IAAA,CAAAqB,aAAA;IACD;EACJ;AACD;AACF,SAELD,cAAA;EAAA,sBAAAlB,KAAC,CAAAU,MAAO;IACNU,IAAA,EAAC;IAAAC,WAAA;IAAAC,WACC,gBAAM;IAAAC,OAAA,EACN;IAAMC,KAAA,KACN;IAAqCC,IAAA,MACrC;IAAWZ,QAAA,kBAEff,IAAA,CAAAY,MAAA,CAAAgB,IAAA;MACAb,QAAA,iBAACf,IAAO,CAAAQ,QACN;QAEFqB,IAAA,EAAAvB,IAAA;QAGAwB,KAAA;QAEAC,QAAA,iBAAA/B,IAAA,CAAAQ,QAAA,CAAAwB,QAAA;UAAAjB,QAAA;QACF;QAEJkB,SAAA,EAAA9B;MAEA,CAAS;IACP,IACG,eAAAH,IAAA,CAAAY,MAAA,CAAAgB,IAAA;MAAAb,QAAA,iBAAAf,IAAA,CAAAQ,QAAA;QACCqB,IAAK,EAAAxB,IAAA;QACLU,QAAA,EAAa;MACb;IACA,IACA,eAAOf,IAAA,CAAAY,MAAA,CAAAgB,IAAA;MACPb,QAAK,iBAAAf,IAAA,CAAAQ,QAAA;QAELqB,IAAA,EAAAtB,GAAA;QAAAQ,QAAA;MAGA;IAAW,EACX,EAEA,eAAAf,IAAA,CAAAY,MAAA,CAAAgB,IAAA;MAAAb,QAAA,iBAAAf,IAAA,CAAAQ,QAAA;QACFqB,IAAA,EAAAzB,KAAA;QAEJW,QAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","overflow","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAOC,KAAA,QAAY,mBAAW;AACrD,SAASC,YAAU,EAAAC,KAAA,EAAWC,IAAA,EAAAC,IAAO,EAAAC,GAAQ,kCAAc;AAKrD,SACEC,QADF,EAAAC,SAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAb,IAAC,CAAAU,KAAA;IAEGI,IAAA;IACAC,QAAA,iBAACb,KAAA,CAAAS,MAAc;MACjBK,MACF;QAEJC,aAAA;MAEA;MACEC,EAAA,EACE;MAACC,GAAA;MAAAJ,QAAA,GACC,eAAKf,IAAA,CAAAoB,aAAA,OACL,eAAapB,IAAA,CAAAqB,aAAA;IACD;EACJ;AACC;AACF,SACPD,aAAKA,CAAA;EAAA,OAEL,eAAAlB,KAAA,CAAAU,MAAA;IAAAU,IAAA;IACEC,WAAC;IAAAC,WAAA;IAAAC,OAAA,EACC,IAAI;IAAAC,QACJ,UAAM;IAAAC,KAAA,KACN;IAAMC,IAAA,MACN;IAAqCb,QACrC,GAAW,eAAAf,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MACbd,QACF,iBAAAf,IAAA,CAAAQ,QAAA;QACAW,GAAA;QAKAW,IAAA,EAAAxB,IAAA;QAKAyB,KAAA;QAIAC,QAAA,iBAAAhC,IAAA,CAAAQ,QAAA,CAAAyB,QAAA;UAAAlB,QAAA;QACF;QAEJmB,SAAA,EAAA/B;MAEA,CAAS;IACP,IACG,eAAAH,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MAAAd,QAAA,iBAAAf,IAAA,CAAAQ,QAAA;QACCW,GAAK;QACLW,IAAA,EAAAzB,IAAa;QACbU,QAAA,EAAY;MACZ;IACA,IACA,eAAOf,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MACPd,QAAK,iBAAAf,IAAA,CAAAQ,QAAA;QAELW,GAAA;QAAAW,IAAA,EAAAvB,GAAA;QACGQ,QAAA;MAAA;IAAA,IACK,eACEf,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MAAAd,QACN,iBAASf,IAAA,CAAAQ,QAAA;QAAAW,GACT,MAAM;QAAAW,IACN,EAAA1B,KAAA;QAAWW,QAAA;MACb;IACF,EACA;EAEE;AAAC;AAAA,SAAAM,aACKA,CAAA;EAAA,sBACEnB,KAAA,CAAAU,MAAA;IAAAU,IAAA,UACN;IAASC,WACT,GAAM;IAAAC,WACN,gBAAW;IAAAC,OAAA;IAAAC,QAEf;IAAAC,KAAA;IAAAC,IAAA;IACFb,QAAA,GAEJ,eAAAf,IAAA,CAAAY,MAAA,CAAAiB,IAAA","ignoreList":[]}

package/dist/esm/LucideIconsDemo.mjs

@@ -1,7 +1,7 @@
 import React from "react";
 import * as LucideIcons from "@hanzogui/lucide-icons-2";
 import { ScrollView } from "react-native-web";
-import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "@hanzo/gui";
+import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "hanzogui";
 import { Grid } from "./Grid.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const lucideIcons = Object.keys(

package/dist/esm/LucideIconsDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import * as LucideIcons from "@hanzogui/lucide-icons-2";
 import { ScrollView } from "react-native";
-import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "@hanzo/gui";
+import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "hanzogui";
 import { Grid } from "./Grid.native.js";
 var lucideIcons = Object.keys(
 // vite tree shaking workaround

package/dist/esm/MenuDemo.mjs

@@ -1,7 +1,7 @@
 import { Backpack, Calendar, Check, ChevronRight, FilePlus, RefreshCw, Trash2 } from "@hanzogui/lucide-icons-2";
 import { Menu } from "@hanzogui/menu";
 import React from "react";
-import { Button } from "@hanzo/gui";
+import { Button } from "hanzogui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function MenuDemo() {
   const [bookmarksChecked, setBookmarksChecked] = React.useState(true);

package/dist/esm/MenuDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Backpack, Calendar, Check, ChevronRight, FilePlus, RefreshCw, Trash2 } from "@hanzogui/lucide-icons-2";
 import { Menu } from "@hanzogui/menu";
 import React from "react";
-import { Button } from "@hanzo/gui";
+import { Button } from "hanzogui";
 function MenuDemo() {
   var [bookmarksChecked, setBookmarksChecked] = React.useState(true);
   var [native, setNative] = React.useState(true);

package/dist/esm/NewInputsDemo.mjs

@@ -1,4 +1,4 @@
-import { Button, XStack, YStack } from "@hanzo/gui";
+import { Button, XStack, YStack } from "hanzogui";
 import { Input, TextArea } from "@hanzogui/input";
 import { jsx, jsxs } from "react/jsx-runtime";
 function NewInputsDemo() {

package/dist/esm/NewInputsDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, XStack, YStack } from "@hanzo/gui";
+import { Button, XStack, YStack } from "hanzogui";
 import { Input, TextArea } from "@hanzogui/input";
 function NewInputsDemo() {
   return /* @__PURE__ */_jsxs(YStack, {

package/dist/esm/PopoverDemo.mjs

@@ -1,6 +1,6 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@hanzogui/lucide-icons-2";
 import { useState } from "react";
-import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "@hanzo/gui";
+import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "hanzogui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function PopoverDemo() {
   const [shouldAdapt, setShouldAdapt] = useState(true);

package/dist/esm/PopoverDemo.native.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@hanzogui/lucide-icons-2";
 import { useState } from "react";
-import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "@hanzo/gui";
+import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "hanzogui";
 function PopoverDemo() {
   var [shouldAdapt, setShouldAdapt] = useState(true);
   return /* @__PURE__ */_jsxs(YStack, {

package/dist/esm/ProgressDemo.mjs

@@ -1,5 +1,5 @@
 import React from "react";
-import { Button, Paragraph, Progress, XStack, YStack } from "@hanzo/gui";
+import { Button, Paragraph, Progress, XStack, YStack } from "hanzogui";
 import { Play, RotateCcw } from "@hanzogui/lucide-icons-2";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ProgressDemo() {