@hanzogui/demos 8.2.1 → 8.3.2

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","items","gap","position","b","l","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","TabsRovingIndicator","width","y","theme","List","loop","backgroundColor","Tab","unstyled","paddingHorizontal","onInteraction","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth","select","cursor"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TabsDemo.mjs

@@ -1,184 +0,0 @@
-import React from "react";
-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 = {
-  horizontal: "Horizontal",
-  vertical: "Vertical"
-};
-function TabsDemo() {
-  const [demoIndex, setDemoIndex] = React.useState(0);
-  const demo = demos[demoIndex];
-  return /* @__PURE__ */jsxs(YStack, {
-    px: "$4",
-    ...(isWeb && {
-      position: "unset"
-    }),
-    children: [demo === "horizontal" ? /* @__PURE__ */jsx(HorizontalTabs, {}) : /* @__PURE__ */jsx(VerticalTabs, {}), /* @__PURE__ */jsx(XStack, {
-      items: "center",
-      gap: "$4",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $maxXs: {
-        display: "none"
-      },
-      children: /* @__PURE__ */jsx(Button, {
-        size: "$2",
-        onPress: () => setDemoIndex(x => (x + 1) % demos.length),
-        children: demosTitle[demo]
-      })
-    })]
-  });
-}
-const HorizontalTabs = () => {
-  const {
-    width
-  } = useWindowDimensions();
-  return /* @__PURE__ */jsxs(Tabs, {
-    defaultValue: "tab1",
-    orientation: "horizontal",
-    flexDirection: "column",
-    $maxMd: {
-      width: width - 32
-    },
-    width: 400,
-    height: 150,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    borderColor: "$borderColor",
-    children: [/* @__PURE__ */jsxs(Tabs.List, {
-      "aria-label": "Manage your account",
-      children: [/* @__PURE__ */jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab1",
-        children: /* @__PURE__ */jsx(SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Profile"
-        })
-      }), /* @__PURE__ */jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab2",
-        children: /* @__PURE__ */jsx(SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Connections"
-        })
-      }), /* @__PURE__ */jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab3",
-        children: /* @__PURE__ */jsx(SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Notifications"
-        })
-      })]
-    }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(TabsContent, {
-      value: "tab1",
-      children: /* @__PURE__ */jsx(H5, {
-        children: "Profile"
-      })
-    }), /* @__PURE__ */jsx(TabsContent, {
-      value: "tab2",
-      children: /* @__PURE__ */jsx(H5, {
-        children: "Connections"
-      })
-    }), /* @__PURE__ */jsx(TabsContent, {
-      value: "tab3",
-      children: /* @__PURE__ */jsx(H5, {
-        children: "Notifications"
-      })
-    })]
-  });
-};
-const VerticalTabs = () => {
-  return /* @__PURE__ */jsxs(Tabs, {
-    defaultValue: "tab1",
-    flexDirection: "row",
-    orientation: "vertical",
-    width: 400,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    overflow: "hidden",
-    borderColor: "$borderColor",
-    children: [/* @__PURE__ */jsxs(Tabs.List, {
-      "aria-label": "Manage your account",
-      children: [/* @__PURE__ */jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab1",
-        children: /* @__PURE__ */jsx(SizableText, {
-          children: "Profile"
-        })
-      }), /* @__PURE__ */jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab2",
-        children: /* @__PURE__ */jsx(SizableText, {
-          children: "Connections"
-        })
-      }), /* @__PURE__ */jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab3",
-        children: /* @__PURE__ */jsx(SizableText, {
-          children: "Notifications"
-        })
-      })]
-    }), /* @__PURE__ */jsx(Separator, {
-      vertical: true
-    }), /* @__PURE__ */jsx(TabsContent, {
-      value: "tab1",
-      children: /* @__PURE__ */jsx(H5, {
-        text: "center",
-        children: "Profile"
-      })
-    }), /* @__PURE__ */jsx(TabsContent, {
-      value: "tab2",
-      children: /* @__PURE__ */jsx(H5, {
-        text: "center",
-        children: "Connections"
-      })
-    }), /* @__PURE__ */jsx(TabsContent, {
-      value: "tab3",
-      children: /* @__PURE__ */jsx(H5, {
-        text: "center",
-        children: "Notifications"
-      })
-    })]
-  });
-};
-const TabsContent = props => {
-  return /* @__PURE__ */jsx(Tabs.Content, {
-    bg: "$background",
-    p: "$2",
-    items: "center",
-    justify: "center",
-    flex: 1,
-    borderColor: "$background",
-    rounded: "$2",
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    borderWidth: "$2",
-    ...props,
-    children: props.children
-  }, "tab3");
-};
-export { TabsDemo };
-//# sourceMappingURL=TabsDemo.mjs.map

