@hanzogui/demos 8.3.0 → 8.3.2

package/dist/cjs/SelectDemo.cjs

@@ -1,240 +0,0 @@
-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 SelectDemo_exports = {};
-__export(SelectDemo_exports, {
-  SelectDemo: () => SelectDemo,
-  SelectDemoContents: () => SelectDemoContents
-});
-module.exports = __toCommonJS(SelectDemo_exports);
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var import_linear_gradient = require("@hanzo/gui/linear-gradient");
-var import_jsx_runtime = require("react/jsx-runtime");
-function SelectDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
-    name: "surface1",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        width: "100%",
-        items: "center",
-        gap: "$4",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-          htmlFor: "select-demo-1",
-          flex: 1,
-          minW: 80,
-          children: "Custom"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectDemoContents, {
-          id: "select-demo-1"
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        width: "100%",
-        items: "center",
-        gap: "$4",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-          htmlFor: "select-demo-2",
-          flex: 1,
-          minW: 80,
-          children: "Native"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectDemoContents, {
-          id: "select-demo-2",
-          native: true
-        })]
-      })]
-    })
-  });
-}
-const getItemLabel = value => items.find(item => item.name.toLowerCase() === value)?.name;
-function SelectDemoContents(props) {
-  const [val, setVal] = import_react.default.useState("apple");
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select, {
-    value: val,
-    onValueChange: setVal,
-    disablePreventBodyScroll: true,
-    ...props,
-    renderValue: getItemLabel,
-    children: [props?.trigger || /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.Trigger, {
-      maxWidth: 220,
-      iconAfter: import_lucide_icons_2.ChevronDown,
-      borderRadius: "$4",
-      backgroundColor: "$background",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.Value, {
-        placeholder: "Something"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Sheet, {
-        native: !!props.native,
-        modal: true,
-        dismissOnSnapToBottom: true,
-        transition: "medium",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Sheet.Frame, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Sheet.ScrollView, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Adapt.Contents, {})
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Sheet.Overlay, {
-          bg: "$shadowColor",
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Content, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.ScrollUpButton, {
-        items: "center",
-        justify: "center",
-        position: "relative",
-        width: "100%",
-        height: "$3",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-          z: 10,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronUp, {
-            size: 20
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
-          start: [0, 0],
-          end: [0, 1],
-          fullscreen: true,
-          colors: ["$background", "transparent"],
-          rounded: "$4"
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Viewport, {
-        minW: 200,
-        bg: "$background",
-        rounded: "$4",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Group, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.Label, {
-            fontWeight: "700",
-            children: "Fruits"
-          }), import_react.default.useMemo(() => items.map((item, i) => {
-            return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Item, {
-              index: i,
-              value: item.name.toLowerCase(),
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.ItemText, {
-                children: item.name
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.ItemIndicator, {
-                marginLeft: "auto",
-                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
-                  size: 16
-                })
-              })]
-            }, item.name);
-          }), [items])]
-        }), props.native && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-          position: "absolute",
-          r: 0,
-          t: 16,
-          items: "center",
-          justify: "center",
-          width: "$4",
-          pointerEvents: "none",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
-            size: (0, import_gui.getFontSize)(props.size ?? "$true")
-          })
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.ScrollDownButton, {
-        items: "center",
-        justify: "center",
-        position: "relative",
-        width: "100%",
-        height: "$3",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-          z: 10,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
-            size: 20
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
-          start: [0, 0],
-          end: [0, 1],
-          fullscreen: true,
-          colors: ["transparent", "$background"],
-          rounded: "$4"
-        })]
-      })]
-    })]
-  });
-}
-const items = [{
-  name: "Apple"
-}, {
-  name: "Pear"
-}, {
-  name: "Blackberry"
-}, {
-  name: "Peach"
-}, {
-  name: "Apricot"
-}, {
-  name: "Melon"
-}, {
-  name: "Honeydew"
-}, {
-  name: "Starfruit"
-}, {
-  name: "Blueberry"
-}, {
-  name: "Raspberry"
-}, {
-  name: "Strawberry"
-}, {
-  name: "Mango"
-}, {
-  name: "Pineapple"
-}, {
-  name: "Lime"
-}, {
-  name: "Lemon"
-}, {
-  name: "Coconut"
-}, {
-  name: "Guava"
-}, {
-  name: "Papaya"
-}, {
-  name: "Orange"
-}, {
-  name: "Grape"
-}, {
-  name: "Jackfruit"
-}, {
-  name: "Durian"
-}];

package/dist/cjs/SelectDemo.native.js

