@hanzogui/demos 2.0.0

package/dist/esm/ToastDuplicateDemo.native.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircle2 } from "@hanzogui/lucide-icons-2";
+import { Toast } from "@hanzogui/toast";
+import React from "react";
+import { Button, XStack, YStack } from "@hanzo/gui";
+var ToastDuplicateDemo = function () {
+  var [savedCount, setSavedCount] = React.useState(0);
+  return /* @__PURE__ */_jsxs(YStack, {
+    items: "center",
+    children: [/* @__PURE__ */_jsx(Button, {
+      onPress: function () {
+        setSavedCount(function (old) {
+          return old + 1;
+        });
+      },
+      children: "Show toast"
+    }), [...Array(savedCount)].map(function (_, index) {
+      return /* @__PURE__ */_jsx(Toast, {
+        viewportName:
+        // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop
+        "viewport-multiple",
+        duration: 4e3,
+        enterStyle: {
+          opacity: 0,
+          scale: 0.5,
+          y: -25
+        },
+        exitStyle: {
+          opacity: 0,
+          scale: 1,
+          y: -20
+        },
+        y: 0,
+        opacity: 1,
+        scale: 1,
+        transition: "100ms",
+        children: /* @__PURE__ */_jsxs(XStack, {
+          gap: "$4",
+          items: "center",
+          children: [/* @__PURE__ */_jsx(YStack, {
+            children: /* @__PURE__ */_jsx(CheckCircle2, {})
+          }), /* @__PURE__ */_jsxs(YStack, {
+            children: [/* @__PURE__ */_jsx(Toast.Title, {
+              children: "Successfully saved!"
+            }), /* @__PURE__ */_jsx(Toast.Description, {
+              children: "Don't worry... We've got your data."
+            })]
+          })]
+        })
+      }, index);
+    })]
+  });
+};
+export { ToastDuplicateDemo };
+//# sourceMappingURL=ToastDuplicateDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","CheckCircle2","Toast","React","Button","XStack","YStack","ToastDuplicateDemo","savedCount","setSavedCount","useState","items","children","onPress","old","Array","map","_","index","viewportName","duration","enterStyle","opacity","scale","y","exitStyle"],"sources":["../../src/ToastDuplicateDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAoBC,KAAA;AAC7B,SAASC,YAAA,QAAa;AACtB,SAAOC,KAAA,QAAW;AAClB,OAAAC,KAAS,MAAQ,OAAQ;AAUnB,SAAAC,MAwBM,EAAAC,MAAA,EAAAC,MAxBN;AALC,IAAAC,kBAAM,YAAAA,CAAA,EAA2B;EACtC,KAAAC,UAAO,EAAAC,aAAY,IAAaN,KAAI,CAAAO,QAAM,GAAS;EAEnD,OACE,eAAAV,KAAC,CAAAM,MAAA;IACCK,KAAA;IAAAC,QAAC,kBAAAd,IAAA,CAAAM,MAAA;MACCS,OAAA,EAAS,SAAAA,CAAA,EAAM;QACbJ,aAAA,CAAc,UAASK,GAAA;UACzB,OAAAA,GAAA;QACD;MAAA;MAEDF,QAAA;IACE,EAAG,EACF,IAAAG,KAAA,CAAAP,UAAA,GACCQ,GAAA,WAAAC,CAAa,EAAAC,KAAA;MAEb,sBAAUpB,IAAA,CAAAI,KAAA;QACViB,YAAc;QACd;QACG,mBACH;QACAC,QAAO;QACPC,UAAW;UAEXC,OAAA;UACEC,KAAA;UAIAC,CAAA;QACE;QAAgCC,SAChC;UAAsDH,OACxD;UACFC,KAAA;UAAAC,CAAA;QAlBK;QAoBRA,CAAA;QACHF,OAAA;QAEJC,KAAA","ignoreList":[]}

package/dist/esm/ToggleGroupDemo.mjs

