@hanzogui/demos 2.0.0

package/dist/cjs/LabelDemo.cjs

@@ -0,0 +1,65 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var LabelDemo_exports = {};
+__export(LabelDemo_exports, {
+  LabelDemo: () => LabelDemo
+});
+module.exports = __toCommonJS(LabelDemo_exports);
+var import_gui = require("@hanzo/gui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function LabelDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    $maxMd: {
+      width: "100%"
+    },
+    minW: 300,
+    gap: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      items: "center",
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+        width: 90,
+        htmlFor: "name",
+        children: "Name"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
+        flex: 1,
+        id: "name",
+        defaultValue: "Nate Wienert"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      items: "center",
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+        width: 90,
+        htmlFor: "notify",
+        children: "Notifications"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
+        activeStyle: {
+          backgroundColor: "$color8"
+        },
+        id: "notify",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
+          transition: "quickest"
+        })
+      })]
+    })]
+  });
+}

package/dist/cjs/LabelDemo.native.js

@@ -0,0 +1,68 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var LabelDemo_exports = {};
+__export(LabelDemo_exports, {
+  LabelDemo: () => LabelDemo
+});
+module.exports = __toCommonJS(LabelDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui = require("@hanzo/gui");
+function LabelDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    $maxMd: {
+      width: "100%"
+    },
+    minW: 300,
+    gap: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      items: "center",
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+        width: 90,
+        htmlFor: "name",
+        children: "Name"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
+        flex: 1,
+        id: "name",
+        defaultValue: "Nate Wienert"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      items: "center",
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Label, {
+        width: 90,
+        htmlFor: "notify",
+        children: "Notifications"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch, {
+        activeStyle: {
+          backgroundColor: "$color8"
+        },
+        id: "notify",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Switch.Thumb, {
+          transition: "quickest"
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=LabelDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LabelDemo_exports","__export","LabelDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","YStack","$maxMd","width","minW","gap","children","XStack","items","jsx","Label","htmlFor","Input","flex","id"],"sources":["../../src/LabelDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAqDT,YAAA,CAAAK,iBAK/C;AAHC,IAAAK,kBAAqB,GAAAC,OAAA;EAAAC,UAAA,GAAAD,OAAA;AAC1B,SACEJ,UAAA;EACE,0BAAAG,kBAAA,CAAAG,IAAC,EAAAD,UAAA,CAAAE,MAAO;IACNC,MAAA;MAGAC,KAAA;IAAsD;IAGxDC,IAAA;IACEC,GAAA;IAEAC,QACA,kBAAC,IAAAT,kBAAA,CAAAG,IAAA,EAAAD,UAAA,CAAAQ,MAAA;MAAAC,KAAA;MAAAH,GACC;MAAaC,QACX,GACF,mBAAAT,kBAAA,CAAAY,GAAA,EAAAV,UAAA,CAAAW,KAAA;QACAP,KAAG;QAEHQ,OAAA;QAAoCL,QAAA;MACtC,IACF,mBAAAT,kBAAA,CAAAY,GAAA,EAAAV,UAAA,CAAAa,KAAA;QACFC,IAAA;QAEJC,EAAA","ignoreList":[]}

package/dist/cjs/LinearGradientDemo.cjs

@@ -0,0 +1,48 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var LinearGradientDemo_exports = {};
+__export(LinearGradientDemo_exports, {
+  LinearGradientDemo: () => LinearGradientDemo
+});
+module.exports = __toCommonJS(LinearGradientDemo_exports);
+var import_gui = require("@hanzo/gui"),
+  import_linear_gradient = require("@hanzogui/linear-gradient"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function LinearGradientDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+      width: "$6",
+      height: "$6",
+      rounded: "$4",
+      colors: ["$red10", "$yellow10"],
+      start: [0, 1],
+      end: [0, 0]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+      width: "$6",
+      height: "$6",
+      rounded: "$4",
+      colors: ["$background", "$color"],
+      start: [1, 1],
+      end: [0, 0]
+    })]
+  });
+}

