@hanzogui/demos 8.2.1 → 8.3.2

package/dist/cjs/TabsDemo.native.js

@@ -1,227 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var TabsDemo_exports = {};
-__export(TabsDemo_exports, {
-  TabsDemo: () => TabsDemo
-});
-module.exports = __toCommonJS(TabsDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var demos = ["horizontal", "vertical"];
-var demosTitle = {
-  horizontal: "Horizontal",
-  vertical: "Vertical"
-};
-function TabsDemo() {
-  var [demoIndex, setDemoIndex] = import_react.default.useState(0);
-  var demo = demos[demoIndex];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    px: "$4",
-    ...(import_gui.isWeb && {
-      position: "unset"
-    }),
-    children: [demo === "horizontal" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(VerticalTabs, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
-      items: "center",
-      gap: "$4",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $maxXs: {
-        display: "none"
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        size: "$2",
-        onPress: function () {
-          return setDemoIndex(function (x) {
-            return (x + 1) % demos.length;
-          });
-        },
-        children: demosTitle[demo]
-      })
-    })]
-  });
-}
-var HorizontalTabs = function () {
-  var {
-    width
-  } = (0, import_gui.useWindowDimensions)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
-    defaultValue: "tab1",
-    orientation: "horizontal",
-    flexDirection: "column",
-    $maxMd: {
-      width: width - 32
-    },
-    width: 400,
-    height: 150,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    borderColor: "$borderColor",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
-      "aria-label": "Manage your account",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab1",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Profile"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab2",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Connections"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        flex: 1,
-        value: "tab3",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-          fontFamily: "$body",
-          text: "center",
-          ellipsis: true,
-          children: "Notifications"
-        })
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab1",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
-        children: "Profile"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab2",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
-        children: "Connections"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab3",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
-        children: "Notifications"
-      })
-    })]
-  });
-};
-var VerticalTabs = function () {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs, {
-    defaultValue: "tab1",
-    flexDirection: "row",
-    orientation: "vertical",
-    width: 400,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    overflow: "hidden",
-    borderColor: "$borderColor",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tabs.List, {
-      "aria-label": "Manage your account",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab1",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-          children: "Profile"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab2",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-          children: "Connections"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tabs.Tab, {
-        activeStyle: {
-          backgroundColor: "$color3"
-        },
-        value: "tab3",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-          children: "Notifications"
-        })
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-      vertical: true
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab1",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
-        text: "center",
-        children: "Profile"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab2",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
-        text: "center",
-        children: "Connections"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsContent, {
-      value: "tab3",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
-        text: "center",
-        children: "Notifications"
-      })
-    })]
-  });
-};
-var TabsContent = function (props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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");
-};
-//# sourceMappingURL=TabsDemo.native.js.map

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

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

package/dist/cjs/TabsHeadlessDemo.cjs

@@ -1,134 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var TabsHeadlessDemo_exports = {};
-__export(TabsHeadlessDemo_exports, {
-  ContentFrame: () => ContentFrame,
-  CustomTabs: () => CustomTabs,
-  TabFrame: () => TabFrame,
-  TabsFrame: () => TabsFrame,
-  TabsHeadlessDemo: () => TabsHeadlessDemo
-});
-module.exports = __toCommonJS(TabsHeadlessDemo_exports);
-var import_react = require("react");
-var import_gui = require("@hanzo/gui");
-var import_tabs = require("@hanzogui/tabs");
-var import_get_button_sized = require("@hanzogui/get-button-sized");
-var import_jsx_runtime =
-// web only fix for position relative
-require("react/jsx-runtime");
-const demos = ["horizontal", "vertical"];
-const TabsFrame = (0, import_gui.styled)(import_gui.SizableStack, {
-  name: "TabsFrame"
-});
-const TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
-  name: "TabsTrigger",
-  render: "button",
-  cursor: "pointer",
-  backgroundColor: "transparent",
-  variants: {
-    size: {
-      "...size": import_get_button_sized.getButtonSized
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none"
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        },
-        focusStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    }
-  }
-});
-const CONTENT_NAME = "TabsContent";
-const ContentFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
-  name: CONTENT_NAME,
-  flex: 1,
-  p: "$6",
-  justify: "center",
-  items: "center",
-  bg: "$color4",
-  rounded: "$4"
-});
-const CustomTabs = (0, import_tabs.createTabs)({
-  TabsFrame,
-  TabFrame,
-  ContentFrame
-});
-function TabsHeadlessDemo() {
-  const [demo, setDemo] = (0, import_react.useState)(demos[0]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    px: "$4",
-    ...(import_gui.isWeb && {
-      position: "static"
-    }),
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsView, {
-      flexDirection: demo === "horizontal" ? "row" : "column"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
-      items: "center",
-      gap: "$4",
-      position: "absolute",
-      b: "$3",
-      l: "$4",
-      $xxs: {
-        display: "none"
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-        size: "$2",
-        onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button.Text, {
-          textTransform: "capitalize",
-          children: demo
-        })
-      })
-    })]
-  });
-}
-const content = ["Home", "Profile", "Settings"];
-const TabsView = ({
-  flexDirection = "row"
-}) => {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(CustomTabs, {
-    flexDirection: flexDirection === "column" ? "row" : "column",
-    defaultValue: content[0],
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.List, {
-      flexDirection,
-      children: content.map((name, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.Tab, {
-        value: name,
-        activeStyle: {
-          backgroundColor: "transparent"
-        },
-        children: name
-      }, index))
-    }), content.map((name, index) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.Content, {
-      value: name,
-      children: name
-    }, index))]
-  });
-};