@@ -0,0 +1,97 @@
+import { AlignCenter, AlignLeft, AlignRight } from "@hanzogui/lucide-icons-2";
+import { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from "@hanzo/gui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ToggleGroupDemo() {
+  return /* @__PURE__ */jsx(YStack, {
+    px: "$4",
+    children: /* @__PURE__ */jsxs(XStack, {
+      items: "center",
+      gap: "$10",
+      children: [/* @__PURE__ */jsxs(YStack, {
+        items: "center",
+        gap: "$6",
+        children: [/* @__PURE__ */jsx(ToggleGroupComponent, {
+          type: "single",
+          orientation: "horizontal"
+        }), /* @__PURE__ */jsx(ToggleGroupComponent, {
+          type: "multiple",
+          orientation: "horizontal"
+        })]
+      }), /* @__PURE__ */jsxs(XStack, {
+        items: "center",
+        gap: "$6",
+        y: -28,
+        children: [/* @__PURE__ */jsx(ToggleGroupComponent, {
+          type: "single",
+          orientation: "vertical"
+        }), /* @__PURE__ */jsx(ToggleGroupComponent, {
+          type: "multiple",
+          orientation: "vertical"
+        })]
+      })]
+    })
+  });
+}
+function ToggleGroupComponent(props) {
+  const id = `switch-${props.type}`,
+    Group = props.orientation === "horizontal" ? XGroup : YGroup;
+  return /* @__PURE__ */jsxs(XStack, {
+    flexDirection: props.orientation === "horizontal" ? "row" : "column",
+    items: "center",
+    justify: "center",
+    gap: "$4",
+    children: [/* @__PURE__ */jsx(Label, {
+      pr: "$0",
+      justify: "flex-end",
+      size: "$4",
+      htmlFor: id,
+      children: props.type === "single" ? "Single" : "Multiple"
+    }), /* @__PURE__ */jsx(ToggleGroup, {
+      orientation: props.orientation,
+      id,
+      type: props.type,
+      disableDeactivation: props.type === "single" ? !0 : void 0,
+      children: /* @__PURE__ */jsxs(Group, {
+        children: [/* @__PURE__ */jsx(Group.Item, {
+          children: /* @__PURE__ */jsx(ToggleGroup.Item, {
+            value: "left",
+            "aria-label": "Left aligned",
+            borderRadius: "$4",
+            activeStyle: {
+              backgroundColor: "$color5"
+            },
+            children: /* @__PURE__ */jsx(AlignLeft, {
+              size: 16
+            })
+          })
+        }), /* @__PURE__ */jsx(Group.Item, {
+          children: /* @__PURE__ */jsx(ToggleGroup.Item, {
+            value: "center",
+            "aria-label": "Center aligned",
+            borderRadius: "$4",
+            activeStyle: {
+              backgroundColor: "$color5"
+            },
+            children: /* @__PURE__ */jsx(AlignCenter, {
+              size: 16
+            })
+          })
+        }), /* @__PURE__ */jsx(Group.Item, {
+          children: /* @__PURE__ */jsx(ToggleGroup.Item, {
+            value: "right",
+            "aria-label": "Right aligned",
+            borderRadius: "$4",
+            activeStyle: {
+              backgroundColor: "$color5"
+            },
+            children: /* @__PURE__ */jsx(AlignRight, {
+              size: 16
+            })
+          })
+        })]
+      })
+    })]
+  });
+}
+export { ToggleGroupDemo };
+//# sourceMappingURL=ToggleGroupDemo.mjs.map