@@ -1,254 +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 SelectDemo_exports = {};
-__export(SelectDemo_exports, {
-  SelectDemo: () => SelectDemo,
-  SelectDemoContents: () => SelectDemoContents
-});
-module.exports = __toCommonJS(SelectDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
-var import_react = __toESM(require("react"), 1);
-var import_gui = require("@hanzo/gui");
-var import_linear_gradient = require("@hanzo/gui/linear-gradient");
-function SelectDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
-    name: "surface1",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        width: "100%",
-        items: "center",
-        gap: "$4",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-          htmlFor: "select-demo-1",
-          flex: 1,
-          minW: 80,
-          children: "Custom"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectDemoContents, {
-          id: "select-demo-1"
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-        width: "100%",
-        items: "center",
-        gap: "$4",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
-          htmlFor: "select-demo-2",
-          flex: 1,
-          minW: 80,
-          children: "Native"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectDemoContents, {
-          id: "select-demo-2",
-          native: true
-        })]
-      })]
-    })
-  });
-}
-var getItemLabel = function (value) {
-  var _items_find;
-  return (_items_find = items.find(function (item) {
-    return item.name.toLowerCase() === value;
-  })) === null || _items_find === void 0 ? void 0 : _items_find.name;
-};
-function SelectDemoContents(props) {
-  var [val, setVal] = import_react.default.useState("apple");
-  var _props_size;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select, {
-    value: val,
-    onValueChange: setVal,
-    disablePreventBodyScroll: true,
-    ...props,
-    // renderValue enables SSR support by providing the label synchronously
-    renderValue: getItemLabel,
-    children: [(props === null || props === void 0 ? void 0 : props.trigger) || /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.Trigger, {
-      maxWidth: 220,
-      iconAfter: import_lucide_icons_2.ChevronDown,
-      borderRadius: "$4",
-      backgroundColor: "$background",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.Value, {
-        placeholder: "Something"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Adapt, {
-      when: "maxMd",
-      platform: "touch",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Sheet, {
-        native: !!props.native,
-        modal: true,
-        dismissOnSnapToBottom: true,
-        transition: "medium",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Sheet.Frame, {
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Sheet.ScrollView, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Adapt.Contents, {})
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Sheet.Overlay, {
-          bg: "$shadowColor",
-          transition: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Content, {
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.ScrollUpButton, {
-        items: "center",
-        justify: "center",
-        position: "relative",
-        width: "100%",
-        height: "$3",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-          z: 10,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronUp, {
-            size: 20
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
-          start: [0, 0],
-          end: [0, 1],
-          fullscreen: true,
-          colors: ["$background", "transparent"],
-          rounded: "$4"
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Viewport, {
-        minW: 200,
-        bg: "$background",
-        rounded: "$4",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Group, {
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.Label, {
-            fontWeight: "700",
-            children: "Fruits"
-          }), /* for longer lists memoizing these is useful */
-          import_react.default.useMemo(function () {
-            return items.map(function (item, i) {
-              return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.Item, {
-                index: i,
-                value: item.name.toLowerCase(),
-                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.ItemText, {
-                  children: item.name
-                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Select.ItemIndicator, {
-                  marginLeft: "auto",
-                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
-                    size: 16
-                  })
-                })]
-              }, item.name);
-            });
-          }, [items])]
-        }), /* Native gets an extra icon */
-        props.native && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-          position: "absolute",
-          r: 0,
-          t: 16,
-          items: "center",
-          justify: "center",
-          width: "$4",
-          pointerEvents: "none",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
-            size: (0, import_gui.getFontSize)((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : "$true")
-          })
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Select.ScrollDownButton, {
-        items: "center",
-        justify: "center",
-        position: "relative",
-        width: "100%",
-        height: "$3",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
-          z: 10,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
-            size: 20
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
-          start: [0, 0],
-          end: [0, 1],
-          fullscreen: true,
-          colors: ["transparent", "$background"],
-          rounded: "$4"
-        })]
-      })]
-    })]
-  });
-}
-var items = [{
-  name: "Apple"
-}, {
-  name: "Pear"
-}, {
-  name: "Blackberry"
-}, {
-  name: "Peach"
-}, {
-  name: "Apricot"
-}, {
-  name: "Melon"
-}, {
-  name: "Honeydew"
-}, {
-  name: "Starfruit"
-}, {
-  name: "Blueberry"
-}, {
-  name: "Raspberry"
-}, {
-  name: "Strawberry"
-}, {
-  name: "Mango"
-}, {
-  name: "Pineapple"
-}, {
-  name: "Lime"
-}, {
-  name: "Lemon"
-}, {
-  name: "Coconut"
-}, {
-  name: "Guava"
-}, {
-  name: "Papaya"
-}, {
-  name: "Orange"
-}, {
-  name: "Grape"
-}, {
-  name: "Jackfruit"
-}, {
-  name: "Durian"
-}];
-//# sourceMappingURL=SelectDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SelectDemo_exports","__export","SelectDemo","SelectDemoContents","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_react","__toESM","import_gui","import_linear_gradient","jsx","Theme","name","children","jsxs","YStack","gap","XStack","width","items","Label","htmlFor","flex","minW","id","native","getItemLabel","_items_find","find","item","toLowerCase","props","val","setVal","default","useState","_props_size","Select","onValueChange","disablePreventBodyScroll","renderValue","trigger","Trigger","maxWidth","iconAfter","ChevronDown","borderRadius","backgroundColor","Value","placeholder","Adapt","when","platform","Sheet","modal","dismissOnSnapToBottom","transition","Frame","ScrollView","Contents","Overlay","bg","enterStyle","opacity","exitStyle","Content","ScrollUpButton","justify","position","height","z","ChevronUp","size","LinearGradient","start","end","fullscreen","colors","rounded","Viewport","borderWidth","borderColor","Group","fontWeight","useMemo","map","i","Item","index","ItemText","ItemIndicator","marginLeft","Check","r","t"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/SeparatorDemo.cjs