package/dist/cjs/TabsHeadlessDemo.native.js

@@ -1,157 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var TabsHeadlessDemo_exports = {};
-__export(TabsHeadlessDemo_exports, {
-  ContentFrame: () => ContentFrame,
-  CustomTabs: () => CustomTabs,
-  TabFrame: () => TabFrame,
-  TabsFrame: () => TabsFrame,
-  TabsHeadlessDemo: () => TabsHeadlessDemo
-});
-module.exports = __toCommonJS(TabsHeadlessDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var import_tabs = require("@hanzogui/tabs");
-var import_get_button_sized = require("@hanzogui/get-button-sized");
-var demos = ["horizontal", "vertical"];
-var TabsFrame = (0, import_gui.styled)(import_gui.SizableStack, {
-  name: "TabsFrame"
-});
-var TabFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
-  name: "TabsTrigger",
-  render: "button",
-  cursor: "pointer",
-  backgroundColor: "transparent",
-  variants: {
-    size: {
-      "...size": import_get_button_sized.getButtonSized
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none"
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        },
-        focusStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    }
-  }
-});
-var CONTENT_NAME = "TabsContent";
-var ContentFrame = (0, import_gui.styled)(import_gui.ThemeableStack, {
-  name: CONTENT_NAME,
-  flex: 1,
-  p: "$6",
-  justify: "center",
-  items: "center",
-  bg: "$color4",
-  rounded: "$4"
-});
-var CustomTabs = (0, import_tabs.createTabs)({
-  TabsFrame,
-  TabFrame,
-  ContentFrame
-});
-function TabsHeadlessDemo() {
-  var [demo, setDemo] = (0, import_react.useState)(demos[0]);
-  return (
-    // web only fix for position relative
-    /* @__PURE__ */
-    (0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      px: "$4",
-      ...(import_gui.isWeb && {
-        position: "static"
-      }),
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsView, {
-        flexDirection: demo === "horizontal" ? "row" : "column"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
-        items: "center",
-        gap: "$4",
-        position: "absolute",
-        b: "$3",
-        l: "$4",
-        $xxs: {
-          display: "none"
-        },
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
-          size: "$2",
-          onPress: function () {
-            return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
-          },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button.Text, {
-            textTransform: "capitalize",
-            children: demo
-          })
-        })
-      })]
-    })
-  );
-}
-var content = ["Home", "Profile", "Settings"];
-var TabsView = function (param) {
-  var {
-    flexDirection = "row"
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(CustomTabs, {
-    flexDirection: flexDirection === "column" ? "row" : "column",
-    defaultValue: content[0],
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.List, {
-      flexDirection,
-      children: content.map(function (name, index) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.Tab, {
-          value: name,
-          activeStyle: {
-            backgroundColor: "transparent"
-          },
-          children: name
-        }, index);
-      })
-    }), content.map(function (name, index) {
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CustomTabs.Content, {
-        value: name,
-        children: name
-      }, index);
-    })]
-  });
-};
-//# sourceMappingURL=TabsHeadlessDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","TabsHeadlessDemo_exports","__export","ContentFrame","CustomTabs","TabFrame","TabsFrame","TabsHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","import_gui","import_tabs","import_get_button_sized","demos","styled","SizableStack","name","ThemeableStack","render","cursor","backgroundColor","variants","size","getButtonSized","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","flex","p","justify","items","bg","rounded","createTabs","demo","setDemo","useState","jsxs","YStack","px","isWeb","position","children","jsx","TabsView","flexDirection","XStack","gap","b","l","$xxs","display","Button","onPress","Text","textTransform","content","param"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/TextDemo.cjs

@@ -1,51 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var TextDemo_exports = {};
-__export(TextDemo_exports, {
-  TextDemo: () => TextDemo
-});
-module.exports = __toCommonJS(TextDemo_exports);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function TextDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    gap: "$2",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-      size: "$3",
-      children: "SizableText"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-      size: "$2",
-      fontWeight: "800",
-      children: "Paragraph"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Paragraph, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Strong, {
-        children: "Strong"
-      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Em, {
-        children: "Em"
-      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Span, {
-        children: "Span"
-      })]
-    })]
-  });
-}

package/dist/cjs/TextDemo.native.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var TextDemo_exports = {};
-__export(TextDemo_exports, {
-  TextDemo: () => TextDemo
-});
-module.exports = __toCommonJS(TextDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-function TextDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    gap: "$2",
-    items: "center",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.SizableText, {
-      size: "$3",
-      children: "SizableText"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-      size: "$2",
-      fontWeight: "800",
-      children: "Paragraph"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Paragraph, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Strong, {
-        children: "Strong"
-      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Em, {
-        children: "Em"
-      }), ", ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Span, {
-        children: "Span"
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=TextDemo.native.js.map

package/dist/cjs/TextDemo.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TextDemo_exports","__export","TextDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","YStack","gap","items","children","jsx","SizableText","size","Paragraph","fontWeight"],"sources":["../../src/TextDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAiET,YAAA,CAAAK,gBAAA;AAK3D,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,UAAS,GAAAD,OAAW;AACzB,SACEJ,SAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAA,CAAAE,MAAA;IACDC,GAAA;IAGAC,KAAA;IACEC,QAAA,GAAuB,mBAAAP,kBAAA,CAAAQ,GAAA,EAAAN,UAAA,CAAAO,WAAA;MAAEC,IAAA;MAAWH,QAAA;IAAE,IAAU,eAClD,IAAAP,kBAAA,CAAAQ,GAAA,EAAAN,UAAA,CAAAS,SAAA;MACFD,IAAA;MAEJE,UAAA","ignoreList":[]}