package/dist/esm/ToggleGroupDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XGroup","YGroup","XStack","YStack","jsx","jsxs","ToggleGroupDemo","px","children","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","flexDirection","justify","pr","size","htmlFor","disableDeactivation","Item","value","borderRadius","activeStyle","backgroundColor"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ToggleGroupDemo.native.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlignCenter, AlignLeft, AlignRight } from "@hanzogui/lucide-icons-2";
+import { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from "@hanzo/gui";
+function ToggleGroupDemo() {
+  return /* @__PURE__ */_jsx(YStack, {
+    px: "$4",
+    children: /* @__PURE__ */_jsxs(XStack, {
+      items: "center",
+      gap: "$10",
+      children: [/* @__PURE__ */_jsxs(YStack, {
+        items: "center",
+        gap: "$6",
+        children: [/* @__PURE__ */_jsx(ToggleGroupComponent, {
+          type: "single",
+          orientation: "horizontal"
+        }), /* @__PURE__ */_jsx(ToggleGroupComponent, {
+          type: "multiple",
+          orientation: "horizontal"
+        })]
+      }), /* @__PURE__ */_jsxs(XStack, {
+        items: "center",
+        gap: "$6",
+        y: -28,
+        children: [/* @__PURE__ */_jsx(ToggleGroupComponent, {
+          type: "single",
+          orientation: "vertical"
+        }), /* @__PURE__ */_jsx(ToggleGroupComponent, {
+          type: "multiple",
+          orientation: "vertical"
+        })]
+      })]
+    })
+  });
+}
+function ToggleGroupComponent(props) {
+  var id = `switch-${props.type}`,
+    Group = props.orientation === "horizontal" ? XGroup : YGroup;
+  return /* @__PURE__ */_jsxs(XStack, {
+    flexDirection: props.orientation === "horizontal" ? "row" : "column",
+    items: "center",
+    justify: "center",
+    gap: "$4",
+    children: [/* @__PURE__ */_jsx(Label, {
+      pr: "$0",
+      justify: "flex-end",
+      size: "$4",
+      htmlFor: id,
+      children: props.type === "single" ? "Single" : "Multiple"
+    }), /* @__PURE__ */_jsx(ToggleGroup, {
+      orientation: props.orientation,
+      id,
+      type: props.type,
+      disableDeactivation: props.type === "single" ? !0 : void 0,
+      children: /* @__PURE__ */_jsxs(Group, {
+        children: [/* @__PURE__ */_jsx(Group.Item, {
+          children: /* @__PURE__ */_jsx(ToggleGroup.Item, {
+            value: "left",
+            "aria-label": "Left aligned",
+            borderRadius: "$4",
+            activeStyle: {
+              backgroundColor: "$color5"
+            },
+            children: /* @__PURE__ */_jsx(AlignLeft, {
+              size: 16
+            })
+          })
+        }), /* @__PURE__ */_jsx(Group.Item, {
+          children: /* @__PURE__ */_jsx(ToggleGroup.Item, {
+            value: "center",
+            "aria-label": "Center aligned",
+            borderRadius: "$4",
+            activeStyle: {
+              backgroundColor: "$color5"
+            },
+            children: /* @__PURE__ */_jsx(AlignCenter, {
+              size: 16
+            })
+          })
+        }), /* @__PURE__ */_jsx(Group.Item, {
+          children: /* @__PURE__ */_jsx(ToggleGroup.Item, {
+            value: "right",
+            "aria-label": "Right aligned",
+            borderRadius: "$4",
+            activeStyle: {
+              backgroundColor: "$color5"
+            },
+            children: /* @__PURE__ */_jsx(AlignRight, {
+              size: 16
+            })
+          })
+        })]
+      })
+    })]
+  });
+}
+export { ToggleGroupDemo };
+//# sourceMappingURL=ToggleGroupDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AlignCenter","AlignLeft","AlignRight","Label","ToggleGroup","XGroup","YGroup","XStack","YStack","ToggleGroupDemo","px","children","items","gap","ToggleGroupComponent","type","orientation","y","props","id","Group","flexDirection","justify","pr","size","htmlFor","disableDeactivation","Item","value","borderRadius","activeStyle"],"sources":["../../src/ToggleGroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAW,2BAAkB;AACnD,SAASC,WAAO,EAAAC,SAAa,EAAAC,UAAQ,QAAQ,0BAAsB;AAM3D,SACEC,KADF,EAAAC,WAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAZ,IAAC,CAAAW,MAAA;IAEGE,EAAA;IACEC,QAAA,iBAACZ,KAAA,CAAAQ,MAAA;MACDK,KAAA;MAA+DC,GACjE;MACAF,QAAA,GACE,eAAAZ,KAAC,CAAAS,MAAA;QACDI,KAAA;QACFC,GAAA;QAEJF,QAAA,GAEJ,eAAAd,IAAA,CAAAiB,oBAAA;UAESC,IAAA;UAIIC,WAAU;QAInB,IAAC,eAAAnB,IAAA,CAAAiB,oBAAA;UAAAC,IAAA;UACCC,WAAe,EAAM;QACrB,CAAM;MAEN,IAEA,eAAAjB,KAAA,CAAAQ,MAAA;QAAAK,KAAA;QAIAC,GAAA;QAACI,CAAA;QAAAN,QAAA,GACC,eAAad,IAAM,CAAAiB,oBAAA;UACnBC,IAAA;UACAC,WAAY;QACZ,IAEA,eAAAnB,IAAA,CAAAiB,oBACE;UAAAC,IAAA;UACEC,WAAC;QAAY;MACL;IAEO;EAC6B;AAErB;AAAA,SAAAF,oBAEzBA,CAAAI,KAAA;EAAA,IAAAC,EAAA,aAEAD,KAAA,CAAAH,IAAA;IAACK,KAAM,GAAAF,KACL,CAAAF,WAAA,oBAAAX,MAAA,GAAAC,MAAA;EAAA,sBAACP,KAAY,CAAAQ,MAAA;IAAAc,aAAZ,EAAAH,KAAA,CAAAF,WAAA;IAAAJ,KAAA,UACC;IAAMU,OAAA,UACN;IAAWT,GAAA;IACEF,QAAA,GAC6B,eAE1Cd,IAAA,CAAAM,KAAA;MAAuBoB,EAAA;MAAAD,OACzB,EACF;MAAAE,IAAA,EAEA;MACEC,OAAA,EAACN,EAAA;MAAYR,QAAZ,EAAAO,KAAA,CAAAH,IAAA;IAAA,IACO,eACNlB,IAAA,CAAAO,WAAW;MAAAY,WACX,EAAAE,KAAA,CAAAF,WAAa;MAAAG,EAAA;MAC6BJ,IAAA,EAAAG,KAE1C,CAAAH,IAAA;MAAsBW,mBAAA,EAAAR,KAAA,CAAAH,IAAA;MAAAJ,QACxB,EACF,eAAAZ,KAAA,CAAAqB,KAAA;QAAAT,QACF,kBAAAd,IAAA,CAAAuB,KAAA,CAAAO,IAAA;UACFhB,QAAA,iBAAAd,IAAA,CAAAO,WAAA,CAAAuB,IAAA;YAAAC,KAAA;YAAA;YACFC,YAAA;YAEJC,WAAA","ignoreList":[]}

package/dist/esm/TokensDemo.mjs

@@ -0,0 +1,89 @@
+import { getConfig } from "@hanzogui/core";
+import React from "react";
+import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from "@hanzo/gui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const sections = [{
+  name: "Size",
+  key: "size"
+}, {
+  name: "Space",
+  key: "space"
+}, {
+  name: "Space (-)",
+  key: "spaceNegative"
+}, {
+  name: "Radius",
+  key: "radius"
+}];
+function TokensDemo() {
+  const [section, setSection] = React.useState("size");
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */jsx(XGroup, {
+      items: "center",
+      self: "center",
+      children: sections.map(({
+        name,
+        key
+      }) => /* @__PURE__ */jsx(XGroup.Item, {
+        children: /* @__PURE__ */jsx(Button, {
+          size: "$3",
+          theme: section === key ? "accent" : null,
+          onPress: () => setSection(key),
+          children: name
+        })
+      }, key))
+    }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */jsx(SizeSection, {
+      section
+    })]
+  });
+}
+function SizeSection({
+  section
+}) {
+  const allTokens = getConfig().tokens,
+    tokens = allTokens[section.startsWith("space") ? "space" : section],
+    st = Object.keys(tokens).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1),
+    spaceTokens = st.filter(t => Number.parseFloat(t) >= 0),
+    spaceTokensNegative = st.filter(t => Number.parseFloat(t) < 0).sort((a, b) => Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1);
+  return /* @__PURE__ */jsxs(YStack, {
+    flex: 1,
+    gap: "$4",
+    children: [/* @__PURE__ */jsx(H2, {
+      children: "Sizes"
+    }), /* @__PURE__ */jsx(YStack, {
+      width: "100%",
+      gap: "$2",
+      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(token => /* @__PURE__ */jsxs(XStack, {
+        width: "100%",
+        items: "center",
+        children: [/* @__PURE__ */jsx(YStack, {
+          width: "25%",
+          children: /* @__PURE__ */jsxs(H3, {
+            size: "$6",
+            children: ["$", token]
+          })
+        }), /* @__PURE__ */jsx(YStack, {
+          width: "20%",
+          children: /* @__PURE__ */jsxs(H4, {
+            size: "$5",
+            children: [tokens[token]?.val, "px"]
+          })
+        }), /* @__PURE__ */jsx(Square, {
+          size: tokens[token]?.val,
+          backgroundColor: "$color5",
+          ...(section === "spaceNegative" && {
+            backgroundColor: "$red5",
+            size: -tokens[spaceTokensNegative.find(t => Number.parseFloat(t) === -Number.parseFloat(token)) ?? token]?.val
+          }),
+          ...(section === "radius" && {
+            size: allTokens.size[token]?.val,
+            borderRadius: tokens[token]?.val
+          })
+        })]
+      }, token))
+    })]
+  });
+}
+export { TokensDemo };
+//# sourceMappingURL=TokensDemo.mjs.map