package/dist/esm/TabsDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","useWindowDimensions","jsx","jsxs","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","px","position","children","HorizontalTabs","VerticalTabs","items","gap","b","l","$maxXs","display","size","onPress","x","length","width","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","value","fontFamily","text","ellipsis","TabsContent","overflow","props","Content","bg","p","justify","borderTopLeftRadius","borderTopRightRadius"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TabsDemo.native.js

@@ -1,188 +0,0 @@
-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 "@hanzo/gui";
-var demos = ["horizontal", "vertical"];
-var demosTitle = {
-  horizontal: "Horizontal",
-  vertical: "Vertical"
-};
-function TabsDemo() {
-  var [demoIndex, setDemoIndex] = React.useState(0);
-  var demo = demos[demoIndex];
-  return /* @__PURE__ */_jsxs(YStack, {
-    px: "$4",
-    ...(isWeb && {
-      position: "unset"
-    }),
-    children: [demo === "horizontal" ? /* @__PURE__ */_jsx(HorizontalTabs, {}) : /* @__PURE__ */_jsx(VerticalTabs, {}), /* @__PURE__ */_jsx(XStack, {
-      items: "center",
-      gap: "$4",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $maxXs: {
-        display: "none"
-      },
-      children: /* @__PURE__ */_jsx(Button, {
-        size: "$2",
-        onPress: function () {
-          return setDemoIndex(function (x) {
-            return (x + 1) % demos.length;
-          });
-        },
-        children: demosTitle[demo]
-      })
-    })]
-  });
-}
-var HorizontalTabs = function () {
-  var {
-    width
-  } = useWindowDimensions();
-  return /* @__PURE__ */_jsxs(Tabs, {
-    defaultValue: "tab1",
-    orientation: "horizontal",
-    flexDirection: "column",
-    $maxMd: {
-      width: width - 32
-    },
-    width: 400,
-    height: 150,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    borderColor: "$borderColor",
-    children: [/* @__PURE__ */_jsxs(Tabs.List, {
-      "aria-label": "Manage your account",
-      children: [/* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab1",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Profile"
-        })
-      }), /* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab2",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Connections"
-        })
-      }), /* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab3",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Notifications"
-        })
-      })]
-    }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab1",
-      children: /* @__PURE__ */_jsx(H5, {
-        children: "Profile"
-      })
-    }), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab2",
-      children: /* @__PURE__ */_jsx(H5, {
-        children: "Connections"
-      })
-    }), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab3",
-      children: /* @__PURE__ */_jsx(H5, {
-        children: "Notifications"
-      })
-    })]
-  });
-};
-var VerticalTabs = function () {
-  return /* @__PURE__ */_jsxs(Tabs, {
-    defaultValue: "tab1",
-    flexDirection: "row",
-    orientation: "vertical",
-    width: 400,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    overflow: "hidden",
-    borderColor: "$borderColor",
-    children: [/* @__PURE__ */_jsxs(Tabs.List, {
-      "aria-label": "Manage your account",
-      children: [/* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab1",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          children: "Profile"
-        })
-      }), /* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab2",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          children: "Connections"
-        })
-      }), /* @__PURE__ */_jsx(Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab3",
-        children: /* @__PURE__ */_jsx(SizableText, {
-          children: "Notifications"
-        })
-      })]
-    }), /* @__PURE__ */_jsx(Separator, {
-      vertical: true
-    }), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab1",
-      children: /* @__PURE__ */_jsx(H5, {
-        text: "center",
-        children: "Profile"
-      })
-    }), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab2",
-      children: /* @__PURE__ */_jsx(H5, {
-        text: "center",
-        children: "Connections"
-      })
-    }), /* @__PURE__ */_jsx(TabsContent, {
-      value: "tab3",
-      children: /* @__PURE__ */_jsx(H5, {
-        text: "center",
-        children: "Notifications"
-      })
-    })]
-  });
-};
-var TabsContent = function (props) {
-  return /* @__PURE__ */_jsx(Tabs.Content, {
-    bg: "$background",
-    p: "$2",
-    items: "center",
-    justify: "center",
-    flex: 1,
-    borderColor: "$background",
-    rounded: "$2",
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    borderWidth: "$2",
-    ...props,
-    children: props.children
-  }, "tab3");
-};
-export { TabsDemo };
-//# sourceMappingURL=TabsDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","useWindowDimensions","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","px","position","children","HorizontalTabs","VerticalTabs","items","gap","b","l","$maxXs","display","size","onPress","x","length","width","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","value","fontFamily","text","ellipsis","TabsContent","overflow"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TabsHeadlessDemo.mjs