package/dist/cjs/LinearGradientDemo.native.js

@@ -0,0 +1,53 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var LinearGradientDemo_exports = {};
+__export(LinearGradientDemo_exports, {
+  LinearGradientDemo: () => LinearGradientDemo
+});
+module.exports = __toCommonJS(LinearGradientDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui = require("@hanzo/gui"),
+  import_linear_gradient = require("@hanzogui/linear-gradient");
+function LinearGradientDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+    gap: "$4",
+    children: [/* tokens */
+    /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+      width: "$6",
+      height: "$6",
+      rounded: "$4",
+      colors: ["$red10", "$yellow10"],
+      start: [0, 1],
+      end: [0, 0]
+    }), /* theme values */
+    /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+      width: "$6",
+      height: "$6",
+      rounded: "$4",
+      colors: ["$background", "$color"],
+      start: [1, 1],
+      end: [0, 0]
+    })]
+  });
+}
+//# sourceMappingURL=LinearGradientDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LinearGradientDemo_exports","__export","LinearGradientDemo","module","exports","import_jsx_runtime","require","import_gui","import_linear_gradient","jsxs","XStack","gap","children","jsx","LinearGradient","width","height","rounded","colors","start","end"],"sources":["../../src/LinearGradientDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAuBT,YAAA,CAAAK,0BACvB;AAEO,IAAAK,kBAAS,GAAAC,OAAqB;EAAAC,UAAA,GAAAD,OAAA;EAAAE,sBAAA,GAAAF,OAAA;AACnC,SACEJ,mBAAA;EAEE,0BAAAG,kBAAA,CAAAI,IAAA,EAAAF,UAAA,CAAAG,MAAA;IAAAC,GAAC;IAAAC,QAAA;IACO,eACC,IAAAP,kBAAA,CAAAQ,GAAA,EAAAL,sBAAA,CAAAM,cAAA;MACPC,KAAA,MAAQ;MACRC,MAAA,EAAQ,IAAC;MACTC,OAAO,EAAC,IAAI;MACZC,MAAM,GAAI,UACZ,YAGA;MAACC,KAAA,MACC,EACA;MACAC,GAAA,GACA,GACA;IACU,IACZ;IACF,mBAAAf,kBAAA,CAAAQ,GAAA,EAAAL,sBAAA,CAAAM,cAAA;MAEJC,KAAA","ignoreList":[]}

package/dist/cjs/ListItemDemo.cjs

@@ -0,0 +1,101 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var ListItemDemo_exports = {};
+__export(ListItemDemo_exports, {
+  ListItemDemo: () => ListItemDemo
+});
+module.exports = __toCommonJS(ListItemDemo_exports);
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
+  import_gui = require("@hanzo/gui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function ListItemDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
+    name: "surface1",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      $maxMd: {
+        flexDirection: "column"
+      },
+      px: "$4",
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemDemo1, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemDemo2, {})]
+    })
+  });
+}
+function ListItemDemo1() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
+    self: "center",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    rounded: "$4",
+    width: 240,
+    size: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        icon: import_lucide_icons_2.Star,
+        title: "Star",
+        subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem.Subtitle, {
+          children: "Twinkles"
+        }),
+        iconAfter: import_lucide_icons_2.ChevronRight
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        icon: import_lucide_icons_2.Moon,
+        children: "Moon"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        icon: import_lucide_icons_2.Sun,
+        children: "Sun"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        icon: import_lucide_icons_2.Cloud,
+        children: "Cloud"
+      })
+    })]
+  });
+}
+function ListItemDemo2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
+    self: "center",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    rounded: "$4",
+    width: 240,
+    size: "$5",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        title: "Star",
+        subTitle: "Subtitle",
+        icon: import_lucide_icons_2.Star,
+        iconAfter: import_lucide_icons_2.ChevronRight
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        title: "Moon",
+        subTitle: "Subtitle",
+        icon: import_lucide_icons_2.Moon,
+        iconAfter: import_lucide_icons_2.ChevronRight
+      })
+    })]
+  });
+}