package/dist/esm/TokensDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getConfig","React","Button","H2","H3","H4","Square","XGroup","XStack","YStack","jsx","jsxs","sections","name","key","TokensDemo","section","setSection","useState","gap","children","items","self","map","Item","size","theme","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","token","val","backgroundColor","find","borderRadius"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TokensDemo.native.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getConfig } from "@hanzogui/core";
+import React from "react";
+import { Button, H2, H3, H4, Square, XGroup, XStack, YStack } from "@hanzo/gui";
+var sections = [{
+  name: "Size",
+  key: "size"
+}, {
+  name: "Space",
+  key: "space"
+}, {
+  name: "Space (-)",
+  key: "spaceNegative"
+}, {
+  name: "Radius",
+  key: "radius"
+}];
+function TokensDemo() {
+  var [section, setSection] = React.useState("size");
+  return /* @__PURE__ */_jsxs(YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */_jsx(XGroup, {
+      items: "center",
+      self: "center",
+      children: sections.map(function (param) {
+        var {
+          name,
+          key
+        } = param;
+        return /* @__PURE__ */_jsx(XGroup.Item, {
+          children: /* @__PURE__ */_jsx(Button, {
+            size: "$3",
+            theme: section === key ? "accent" : null,
+            onPress: function () {
+              return setSection(key);
+            },
+            children: name
+          })
+        }, key);
+      })
+    }), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */_jsx(SizeSection, {
+      section
+    })]
+  });
+}
+function SizeSection(param) {
+  var {
+      section
+    } = param,
+    allTokens = getConfig().tokens,
+    tokens = allTokens[section.startsWith("space") ? "space" : section],
+    st = Object.keys(tokens).sort(function (a, b) {
+      return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
+    }),
+    spaceTokens = st.filter(function (t) {
+      return Number.parseFloat(t) >= 0;
+    }),
+    spaceTokensNegative = st.filter(function (t) {
+      return Number.parseFloat(t) < 0;
+    }).sort(function (a, b) {
+      return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
+    });
+  return /* @__PURE__ */_jsxs(YStack, {
+    flex: 1,
+    gap: "$4",
+    children: [/* @__PURE__ */_jsx(H2, {
+      children: "Sizes"
+    }), /* @__PURE__ */_jsx(YStack, {
+      width: "100%",
+      gap: "$2",
+      children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function (token) {
+        var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2, _spaceTokensNegative_find;
+        return /* @__PURE__ */_jsxs(XStack, {
+          width: "100%",
+          items: "center",
+          children: [/* @__PURE__ */_jsx(YStack, {
+            width: "25%",
+            children: /* @__PURE__ */_jsxs(H3, {
+              size: "$6",
+              children: ["$", token]
+            })
+          }), /* @__PURE__ */_jsx(YStack, {
+            width: "20%",
+            children: /* @__PURE__ */_jsxs(H4, {
+              size: "$5",
+              children: [(_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px"]
+            })
+          }), /* @__PURE__ */_jsx(Square, {
+            size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,
+            backgroundColor: "$color5",
+            ...(section === "spaceNegative" && {
+              backgroundColor: "$red5",
+              size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function (t) {
+                return Number.parseFloat(t) === -Number.parseFloat(token);
+              })) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
+            }),
+            ...(section === "radius" && {
+              size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
+              borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val
+            })
+          })]
+        }, token);
+      })
+    })]
+  });
+}
+export { TokensDemo };
+//# sourceMappingURL=TokensDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getConfig","React","Button","H2","H3","H4","Square","XGroup","XStack","YStack","sections","name","key","TokensDemo","section","setSection","useState","gap","children","items","self","map","param","Item","size","theme","onPress","SizeSection","allTokens","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAiB,IAAAC,KAAA;AAC1B,SAAOC,SAAW;AAClB,OAAAC,KAAS,MAAQ,OAAQ;AA2BrB,SAKUC,MALV,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAvBJ,IAAAC,QAAM,IACJ;EACEC,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,GACA;EACED,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,GACA;EACED,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,GACA;EACED,IAAA,EAAM;EACNC,GAAA,EAAK;AACP,EACF;AAEO,SAASC,WAAA,EAAa;EAC3B,KAAAC,OAAO,EAAAC,UAAS,IAAUd,KAAI,CAAAe,QAAM,OAAkB;EAEtD,OACE,eAAAjB,KAAC,CAAAU,MAAA;IACCQ,GAAA;IAIQC,QAAC,kBAAArB,IAAA,CAAAU,MAAA;MACCY,KAAA,EAAK;MACLC,IAAA,UAAO;MACPF,QAAA,EAASR,QAAM,CAAAW,GAAA,WAAcC,KAAA;QAE5B;UAAAX,IAAA;UAAAC;QAAA,IAAAU,KAAA;QAAA,sBAAAzB,IAAA,CAAAU,MAAA,CAAAgB,IAAA;UAELL,QAGN,iBAAArB,IAAA,CAAAK,MAAA;YAEEsB,IAAY;YAIhBC,KAAA,EAAAX,OAAA,KAAAF,GAAA;YAEJc,OAAA,WAAAA,CAAA;cAES,OAAcX,UAAQ,CAAyBH,GAAA;YAChD;YAGJM,QAAO,EAAAP;UAEH;QAMJ,GAAAC,GAAA;MACE;IACA,IAEI,CAACE,OAAA,KAEG,UAAAA,OAAA,KAAC,eAAa,IAAAA,OAAO,KAAM,WACzBA,OAAA,iCAAAjB,IAAA,CAAA8B,WAAA;MAAAb;IACgB;EAAE;AAClB;AAEiB,SAAAa,WAAOA,CAAAL,KAAQ;EAAA;MAAAR;IAAI,IAAAQ,KAAA;IAAAM,SAAA,GAAA5B,SAAA,GAAA6B,MAAA;IAAAA,MAAA,GAAAD,SAAA,CAAAd,OAAA,CAAAgB,UAAA,sBAAAhB,OAAA;IAAAiB,EAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAK,IAAA,WAAAC,CAAA,EAAAC,CAAA;MAAA,OAAEC,MACtC,CAAAC,UAAA,CAAAH,CAAA,IAAAE,MAAA,CAAAC,UAAA,CAAAF,CAAA;IAAA;IAAAG,WACA,GAAAR,EAAA,CAAAS,MAAA,WAAAC,CAAA;MAAA,OAACJ,MAAA,CAAAC,UAAA,CAAAG,CAAA;IAAA;IAAAC,mBAAA,GAAAX,EAAA,CAAAS,MAAA,WAAAC,CAAA;MAAA,OAAAJ,MACC,CAAMC,UAAO,CAAAG,CAAK,IAAG;IAAA,GAAAP,IAAA,WACrBC,CAAA,EAAAC,CAAA;MAAgB,OAAAC,MACX,CAAAC,UAAY,CAAAH,CAAA,IAAAE,MAAA,CAAAC,UAAmB,CAAAF,CAAA;IAAA;EACjB,sBAEdrC,KACC,CAAAU,MAAA;IAAoBkC,IAAA;IACsC1B,GAAA;IAEzDC,QACP,kBACKrB,IAAA,CAAYM,EAAA;MAAYe,QAC3B;IAA6B,IACA,eAC/BrB,IAAA,CAAAY,MAAA;MAAAmC,KAAA;MACF3B,GAAA;MAAAC,QACF,GAAAJ,OAAA,uBAAA4B,mBAAA,GAAAH,WAAA,EAAAlB,GAAA,WAAAwB,KAAA;QAIR,IAAAC,aAAA,EAAAC,cAAA,EAAAC,QAAA,EAAAC,qBAAA,EAAAC,cAAA,EAAAC,yBAAA;QACF,sBAAApD,KAAA,CAAAS,MAAA;UAEJoC,KAAA","ignoreList":[]}