@@ -1,107 +0,0 @@
-import { useState } from "react";
-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";
-const demos = ["horizontal", "vertical"];
-const TabsFrame = styled(SizableStack, {
-  name: "TabsFrame"
-});
-const TabFrame = styled(ThemeableStack, {
-  name: "TabsTrigger",
-  render: "button",
-  cursor: "pointer",
-  backgroundColor: "transparent",
-  variants: {
-    size: {
-      "...size": getButtonSized
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none"
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        },
-        focusStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    }
-  }
-});
-const CONTENT_NAME = "TabsContent";
-const ContentFrame = styled(ThemeableStack, {
-  name: CONTENT_NAME,
-  flex: 1,
-  p: "$6",
-  justify: "center",
-  items: "center",
-  bg: "$color4",
-  rounded: "$4"
-});
-const CustomTabs = createTabs({
-  TabsFrame,
-  TabFrame,
-  ContentFrame
-});
-function TabsHeadlessDemo() {
-  const [demo, setDemo] = useState(demos[0]);
-  return (
-    // web only fix for position relative
-    /* @__PURE__ */
-    jsxs(YStack, {
-      px: "$4",
-      ...(isWeb && {
-        position: "static"
-      }),
-      children: [/* @__PURE__ */jsx(TabsView, {
-        flexDirection: demo === "horizontal" ? "row" : "column"
-      }), /* @__PURE__ */jsx(XStack, {
-        items: "center",
-        gap: "$4",
-        position: "absolute",
-        b: "$3",
-        l: "$4",
-        $xxs: {
-          display: "none"
-        },
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$2",
-          onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
-          children: /* @__PURE__ */jsx(Button.Text, {
-            textTransform: "capitalize",
-            children: demo
-          })
-        })
-      })]
-    })
-  );
-}
-const content = ["Home", "Profile", "Settings"];
-const TabsView = ({
-  flexDirection = "row"
-}) => {
-  return /* @__PURE__ */jsxs(CustomTabs, {
-    flexDirection: flexDirection === "column" ? "row" : "column",
-    defaultValue: content[0],
-    children: [/* @__PURE__ */jsx(CustomTabs.List, {
-      flexDirection,
-      children: content.map((name, index) => /* @__PURE__ */jsx(CustomTabs.Tab, {
-        value: name,
-        activeStyle: {
-          backgroundColor: "transparent"
-        },
-        children: name
-      }, index))
-    }), content.map((name, index) => /* @__PURE__ */jsx(CustomTabs.Content, {
-      value: name,
-      children: name
-    }, index))]
-  });
-};
-export { ContentFrame, CustomTabs, TabFrame, TabsFrame, TabsHeadlessDemo };
-//# sourceMappingURL=TabsHeadlessDemo.mjs.map

package/dist/esm/TabsHeadlessDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","jsx","jsxs","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TabsHeadlessDemo.native.js