package/dist/cjs/ListItemDemo.native.js

@@ -0,0 +1,104 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var ListItemDemo_exports = {};
+__export(ListItemDemo_exports, {
+  ListItemDemo: () => ListItemDemo
+});
+module.exports = __toCommonJS(ListItemDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
+  import_gui = require("@hanzo/gui");
+function ListItemDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
+    name: "surface1",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+      $maxMd: {
+        flexDirection: "column"
+      },
+      px: "$4",
+      gap: "$4",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemDemo1, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemDemo2, {})]
+    })
+  });
+}
+function ListItemDemo1() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
+    self: "center",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    rounded: "$4",
+    width: 240,
+    size: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        icon: import_lucide_icons_2.Star,
+        title: "Star",
+        subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem.Subtitle, {
+          children: "Twinkles"
+        }),
+        iconAfter: import_lucide_icons_2.ChevronRight
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        icon: import_lucide_icons_2.Moon,
+        children: "Moon"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        icon: import_lucide_icons_2.Sun,
+        children: "Sun"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        icon: import_lucide_icons_2.Cloud,
+        children: "Cloud"
+      })
+    })]
+  });
+}
+function ListItemDemo2() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YGroup, {
+    self: "center",
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    rounded: "$4",
+    width: 240,
+    size: "$5",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        title: "Star",
+        subTitle: "Subtitle",
+        icon: import_lucide_icons_2.Star,
+        iconAfter: import_lucide_icons_2.ChevronRight
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YGroup.Item, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.ListItem, {
+        title: "Moon",
+        subTitle: "Subtitle",
+        icon: import_lucide_icons_2.Moon,
+        iconAfter: import_lucide_icons_2.ChevronRight
+      })
+    })]
+  });
+}
+//# sourceMappingURL=ListItemDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItemDemo_exports","__export","ListItemDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","Theme","name","children","jsxs","XStack","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","YGroup","self","borderWidth","borderColor","rounded","width","size","Item","ListItem","icon","Star","title","subTitle","Subtitle","iconAfter","ChevronRight","Moon","Sun","Cloud"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqD,CAAAK,oBAAA;AAG9C,IAAAK,kBAAS,GAAeC,OAAA;EAAAC,qBAAA,GAAAD,OAAA;EAAAE,UAAA,GAAAF,OAAA;AAC7B,SACEJ,aAAA;EAEI,0BAAAG,kBAAA,CAACI,GAAA,EAAAD,UAAA,CAAAE,KAAc;IACfC,IAAA;IAAeC,QAEnB,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAM,MAAA;MAEJC,MAAA;QAEAC,aAAS;MACP;MACGC,EAAA;MAAAC,GAAA;MACCN,QAAK,GACL,eAAa,IAAAP,kBAAA,CAAAI,GAAA,EAAAU,aAAA,OACb,eAAY,IAAAd,kBAAA,CAAAI,GAAA,EAAAW,aAAA;IACJ;EACD;AACF;AAEL,SAAAD,cAAA;EACE,sBAAC,IAAAd,kBAAA,CAAAQ,IAAA,EAAAL,UAAA,CAAAa,MAAA;IAAAC,IAAA;IAAAC,WACC,GAAM;IAAAC,WACN,gBAAM;IAAAC,OAAA,EACN;IAAqCC,KAAA,KACrC;IAAWC,IAAA;IAAAf,QAEf,kBACA,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAC,CAAAa,MAAA,CAAAO,IAAO;MAGRhB,QAAA,qBAAAP,kBAAC,CAAAI,GAAA,EAAAD,UAAO,CAAAqB,QACN;QAEFC,IAAA,EAAAvB,qBAAA,CAAAwB,IAAA;QAEAC,KAAA;QAAAC,QAAA,qBAAA5B,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA,CAAAK,QAAA;UACFtB,QAAA;QAEJ;QAESuB,SAAA,EAAA5B,qBAAgB,CAAA6B;MACvB,CACE;IAAC,uBAAA/B,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAO,IAAA;MACChB,QAAK,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA;QACLC,IAAA,EAAAvB,qBAAa,CAAA8B,IAAA;QACbzB,QAAA,EAAY;MACZ;IACA,IACA,eAAK,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAO,IAAA;MAELhB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA;QAAAC,IAAA,EAAAvB,qBAAA,CAAA+B,GAAA;QAGA1B,QAAA;MACA;IAEA,uBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAa,MAAA,CAAAO,IAAA;MACFhB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAqB,QAAA;QAEJC,IAAA,EAAAvB,qBAAA,CAAAgC,KAAA","ignoreList":[]}