package/dist/esm/TooltipDemo.mjs

@@ -0,0 +1,108 @@
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@hanzogui/lucide-icons-2";
+import { Button, Paragraph, Theme, Tooltip, TooltipGroup, XStack, YStack } from "@hanzo/gui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipDemo() {
+  return /* @__PURE__ */jsx(Theme, {
+    name: "surface2",
+    children: /* @__PURE__ */jsx(TooltipGroup, {
+      delay: {
+        open: 300,
+        close: 100
+      },
+      children: /* @__PURE__ */jsxs(YStack, {
+        gap: "$2",
+        self: "center",
+        children: [/* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(Demo, {
+            groupId: "0",
+            placement: "top-end",
+            Icon: Circle
+          }), /* @__PURE__ */jsx(Demo, {
+            groupId: "1",
+            placement: "top",
+            Icon: ChevronUp
+          }), /* @__PURE__ */jsx(Demo, {
+            groupId: "2",
+            placement: "top-start",
+            Icon: Circle
+          })]
+        }), /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(Demo, {
+            groupId: "3",
+            placement: "left",
+            Icon: ChevronLeft
+          }), /* @__PURE__ */jsx(YStack, {
+            flex: 1
+          }), /* @__PURE__ */jsx(Demo, {
+            groupId: "4",
+            placement: "right",
+            Icon: ChevronRight
+          })]
+        }), /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(Demo, {
+            groupId: "5",
+            placement: "bottom-end",
+            Icon: Circle
+          }), /* @__PURE__ */jsx(Demo, {
+            groupId: "6",
+            placement: "bottom",
+            Icon: ChevronDown
+          }), /* @__PURE__ */jsx(Demo, {
+            groupId: "7",
+            placement: "bottom-start",
+            Icon: Circle
+          })]
+        })]
+      })
+    })
+  });
+}
+function Demo({
+  Icon,
+  ...props
+}) {
+  return /* @__PURE__ */jsxs(Tooltip, {
+    ...props,
+    children: [/* @__PURE__ */jsx(Tooltip.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */jsx(Button, {
+        icon: Icon,
+        circular: !0
+      })
+    }), /* @__PURE__ */jsxs(Tooltip.Content, {
+      enterStyle: {
+        x: 0,
+        y: -5,
+        opacity: 0,
+        scale: 0.9
+      },
+      exitStyle: {
+        x: 0,
+        y: -5,
+        opacity: 0,
+        scale: 0.9
+      },
+      scale: 1,
+      x: 0,
+      y: 0,
+      opacity: 1,
+      py: "$2",
+      px: "$3",
+      transition: ["quick", {
+        opacity: {
+          overshootClamping: !0
+        }
+      }],
+      children: [/* @__PURE__ */jsx(Tooltip.Arrow, {}), /* @__PURE__ */jsx(Paragraph, {
+        size: "$2",
+        lineHeight: "$1",
+        children: "Hello world"
+      })]
+    })]
+  });
+}
+export { TooltipDemo };
+//# sourceMappingURL=TooltipDemo.mjs.map