@@ -1,62 +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 SeparatorDemo_exports = {};
-__export(SeparatorDemo_exports, {
-  SeparatorDemo: () => SeparatorDemo
-});
-module.exports = __toCommonJS(SeparatorDemo_exports);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function SeparatorDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    width: "100%",
-    maxW: 300,
-    mx: 16,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-      fontWeight: "800",
-      children: "Gui"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-      children: "A cross-platform component library."
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-      my: 15
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-      height: 20,
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-        children: "Blog"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-        self: "stretch",
-        vertical: true,
-        mx: 16
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-        children: "Docs"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-        self: "stretch",
-        vertical: true,
-        mx: 16
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-        children: "Source"
-      })]
-    })]
-  });
-}

package/dist/cjs/SeparatorDemo.native.js

@@ -1,65 +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 SeparatorDemo_exports = {};
-__export(SeparatorDemo_exports, {
-  SeparatorDemo: () => SeparatorDemo
-});
-module.exports = __toCommonJS(SeparatorDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_gui = require("@hanzo/gui");
-function SeparatorDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
-    width: "100%",
-    maxW: 300,
-    mx: 16,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-      fontWeight: "800",
-      children: "Gui"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-      children: "A cross-platform component library."
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-      my: 15
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-      height: 20,
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-        children: "Blog"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-        self: "stretch",
-        vertical: true,
-        mx: 16
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-        children: "Docs"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {
-        self: "stretch",
-        vertical: true,
-        mx: 16
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
-        children: "Source"
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=SeparatorDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SeparatorDemo_exports","__export","SeparatorDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","YStack","width","maxW","mx","children","jsx","Paragraph","fontWeight"],"sources":["../../src/SeparatorDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAqDT,YAAA,CAAAK,qBAAA;AAK/C,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,UAAS,GAAAD,OAAA,CAAgB;AAC9B,SACEJ,cAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAA,CAAAE,MAAA,EAAU;IACXC,KAAA;IACAC,IAAA;IACAC,EAAA;IACEC,QAAA,GACA,mBAAAR,kBAAA,CAAAS,GAAA,EAACP,UAAA,CAAAQ,SAAA;MACDC,UAAA;MACAH,QAAA;IACA,IAAiB,eACnB,IAAAR,kBAAA,CAAAS,GAAA,EAAAP,UAAA,CAAAQ,SAAA;MACFF,QAAA;IAEJ,I","ignoreList":[]}

package/dist/cjs/ShapesDemo.cjs

@@ -1,44 +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 ShapesDemo_exports = {};
-__export(ShapesDemo_exports, {
-  ShapesDemo: () => ShapesDemo
-});
-module.exports = __toCommonJS(ShapesDemo_exports);
-var import_gui = require("@hanzo/gui");
-var import_jsx_runtime = require("react/jsx-runtime");
-function ShapesDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
-    p: "$2",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
-      size: 100,
-      bg: "$color",
-      elevation: "$4"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Circle, {
-      size: 100,
-      bg: "$color",
-      elevation: "$4"
-    })]
-  });
-}