package/dist/cjs/LucideIconsDemo.cjs

@@ -0,0 +1,93 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var LucideIconsDemo_exports = {};
+__export(LucideIconsDemo_exports, {
+  LucideIconsDemo: () => LucideIconsDemo
+});
+module.exports = __toCommonJS(LucideIconsDemo_exports);
+var import_react = __toESM(require("react"), 1),
+  LucideIcons = __toESM(require("@hanzogui/lucide-icons-2"), 1),
+  import_react_native = require("react-native-web"),
+  import_gui = require("@hanzo/gui"),
+  import_Grid = require("./Grid.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const lucideIcons = Object.keys(
+// vite tree shaking workaround
+typeof LucideIcons < "u" ? LucideIcons : {}).map(name => ({
+  key: name.toLowerCase(),
+  name,
+  Icon: LucideIcons[name]
+}));
+function LucideIconsDemo() {
+  const [searchRaw, setSearch] = import_react.default.useState(""),
+    search = (0, import_gui.useDebounceValue)(searchRaw, 400),
+    size = 100,
+    iconsMemo = import_react.default.useMemo(() => lucideIcons.filter(x => x.key.includes(search.toLowerCase())).map(({
+      Icon,
+      name
+    }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+      height: size + 20,
+      items: "center",
+      justify: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+        size: size * 0.25
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spacer, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+        height: "$6",
+        wordWrap: "break-word",
+        maxW: "100%",
+        text: "center",
+        px: "$2",
+        size: "$1",
+        opacity: 0.5,
+        children: name
+      })]
+    }, name)), [search]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    minW: "100%",
+    p: "$4",
+    pb: "$0",
+    gap: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
+      value: searchRaw,
+      onChangeText: setSearch,
+      placeholder: "Search..."
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      height: 420,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Grid.Grid, {
+          itemMinWidth: size,
+          children: iconsMemo
+        })
+      })
+    })]
+  });
+}