package/dist/esm/TooltipDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Circle","Button","Paragraph","Theme","Tooltip","TooltipGroup","XStack","YStack","jsx","jsxs","TooltipDemo","name","children","delay","open","close","gap","self","Demo","groupId","placement","Icon","flex","props","Trigger","asChild","icon","circular","Content","enterStyle","x","y","opacity","scale","exitStyle","py","px","transition","overshootClamping","Arrow","size","lineHeight"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,WAAA,EACAC,WAAA,EACAC,YAAA,EACAC,SAAA,EACAC,MAAA,QACK;AAEP,SAASC,MAAA,EAAQC,SAAA,EAAWC,KAAA,EAAOC,OAAA,EAASC,YAAA,EAAcC,MAAA,EAAQC,MAAA,QAAc;AAOtE,SACEC,GAAA,EADFC,IAAA;AALH,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAF,GAAA,CAACL,KAAA;IAAMQ,IAAA,EAAK;IACVC,QAAA,iBAAAJ,GAAA,CAACH,YAAA;MAAaQ,KAAA,EAAO;QAAEC,IAAA,EAAM;QAAKC,KAAA,EAAO;MAAI;MAC3CH,QAAA,iBAAAH,IAAA,CAACF,MAAA;QAAOS,GAAA,EAAI;QAAKC,IAAA,EAAK;QACpBL,QAAA,kBAAAH,IAAA,CAACH,MAAA;UAAOU,GAAA,EAAI;UACVJ,QAAA,kBAAAJ,GAAA,CAACU,IAAA;YAAKC,OAAA,EAAQ;YAAIC,SAAA,EAAU;YAAUC,IAAA,EAAMrB;UAAA,CAAQ,GACpD,eAAAQ,GAAA,CAACU,IAAA;YAAKC,OAAA,EAAQ;YAAIC,SAAA,EAAU;YAAMC,IAAA,EAAMtB;UAAA,CAAW,GACnD,eAAAS,GAAA,CAACU,IAAA;YAAKC,OAAA,EAAQ;YAAIC,SAAA,EAAU;YAAYC,IAAA,EAAMrB;UAAA,CAAQ;QAAA,CACxD,GACA,eAAAS,IAAA,CAACH,MAAA;UAAOU,GAAA,EAAI;UACVJ,QAAA,kBAAAJ,GAAA,CAACU,IAAA;YAAKC,OAAA,EAAQ;YAAIC,SAAA,EAAU;YAAOC,IAAA,EAAMxB;UAAA,CAAa,GACtD,eAAAW,GAAA,CAACD,MAAA;YAAOe,IAAA,EAAM;UAAA,CAAG,GACjB,eAAAd,GAAA,CAACU,IAAA;YAAKC,OAAA,EAAQ;YAAIC,SAAA,EAAU;YAAQC,IAAA,EAAMvB;UAAA,CAAc;QAAA,CAC1D,GACA,eAAAW,IAAA,CAACH,MAAA;UAAOU,GAAA,EAAI;UACVJ,QAAA,kBAAAJ,GAAA,CAACU,IAAA;YAAKC,OAAA,EAAQ;YAAIC,SAAA,EAAU;YAAaC,IAAA,EAAMrB;UAAA,CAAQ,GACvD,eAAAQ,GAAA,CAACU,IAAA;YAAKC,OAAA,EAAQ;YAAIC,SAAA,EAAU;YAASC,IAAA,EAAMzB;UAAA,CAAa,GACxD,eAAAY,GAAA,CAACU,IAAA;YAAKC,OAAA,EAAQ;YAAIC,SAAA,EAAU;YAAeC,IAAA,EAAMrB;UAAA,CAAQ;QAAA,CAC3D;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ;AAEA,SAASkB,KAAK;EAAEG,IAAA;EAAM,GAAGE;AAAM,GAAkC;EAC/D,OACE,eAAAd,IAAA,CAACL,OAAA;IAAS,GAAGmB,KAAA;IACXX,QAAA,kBAAAJ,GAAA,CAACJ,OAAA,CAAQoB,OAAA,EAAR;MAAgBC,OAAA,EAAO;MACtBb,QAAA,iBAAAJ,GAAA,CAACP,MAAA;QAAOyB,IAAA,EAAML,IAAA;QAAMM,QAAA,EAAQ;MAAA,CAAC;IAAA,CAC/B,GACA,eAAAlB,IAAA,CAACL,OAAA,CAAQwB,OAAA,EAAR;MACCC,UAAA,EAAY;QAAEC,CAAA,EAAG;QAAGC,CAAA,EAAG;QAAIC,OAAA,EAAS;QAAGC,KAAA,EAAO;MAAI;MAClDC,SAAA,EAAW;QAAEJ,CAAA,EAAG;QAAGC,CAAA,EAAG;QAAIC,OAAA,EAAS;QAAGC,KAAA,EAAO;MAAI;MACjDA,KAAA,EAAO;MACPH,CAAA,EAAG;MACHC,CAAA,EAAG;MACHC,OAAA,EAAS;MACTG,EAAA,EAAG;MACHC,EAAA,EAAG;MACHC,UAAA,EAAY,CACV,SACA;QACEL,OAAA,EAAS;UACPM,iBAAA,EAAmB;QACrB;MACF,EACF;MAEA1B,QAAA,kBAAAJ,GAAA,CAACJ,OAAA,CAAQmC,KAAA,EAAR,EAAc,GACf,eAAA/B,GAAA,CAACN,SAAA;QAAUsC,IAAA,EAAK;QAAKC,UAAA,EAAW;QAAK7B,QAAA;MAAA,CAErC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}