@@ -1,114 +0,0 @@
-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 "@hanzo/gui";
-import { createTabs } from "@hanzogui/tabs";
-import { getButtonSized } from "@hanzogui/get-button-sized";
-var demos = ["horizontal", "vertical"];
-var TabsFrame = styled(SizableStack, {
-  name: "TabsFrame"
-});
-var TabFrame = styled(ThemeableStack, {
-  name: "TabsTrigger",
-  render: "button",
-  cursor: "pointer",
-  backgroundColor: "transparent",
-  variants: {
-    size: {
-      "...size": getButtonSized
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none"
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        },
-        focusStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    }
-  }
-});
-var CONTENT_NAME = "TabsContent";
-var ContentFrame = styled(ThemeableStack, {
-  name: CONTENT_NAME,
-  flex: 1,
-  p: "$6",
-  justify: "center",
-  items: "center",
-  bg: "$color4",
-  rounded: "$4"
-});
-var CustomTabs = createTabs({
-  TabsFrame,
-  TabFrame,
-  ContentFrame
-});
-function TabsHeadlessDemo() {
-  var [demo, setDemo] = useState(demos[0]);
-  return (
-    // web only fix for position relative
-    /* @__PURE__ */
-    _jsxs(YStack, {
-      px: "$4",
-      ...(isWeb && {
-        position: "static"
-      }),
-      children: [/* @__PURE__ */_jsx(TabsView, {
-        flexDirection: demo === "horizontal" ? "row" : "column"
-      }), /* @__PURE__ */_jsx(XStack, {
-        items: "center",
-        gap: "$4",
-        position: "absolute",
-        b: "$3",
-        l: "$4",
-        $xxs: {
-          display: "none"
-        },
-        children: /* @__PURE__ */_jsx(Button, {
-          size: "$2",
-          onPress: function () {
-            return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
-          },
-          children: /* @__PURE__ */_jsx(Button.Text, {
-            textTransform: "capitalize",
-            children: demo
-          })
-        })
-      })]
-    })
-  );
-}
-var content = ["Home", "Profile", "Settings"];
-var TabsView = function (param) {
-  var {
-    flexDirection = "row"
-  } = param;
-  return /* @__PURE__ */_jsxs(CustomTabs, {
-    flexDirection: flexDirection === "column" ? "row" : "column",
-    defaultValue: content[0],
-    children: [/* @__PURE__ */_jsx(CustomTabs.List, {
-      flexDirection,
-      children: content.map(function (name, index) {
-        return /* @__PURE__ */_jsx(CustomTabs.Tab, {
-          value: name,
-          activeStyle: {
-            backgroundColor: "transparent"
-          },
-          children: name
-        }, index);
-      })
-    }), content.map(function (name, index) {
-      return /* @__PURE__ */_jsx(CustomTabs.Content, {
-        value: name,
-        children: name
-      }, index);
-    })]
-  });
-};
-export { ContentFrame, CustomTabs, TabFrame, TabsFrame, TabsHeadlessDemo };
-//# sourceMappingURL=TabsHeadlessDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","param","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AAChC,OAAAC,KAAA,IAAAC,QAAA;AAAA,SACEC,MAAA,EAAAC,YAAA,EAAAC,cAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA;AAAA,SACAC,UAAA;AAAA,SACAC,cAAA;AAAA,IACAC,KAAA,IACA,cACA;AACA,IAAAC,SACK,GAAAJ,MAAA,CAAAL,YAAA;EACPU,IAAA;AACA;AA6DI,IAAAC,QAME,GANFN,MAAA,CAAAJ,cAAA;EA3DJS,IAAM,eAAS;EAERE,MAAM,UAAY;EACvBC,MAAM;EACPC,eAAA;EAEMC,QAAM;IACXC,IAAM;MACN,SAAQ,EAAAT;IACR;IACAU,QAAA;MACAC,IAAA,EAAU;QACRC,aAAM;MACJ;IACF;IAEAC,MAAA;MACEF,IAAA,EAAM;QACJG,UAAA;UACFP,eAAA;QACF;QAEAQ,UAAQ;UACNR,eAAM;QACJ;MAAY;IACO;EACnB;AAEY;AACO,IAAAS,YACnB;AAAA,IAAAC,YACF,GAAAnB,MAAA,CAAAJ,cAAA;EAAAS,IACF,EAAAa,YAAA;EACFE,IAAA;EACDC,CAAA;EAEDC,OAAM;EAECC,KAAM;EACXC,EAAA,WAAM;EACNC,OAAM;AAAA,EACN;AAAG,IACHC,UAAS,GAAAzB,UAAA;EACTG,SAAO;EACPE,QAAI;EACJa;AACF,CAAC;AAEM,SAAMQ,gBAAaA,CAAA;EACxB,KAAAC,IAAA,EAAAC,OAAA,IAAApC,QAAA,CAAAU,KAAA;EACA;IACA;IACD;IAAAZ,KAAA,CAAAO,MAAA;MAEMgC,EAAA,EAAS;MACd,IAAO/B,KAAA,IAAM;QAEbgC,QAAA;MAAA;MAEEC,QAAA,GAAC,eAAA3C,IAAA,CAAA4C,QAAA;QAAAC,aAAA,EAAAN,IAAA;MACC,IACC,eAAavC,IAAA,CAAAQ,MAAA;QACZ0B,KAAA,UAAU;QACZY,GAAA;QAEAJ,QAAA;QAAAK,CAAA;QAEAC,CAAA;QAAAC,IAAC;UAAAC,OAAA;QAAA;QACOP,QACN,EAAI,eAAA3C,IAAA,CAAAK,MAAA;UAAAiB,IACJ;UAAS6B,OACP,WAAAA,CAAA;YACF,OAAEX,OAAA,CAAAD,IAAA;UAAA;UACsBI,QAExB,iBAAA3C,IAAA,CAAAK,MAAA,CAAA+C,IAAA;YAAAC,aAAC;YAAAV,QAAA,EAAAJ;UAAA;QACM;MACmE;IAE1B;EAAA;AAChD;AACF,IAAAe,OAAA,qBACF,aAEJ;AAEA,IAAAV,QAAM,YAAAA,CAAWW,KAAQ;EAEzB,IAAM;IAAAV,aAAc;EAAA,IAAAU,KAAgB;EAClC,OACE,eAAArD,KAAA,CAAAmC,UAAA;IAACQ,aAAA,EAAAA,aAAA;IAAAW,YAAA,EAAAF,OAAA;IAAAX,QACC,GACA,eAAc3C,IAAA,CAAAqC,UAAS,CAAAoB,IAAA;MAEvBZ,aAAA;MAAAF,QAAA,EAAAW,OAAA,CAAAI,GAAC,WAAW1C,IAAA,EAAX2C,KAAgB;QAEZ,sBAAW3D,IAAA,CAAAqC,UAAA,CAAAuB,GAAA;UAAXC,KAAA,EAAA7C,IAAA;UAEC8C,WAAO;YACP1C,eAAe;UAEd;UAAAuB,QAAA,EAAA3B;QAJI,GAAA2C,KAAA;MAKP,CACD;IACH,EACC,EAIAL,OAAA,CAAAI,GAAA,WAAA1C,IAAA,EAAA2C,KAAA;MAAA,sBAAA3D,IAAA,CAAAqC,UAAA,CAAA0B,OAAA;QACHF,KAAA,EAAA7C,IAAA;QAEJ2B,QAAA,EAAA3B","ignoreList":[]}

package/dist/esm/TextDemo.mjs

@@ -1,26 +0,0 @@
-import { Em, Paragraph, SizableText, Span, Strong, YStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function TextDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$2",
-    items: "center",
-    children: [/* @__PURE__ */jsx(SizableText, {
-      size: "$3",
-      children: "SizableText"
-    }), /* @__PURE__ */jsx(Paragraph, {
-      size: "$2",
-      fontWeight: "800",
-      children: "Paragraph"
-    }), /* @__PURE__ */jsxs(Paragraph, {
-      children: [/* @__PURE__ */jsx(Strong, {
-        children: "Strong"
-      }), ", ", /* @__PURE__ */jsx(Em, {
-        children: "Em"
-      }), ", ", /* @__PURE__ */jsx(Span, {
-        children: "Span"
-      })]
-    })]
-  });
-}
-export { TextDemo };
-//# sourceMappingURL=TextDemo.mjs.map