package/dist/cjs/LucideIconsDemo.native.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var LucideIconsDemo_exports = {};
+__export(LucideIconsDemo_exports, {
+  LucideIconsDemo: () => LucideIconsDemo
+});
+module.exports = __toCommonJS(LucideIconsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react = __toESM(require("react"), 1),
+  LucideIcons = __toESM(require("@hanzogui/lucide-icons-2"), 1),
+  import_react_native = require("react-native"),
+  import_gui = require("@hanzo/gui"),
+  import_Grid = require("./Grid.native.js"),
+  lucideIcons = Object.keys(
+  // vite tree shaking workaround
+  typeof LucideIcons < "u" ? LucideIcons : {}).map(function (name) {
+    return {
+      key: name.toLowerCase(),
+      name,
+      Icon: LucideIcons[name]
+    };
+  });
+function LucideIconsDemo() {
+  var [searchRaw, setSearch] = import_react.default.useState(""),
+    search = (0, import_gui.useDebounceValue)(searchRaw, 400),
+    size = 100,
+    iconsMemo = import_react.default.useMemo(function () {
+      return lucideIcons.filter(function (x) {
+        return x.key.includes(search.toLowerCase());
+      }).map(function (param) {
+        var {
+          Icon,
+          name
+        } = param;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+          height: size + 20,
+          items: "center",
+          justify: "center",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+            size: size * 0.25
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Spacer, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+            height: "$6",
+            wordWrap: "break-word",
+            maxW: "100%",
+            text: "center",
+            px: "$2",
+            size: "$1",
+            opacity: 0.5,
+            children: name
+          })]
+        }, name);
+      });
+    }, [search]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    minW: "100%",
+    p: "$4",
+    pb: "$0",
+    gap: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Input, {
+      value: searchRaw,
+      onChangeText: setSearch,
+      placeholder: "Search..."
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
+      height: 420,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Grid.Grid, {
+          itemMinWidth: size,
+          children: iconsMemo
+        })
+      })
+    })]
+  });
+}
+//# sourceMappingURL=LucideIconsDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LucideIconsDemo_exports","__export","LucideIconsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","LucideIcons","import_react_native","import_gui","import_Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","searchRaw","setSearch","default","useState","search","useDebounceValue","size","iconsMemo","useMemo","filter","x","includes","param","jsxs","YStack","height","items","justify","children","jsx","Spacer","Paragraph","wordWrap","maxW","text","px","opacity"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,uBAClB;AAOA,IAAAK,kBAAoB,GAAAC,OAAO;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,WAAA,GAAAD,OAAA,CAAAF,OAAA;EAAAI,mBAAA,GAAAJ,OAAA;EAAAK,UAAA,GAAAL,OAAA;EAAAM,WAAA,GAAAN,OAAA;EAAAO,WAAA,GAAAC,MAAA,CAAAC,IAAA;EAAA;EAEzB,OAAON,WAAA,GAAgB,MAAcA,WAAA,GAAc,CAAC,CACtD,EAAEO,GAAA,CAAI,UAACC,IAAU;IACf,OAAK;MACLC,GAAA,EAAAD,IAAA,CAAAE,WAAA;MACAF,IAAM;MACNG,IAAA,EAAAX,WAAA,CAAAQ,IAAA;IAEK;EACL;AAKwB,SACtBf,eAEKA,CAAA;EAGG,KAAAmB,SAAA,EAAAC,SAAA,IAAAf,YAAA,CAAAgB,OAAC,CAAAC,QAAK,IAAM;IAAAC,MAAO,KAAM,EAAAd,UAAA,CAAAe,gBAAA,EAAAL,SAAA;IAAAM,IAAA;IAAAC,SAAA,GAAArB,YAAA,CAAAgB,OAAA,CAAAM,OAAA;MAAA,OACzBhB,WAAA,CAAAiB,MAAA,WAAAC,CAAA;QACA,OAAAA,CAAA,CAAAb,GAAA,CAAAc,QAAA,CAAAP,MAAA,CAAAN,WAAA;MAAA,GAAAH,GAAC,WAAAiB,KAAA;QAAA;UAAAb,IAAA;UAAAH;QAAA,IAAAgB,KAAA;QAAA,OACC,eAAO,IAAA5B,kBAAA,CAAA6B,IAAA,EAAAvB,UAAA,CAAAwB,MAAA;UAAAC,MACP,EAAAT,IAAS;UAAAU,KACT,UAAK;UAAAC,OACL,EAAK;UAAAC,QACF,GACH,eAAK,IAAAlC,kBAAA,CAAAmC,GAAA,EAAApB,IAAA;YACLO,IAAA,EAAAA,IAAS;UAER,uBAAAtB,kBAAA,CAAAmC,GAAA,EAAA7B,UAAA,CAAA8B,MAAA,OACH,mBAAApC,kBAAA,CAAAmC,GAAA,EAAA7B,UAAA,CAAA+B,SAAA;YAb8DN,MAejE;YACEO,QAAA;YACTC,IAAA;YAGEC,IAAA;YACEC,EAAA;YAEAnB,IAAA;YAKFoB,OAAA;YAEJR,QAAA,EAAAtB","ignoreList":[]}